453530270@qq.com
2 years ago
397 changed files with 117616 additions and 21 deletions
@ -0,0 +1 @@ |
|||
12 |
|||
@ -0,0 +1 @@ |
|||
12 |
|||
@ -0,0 +1,591 @@ |
|||
let selectTableData = []; |
|||
let checkPrice = 0; |
|||
let priceters = 0; |
|||
|
|||
$(document).ready(function () { |
|||
Array.prototype.myForEach = function myForEach(callback, context) { |
|||
context = context || window; |
|||
if (Array.prototype.forEach) { |
|||
// 调用forEach方法，不做任何处理 |
|||
this.forEach(callback, context); |
|||
return; |
|||
} |
|||
} |
|||
// 页面权限 |
|||
if (!cookieHandler.get("normal_login_token")) { |
|||
Dreamer.error("请先登录"); |
|||
setTimeout(function () { |
|||
window.location.href = 'login.html?time=' + new Date().getTime(); |
|||
}, 1000) |
|||
} else { |
|||
if (!cookieHandler.get("isliCode")) { |
|||
Dreamer.error("账号未认证，请进行认证！"); |
|||
setTimeout(function () { |
|||
window.location.href = 'MyCetification.html?time=' + new Date().getTime(); |
|||
}, 1000) |
|||
} else { |
|||
if (cookieHandler.get("userType") === "0") { |
|||
Dreamer.error("个人认证账号没有访问权限！"); |
|||
setTimeout(function () { |
|||
history.back(-1) |
|||
}, 1000) |
|||
} else { |
|||
ificationList(); |
|||
} |
|||
} |
|||
} |
|||
// $("#liation_use").hide();//控制申请使用的显示隐藏 |
|||
}); |
|||
|
|||
/** |
|||
* 判断是否为一个整数 |
|||
* @param {object} obj 字符串 |
|||
* @return {boolean} true/false |
|||
*/ |
|||
function isInteger(obj) { |
|||
return Math.floor(obj) === obj; |
|||
} |
|||
|
|||
/** |
|||
* 将一个浮点数转成整数，返回整数和倍数。如 3.14 >> 314，倍数是 100 |
|||
* @param {object} floatNum 小数 |
|||
* @return {object} {times:100, num: 314} |
|||
*/ |
|||
function toInteger(floatNum) { |
|||
var ret = { |
|||
times: 1, |
|||
num: 0 |
|||
} |
|||
var isNegative = floatNum < 0 |
|||
if (isInteger(floatNum)) { |
|||
ret.num = floatNum |
|||
return ret |
|||
} |
|||
var strfi = floatNum + '' |
|||
var dotPos = strfi.indexOf('.') |
|||
var len = strfi.substr(dotPos + 1).length |
|||
var times = Math.pow(10, len) |
|||
var intNum = parseInt(Math.abs(floatNum) * times + 0.5, 10) |
|||
ret.times = times |
|||
if (isNegative) { |
|||
intNum = -intNum |
|||
} |
|||
ret.num = intNum |
|||
return ret |
|||
} |
|||
|
|||
/** |
|||
* 浮点型数字运算精度丢失修复 |
|||
* @param {object} num 小数 |
|||
* @param {number} s 小数位数 |
|||
* @return {object} s位小数 |
|||
*/ |
|||
function toFixed(num, s) { |
|||
var times = Math.pow(10, s); |
|||
var des = num * times + 0.5; |
|||
des = (parseInt(des, 10) / times) + ''; |
|||
|
|||
var pos_decimal = des.indexOf('.'); |
|||
if (pos_decimal > 0) { |
|||
while (des.length <= pos_decimal + s) { |
|||
des += '0'; |
|||
} |
|||
} |
|||
return des; |
|||
} |
|||
|
|||
function operation(a, b, dig, op) { |
|||
var o1 = toInteger(a) |
|||
var o2 = toInteger(b) |
|||
var n1 = o1.num |
|||
var n2 = o2.num |
|||
var t1 = o1.times |
|||
var t2 = o2.times |
|||
var max = t1 > t2 ? t1 : t2 |
|||
var result = null |
|||
switch (op) { |
|||
case 'add': |
|||
if (t1 === t2) { // 两个小数位数相同 |
|||
result = n1 + n2 |
|||
} else if (t1 > t2) { // o1 小数位 大于 o2 |
|||
result = n1 + n2 * (t1 / t2) |
|||
} else { // o1 小数位 小于 o2 |
|||
result = n1 * (t2 / t1) + n2 |
|||
} |
|||
return toFixed(result / max, dig) |
|||
case 'subtract': |
|||
if (t1 === t2) { |
|||
result = n1 - n2 |
|||
} else if (t1 > t2) { |
|||
result = n1 - n2 * (t1 / t2) |
|||
} else { |
|||
result = n1 * (t2 / t1) - n2 |
|||
} |
|||
return toFixed(result / max, dig) |
|||
case 'multiply': |
|||
result = (n1 * n2) / (t1 * t2) |
|||
return toFixed(result, dig) |
|||
case 'divide': |
|||
if (n2 === 0) |
|||
result = 0 |
|||
else |
|||
result = (n1 / n2) * (t2 / t1) |
|||
return toFixed(result, dig) |
|||
} |
|||
} |
|||
|
|||
let user_isli = null; |
|||
let lengths = 0; |
|||
|
|||
//查询购物车数据 |
|||
function ificationList() { |
|||
user_isli = cookieHandler.get("isliCode"); //获取用户委托关联编码 |
|||
$("#table-javascript").bootstrapTable({ |
|||
method: "POST", |
|||
contentType: "application/x-www-form-urlencoded", |
|||
url: AgencyAddress + "order/getShoppingCar?user_isli=" + user_isli, |
|||
pageNumber: 1, |
|||
pagination: true, |
|||
sidePagination: 'client', |
|||
pageSize: 10, //每页的记录行数（*） |
|||
pageList: [10, 20], //可供选择的每页的行数（*） |
|||
queryParamsType: "limit", |
|||
ajaxOptions: { |
|||
headers: { |
|||
"normal_login_token": cookieHandler.get("normal_login_token") |
|||
} |
|||
}, |
|||
responseHandler: function (res) { |
|||
if (res.resultCode === "00000000") { |
|||
return res.data |
|||
} else { |
|||
return [] |
|||
} |
|||
}, |
|||
// 请求失败 |
|||
onLoadError: function (err) { |
|||
if (err == 401) { |
|||
cookieHandler.del("isliCode") |
|||
cookieHandler.del("normal_login_token") |
|||
cookieHandler.del("accountId") |
|||
cookieHandler.del("cellPhone") |
|||
cookieHandler.del("userType") |
|||
Dreamer.error("请先登录"); |
|||
setTimeout(function () { |
|||
window.location.href = 'login.html?time=' + new Date().getTime(); |
|||
}, 1500) |
|||
} |
|||
}, |
|||
columns: [{ |
|||
field: 'checked', |
|||
checkbox: true, |
|||
align: 'center', |
|||
valign: 'middle' |
|||
}, |
|||
{ |
|||
title: '缩略图', |
|||
field: 'detail.goods_image', |
|||
align: 'center', |
|||
valign: 'middle', |
|||
height: "150px", |
|||
formatter: function (value, row, index) { |
|||
let getimg = ""; |
|||
var myPix = new Array("../images/180-180.jpg", "../images/180-180-2.jpg", |
|||
"../images/180-180-3.jpg", |
|||
"../images/180-180-3.jpg"); |
|||
var randomNum = Math.floor((Math.random() * myPix.length)); |
|||
if (value) { |
|||
let reg = RegExp(/data:image\/.*;base64,/); |
|||
if (reg.test(value)) { //判断图片数据是base64吗 |
|||
getimg = '<img style="height:40px;" src=' + value + '>'; |
|||
} else { |
|||
getimg = '<img style="height:40px;" src=' + pathURL + '' + |
|||
encodeURIComponent(value) + '>'; |
|||
} |
|||
} else { |
|||
let newdaimg = myPix[randomNum]; |
|||
getimg = '<img style="height:40px;" src=' + newdaimg + ' alt="">' |
|||
} |
|||
return getimg |
|||
} |
|||
}, |
|||
{ |
|||
title: '标的名称', |
|||
field: 'detail.goods_name', |
|||
align: 'center', |
|||
valign: 'middle', |
|||
}, { |
|||
title: '标的委托关联编码', |
|||
field: 'goods_islicode', |
|||
align: 'center', |
|||
valign: 'middle', |
|||
}, { |
|||
title: '交易方式', |
|||
field: 'detail.goods_entrust', |
|||
align: 'center', |
|||
valign: 'middle', |
|||
formatter: function (value, row, index) { |
|||
if (value == 1) { //1：转让；2：授权 |
|||
return "转让" |
|||
} else if (value == 2) { |
|||
return "授权" |
|||
} |
|||
} |
|||
}, { |
|||
title: '付费类型', |
|||
field: 'detail.charges_type', |
|||
align: 'center', |
|||
valign: 'middle', |
|||
formatter: function (value, row, index) { |
|||
if (value == 1) { //1：免费；2：付费 |
|||
return "免费" |
|||
} else if (value == 2) { |
|||
return "付费" |
|||
} |
|||
} |
|||
}, { |
|||
title: '委托方', |
|||
field: 'username', |
|||
align: 'center', |
|||
valign: 'middle', |
|||
}, { |
|||
title: '单价', |
|||
field: 'detail.price', |
|||
align: 'center', |
|||
valign: 'middle', |
|||
formatter: function (value, row, index) { |
|||
if (row.username == "国家图书馆出版社有限公司" || row.username == "中国数字文化集团有限公司" || row.username == "深圳国夏文化数字科技有限公司") { |
|||
return "可议价" |
|||
} else { |
|||
return '￥' + value; |
|||
} |
|||
} |
|||
}, { |
|||
title: '购买年限', |
|||
field: 'transaction_count', |
|||
align: 'center', |
|||
valign: 'middle', |
|||
formatter: function (value, row, index) { |
|||
if (row.username == "国家图书馆出版社有限公司" || row.username == "中国数字文化集团有限公司" || row.username == "深圳国夏文化数字科技有限公司") { |
|||
return "-" |
|||
} else { |
|||
if (value == "-" && row.detail.goods_entrust == "1") { |
|||
return "永久" |
|||
} else if (row.detail.charges_type == "1") { |
|||
return "永久" |
|||
} else { |
|||
return value != "" ? value : "--"; |
|||
} |
|||
} |
|||
} |
|||
}, { |
|||
title: '小计', |
|||
field: 'goods_price', |
|||
align: 'center', |
|||
valign: 'middle', |
|||
formatter: function (value, row, index) { |
|||
if (row.username == "国家图书馆出版社有限公司" || row.username == "中国数字文化集团有限公司" || row.username == "深圳国夏文化数字科技有限公司") { |
|||
return "-" |
|||
} else { |
|||
var f = parseFloat(value); |
|||
if (isNaN(f)) { |
|||
return false; |
|||
} |
|||
var f = Math.round(value * 100) / 100; |
|||
var s = f.toString(); |
|||
var rs = s.indexOf('.'); |
|||
if (rs < 0) { |
|||
rs = s.length; |
|||
s += '.'; |
|||
} |
|||
while (s.length <= rs + 2) { |
|||
s += '0'; |
|||
} |
|||
return '￥' + s; |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
title: '交易佣金', |
|||
field: 'service_charge', |
|||
align: 'center', |
|||
valign: 'middle', |
|||
formatter: function (value, row, index) { |
|||
if (row.username == "国家图书馆出版社有限公司" || row.username == "中国数字文化集团有限公司" || row.username == "深圳国夏文化数字科技有限公司") { |
|||
return "-" |
|||
} else { |
|||
return '￥' + value; |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
title: '合计', |
|||
field: 'total_money', |
|||
align: 'center', |
|||
valign: 'middle', |
|||
formatter: function (value, row, index) { |
|||
if (row.username == "国家图书馆出版社有限公司" || row.username == "中国数字文化集团有限公司" || row.username == "深圳国夏文化数字科技有限公司") { |
|||
return "-" |
|||
} else { |
|||
var f = parseFloat(value); |
|||
if (isNaN(f)) { |
|||
return false; |
|||
} |
|||
var f = Math.round(value * 100) / 100; |
|||
var s = f.toString(); |
|||
var rs = s.indexOf('.'); |
|||
if (rs < 0) { |
|||
rs = s.length; |
|||
s += '.'; |
|||
} |
|||
while (s.length <= rs + 2) { |
|||
s += '0'; |
|||
} |
|||
return '￥' + s; |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
field: 'namesize', |
|||
align: 'center', |
|||
valign: 'middle', |
|||
formatter: formatLook |
|||
} |
|||
], |
|||
|
|||
//点击全选框时触发的操作 |
|||
onCheckAll: function (row) { |
|||
selectTableData = []; |
|||
selectTableData = row; |
|||
lengths = selectTableData.length |
|||
$("#Selected").html(lengths); |
|||
checkPrice = 0; |
|||
let filtered = selectTableData.filter(function (number) { |
|||
return number.username != "中国数字文化集团有限公司" && number.username != "国家图书馆出版社有限公司" && number.username != "深圳国夏文化数字科技有限公司"; |
|||
}); |
|||
filtered.myForEach(function (v, index, arr) { |
|||
let total = Math.round(parseFloat(v.total_money * 100)) / 100; |
|||
checkPrice += Number(total); |
|||
$("#eckprice").html(checkPrice.toFixed(2)); |
|||
}); |
|||
free_pay(); |
|||
}, |
|||
//点击取消全选 |
|||
onUncheckAll: function (row, tr, flied) { |
|||
selectTableData = []; |
|||
lengths = 0; |
|||
$("#Selected").html(0); |
|||
checkPrice = 0; |
|||
$("#eckprice").html(0); |
|||
free_pay(); |
|||
}, |
|||
// 点击每一个单选框时触发的操作 |
|||
onCheck: function (row) { |
|||
lengths++ |
|||
$("#Selected").html(lengths); |
|||
if (row.username != "中国数字文化集团有限公司" && row.username != "国家图书馆出版社有限公司" && row.username != "深圳国夏文化数字科技有限公司") { |
|||
selectTableData.push(row); |
|||
let priceters = Math.round(parseFloat(row.total_money * 100)) / 100; |
|||
checkPrice = operation(checkPrice, priceters, 2, 'add'); |
|||
$("#eckprice").html(checkPrice); |
|||
} |
|||
free_pay(); |
|||
}, |
|||
//取消每一个单选框时对应的操作； |
|||
onUncheck: function (row) { |
|||
lengths-- |
|||
$("#Selected").html(lengths); |
|||
selectTableData.myForEach(function (v, index, arr) { |
|||
if (v.goods_isli == row.goods_isli) { |
|||
selectTableData.splice(index, 1); |
|||
let subter = Math.round(parseFloat(v.total_money * 100)) / 100; |
|||
let priceters = operation(checkPrice, subter, 2, 'subtract'); |
|||
checkPrice = priceters; |
|||
checkPrice = Number(checkPrice); |
|||
$("#eckprice").html(checkPrice); |
|||
} |
|||
}); |
|||
free_pay(); |
|||
}, |
|||
}) |
|||
} |
|||
|
|||
// let goods_islicode = null; |
|||
// let goods_usetime = null; |
|||
//添加查看按钮 |
|||
function formatLook(value, row, index) { |
|||
// goods_islicode = row.goods_islicode; //委托数据委托关联编码 |
|||
// goods_usetime = row.goods_usetime; //委托数据购买使用年限 |
|||
//row 这一行数据,index 下标 |
|||
// <button class='text-btn' onclick=\"handelLook('" + row.goods_image + "','" + index + |
|||
// "' )\">查看</button> |
|||
var htm = "<button class='text-btn' onclick=\"deltabel('" + row.goods_islicode + "')\">删除</button>"; |
|||
return htm; |
|||
} |
|||
|
|||
// 点击删除按钮操作 |
|||
function deltabel(goods_islicode) { |
|||
user_isli = cookieHandler.get("isliCode"); //用户委托关联编码 |
|||
//goods_isli 商品委托关联编码 |
|||
var ajaxDeleteShop = new AJAX_OBJ(AgencyAddress + "order/delShoppingCa?goods_isli=" + goods_islicode + |
|||
"&user_isli=" + user_isli, DeleteShop, onUrlError); |
|||
ajaxDeleteShop.postRequestData(); |
|||
} |
|||
|
|||
function DeleteShop(xmlHttp) { |
|||
var res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
Dreamer.success("删除成功！"); |
|||
reLoad(); |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
} |
|||
|
|||
function reLoad() { |
|||
$('#table-javascript').bootstrapTable('destroy'); |
|||
ificationList(); |
|||
checkPrice = 0; |
|||
lengths = 0; |
|||
selectTableData = []; |
|||
$("#Selected").html(0); |
|||
$("#eckprice").html(0); |
|||
} |
|||
|
|||
//查看数据中是免费还是付费的，全部免费显示申请使用，有一个收费就显示立即购买 |
|||
function free_pay() { |
|||
for (let i = 0; i < selectTableData.length; i++) { |
|||
if (selectTableData[i].detail.charges_type == 2) { |
|||
$("#placeOrder").val(""); |
|||
return $("#placeOrder").val("提交订单"); |
|||
} else { |
|||
$("#placeOrder").val(""); |
|||
$("#placeOrder").val("申请使用"); |
|||
} |
|||
} |
|||
} |
|||
|
|||
//提交订单 |
|||
$("#placeOrder").click(function (e) { |
|||
user_isli = cookieHandler.get("isliCode"); |
|||
if (user_isli) { |
|||
if (cookieHandler.get("userType") === "0") { |
|||
Dreamer.error($("#placeOrder").val() == "提交订单" ? "个人认证账号不能提交订单！" : "个人认证账号不能申请使用！"); |
|||
} else { |
|||
if (selectTableData.length != 0) { |
|||
// if ($("#eckprice").html() > 20000) { |
|||
// Dreamer.warning("购买金额不能高于2万"); |
|||
// } else { |
|||
//获取委托数据委托关联编码 用，拼接 |
|||
let manyislicode = ""; |
|||
//购买方用户委托关联编码 用，拼接 |
|||
let manyYears = ""; |
|||
let new_shop_Name = ""; |
|||
let new_userName = ""; //判断是不是中国数字文化集团有限公司,国家图书馆出版社有限公司,深圳国夏文化数字科技有限公司 |
|||
let new_company = ""; //北京玖扬博文文化发展有限公司 |
|||
selectTableData.myForEach(function (item, index, arr) { |
|||
if (index < selectTableData.length - 1) { |
|||
manyislicode += item.goods_islicode + ","; |
|||
} else { |
|||
manyislicode += item.goods_islicode + ""; |
|||
} |
|||
if (index < selectTableData.length - 1) { |
|||
manyYears += item.use_years + ","; |
|||
} else { |
|||
manyYears += item.use_years + ""; |
|||
} |
|||
//拼接撤销数据的名称 |
|||
if (item.goods_status != 1 && item.goods_status != 5) { |
|||
if (index < selectTableData.length - 1) { |
|||
new_shop_Name += item.detail.goods_name + ","; |
|||
} else { |
|||
new_shop_Name += item.detail.goods_name + ""; |
|||
} |
|||
} else { |
|||
new_shop_Name = ""; |
|||
} |
|||
if (index < selectTableData.length - 1) { |
|||
new_userName += item.username + ","; |
|||
} else { |
|||
new_userName += item.username + ""; |
|||
} |
|||
if (item.username == "北京玖扬博文文化发展有限公司" && item.detail.charges_type == "1") { |
|||
if (index < selectTableData.length - 1) { |
|||
new_company += item.username + ","; |
|||
} else { |
|||
new_company += item.username + ""; |
|||
} |
|||
} |
|||
}); |
|||
//判断是不是北京玖扬博文文化发展有限公司 |
|||
let company_Number = null; |
|||
if (new_company.split(",").includes("北京玖扬博文文化发展有限公司")) { |
|||
company_Number = 1; |
|||
} else { |
|||
company_Number = null |
|||
} |
|||
//判断是不是中国数字文化集团有限公司和国家图书馆出版社有限公司、深圳国夏文化数字科技有限公司 |
|||
let china_Number = null; |
|||
if (new_userName.split(",").includes("中国数字文化集团有限公司") || new_userName.split(",").includes("国家图书馆出版社有限公司") || new_userName.split(",").includes("深圳国夏文化数字科技有限公司")) { |
|||
china_Number = 1; |
|||
} else { |
|||
china_Number = null |
|||
} |
|||
if (company_Number == null) { |
|||
if (china_Number == null) { //判断数据中是否有中国数字文化集团有限公司，国家图书馆出版社有限公司，深圳国夏文化数字科技有限公司 的委托数据 |
|||
if (new_shop_Name == "") { |
|||
$("#placeOrder").attr("disabled", true); |
|||
let data = { |
|||
goods_isli: manyislicode, //委托数据委托关联编码 |
|||
is_car: 1, //1：购物车商品；2：不是购物车商品 |
|||
use_years: manyYears, //委托数据购买使用年限 |
|||
user_isli: user_isli //购买方用户委托关联编码 |
|||
} |
|||
var ajaxAddShop = new AJAX_OBJ(AgencyAddress + "order/createOrder?goods_isli=" + |
|||
data |
|||
.goods_isli + "&is_car=" + data.is_car + "&use_years=" + data |
|||
.use_years + |
|||
"&user_isli=" + data.user_isli, entrustAddShop, onUrlError); |
|||
ajaxAddShop.postRequestData(); |
|||
} else { |
|||
Dreamer.warning(new_shop_Name + "无法购买"); |
|||
} |
|||
} else { |
|||
Dreamer.warning("可议价商品暂不支持线上购买，如需议价请拨打电话:0755-88266899"); |
|||
} |
|||
} else { |
|||
Dreamer.warning("如需申领使用，请拨打电话 0755-88266899"); |
|||
} |
|||
// } |
|||
} else { |
|||
Dreamer.warning("请选择商品"); |
|||
} |
|||
} |
|||
} else { |
|||
Dreamer.error("账号未认证，请进行认证！"); |
|||
setTimeout(function () { |
|||
window.location.href = 'MyCetification.html?time=' + new Date().getTime(); |
|||
}, 1000) |
|||
} |
|||
}); |
|||
|
|||
function entrustAddShop(xmlHttp) { |
|||
var res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
if ($("#placeOrder").val() == "提交订单") { |
|||
Dreamer.success("订单提交成功"); |
|||
ificationList(); |
|||
// res.data.batchcode //订单号 |
|||
$(location).prop('href', './payment.html?batchcode=' + res.data.batchcode + '&time=' + new Date() |
|||
.getTime()); |
|||
selectTableData = []; |
|||
} else if ($("#placeOrder").val() == "申请使用") { |
|||
$(location).prop('href', './BuyOrder.html?time=' + new Date().getTime()); |
|||
selectTableData = []; |
|||
} |
|||
} else { |
|||
$("#placeOrder").attr("disabled", false); |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
} |
|||
File diff suppressed because it is too large
@ -0,0 +1,184 @@ |
|||
<!-- 支付页面 --> |
|||
<!DOCTYPE html> |
|||
<html> |
|||
|
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<title>支付</title> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<!-- 引入初始化样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/reset.css" /> |
|||
<!-- 引入默认样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/default.css" /> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" /> |
|||
<link rel="stylesheet" href="../css/payment.css"> |
|||
<link rel="stylesheet" href="../css/header.css"> |
|||
<!-- 引入jquery --> |
|||
<script src="../js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap-table.min.css" /> |
|||
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap-table.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/Dream-Msg.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/ajax.ipanel.js" type="text/javascript" charset="utf-8"></script> |
|||
<style type="text/css"> |
|||
html, |
|||
body { |
|||
width: 100%; |
|||
height: 100%; |
|||
background: #F2F8FC; |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="header"> |
|||
<div class="login"> |
|||
<div id="login"><a href="./login.html">登录</a></div> |
|||
<div id="Logout"><a href="./Home.html">退出登录</a></div> |
|||
<div id="personalCenter"><a href="./Account.html">用户中心</a></div> |
|||
<div id="news"><a href="./MyMessage.html">消息</a></div> |
|||
</div> |
|||
<div class="navbarbox"> |
|||
<div class="titles-name" id="titles-name"></div> |
|||
<div class="navbar-tab"> |
|||
<div class="itembox" id="nav"></div> |
|||
<div class="cart"> |
|||
<img src="../images/cart.png" alt=""> |
|||
<div>购物车</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="right-bottom"> |
|||
<div class="r-b-top"> |
|||
<a href="#"><span class="a-back">返回顶部</span></a> |
|||
</div> |
|||
<div class="r-b-bottom" id="customer"> |
|||
<div> |
|||
<div>留言</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 留言表单 --> |
|||
<div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
|||
<div class="modal-dialog modal-lg" role="document"> |
|||
<div class="modal-content modal-contents"> |
|||
<div class="modal-headers"> |
|||
<div>在线留言</div> |
|||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
</div> |
|||
<div class="modal-body modal-body1"> |
|||
<div class="modal-top">请把您的问题留下，客服人员会尽快与您取得联系。</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">姓名</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value1" placeholder="请填写您的姓名" /> |
|||
<p id="step_validate1" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">手机号码</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value2" placeholder="请填写您的联系电话" /> |
|||
<p id="step_validate2" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">公司名称</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value3" placeholder="请填写您的公司名称" /> |
|||
<p id="step_validate3" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">留言</div> |
|||
<div class="step_name"> |
|||
<textarea id="step_value4" placeholder="请填写您的需求，我们会尽快与您取得联系"></textarea> |
|||
<p id="step_validate4" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_button"> |
|||
<button type="button" id="submit">提交</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div style="height: 100px;"></div> |
|||
<div class="paymentword"> |
|||
<h3>订单结算</h3> |
|||
<div id="aymentod"> |
|||
<p> |
|||
<span class="rod"></span> |
|||
<span class="rod2">选择支付方式</span> |
|||
</p> |
|||
<input class="btn active" type="button" value="网银支付"> |
|||
<!-- <input class="btn" type="button" value="微信"> --> |
|||
<input class="btn" id="Alipay" type="button" value="支付宝"> |
|||
</div> |
|||
<div id="ledlist"> |
|||
<div class="lest"> |
|||
<p> |
|||
<span class="rod"></span> |
|||
<span class="rod2">标的清单</span> |
|||
</p> |
|||
</div> |
|||
<p>请您在付款成功后，7个自然日内完成下载。</p> |
|||
<div id="paytable"> |
|||
<table id="table-javascript" class="text-nowrap"></table> |
|||
</div> |
|||
</div> |
|||
<div class="agreement"> |
|||
<input class="checkbox" id="checkbox3" type="checkbox" /> <span style="margin-left:5px">我已阅读并同意 |
|||
<!-- <span id="new_payment" class="n_payment">《临时文化数据交易协议》</span> --> |
|||
<a class="privacy" target="_blank" href="./purchase.html">《临时文化数据交易协议》</a> |
|||
</span> |
|||
</div> |
|||
<input class="firmpay" type="button" value="确认支付"> |
|||
</div> |
|||
<!-- 支付弹出框 --> |
|||
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
|||
<div class="modal-dialog modal-lg" role="document"> |
|||
<div class="modal-content"> |
|||
<div class="modal-header"> |
|||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span |
|||
aria-hidden="true">×</span></button> |
|||
<h4 class="modal-title" id="myModalLabel">扫码支付</h4> |
|||
</div> |
|||
<div class="modal-word"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 支付情况弹出框 --> |
|||
<div class="modal fade" id="situationModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
|||
<div class="modal-dialog modal-lg" role="document"> |
|||
<div class="modal-content"> |
|||
<div class="modal-header"> |
|||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span |
|||
aria-hidden="true">×</span></button> |
|||
</div> |
|||
<div class="situation-word"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div style="height: 100px;"></div> |
|||
<!-- 底部 --> |
|||
<div class="footer"> |
|||
<div class="top"> |
|||
<div class="top1"></div> |
|||
<div class="top2"></div> |
|||
<div class="top3"></div> |
|||
</div> |
|||
<div class="bottom"> |
|||
<div class="footerbox"></div> |
|||
</div> |
|||
</div> |
|||
<script src="../js/public.js"></script> |
|||
<script src="../js/payment.js"></script> |
|||
<script src="../js/browse_check.js"></script> |
|||
</body> |
|||
|
|||
</html> |
|||
|
After Width: | Height: | Size: 9.8 KiB |
@ -0,0 +1,138 @@ |
|||
<!DOCTYPE html> |
|||
<html> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>临时业务机构委托协议</title> |
|||
<link rel="stylesheet" href="../css/agreement.css"> |
|||
</head> |
|||
<body> |
|||
<div class="trade_agreement"> |
|||
<h1 class="trade_h11">全国文化大数据交易中心</h1> |
|||
<p class="p1"></p> |
|||
<h1 class="trade_h">临时业务机构委托协议</h1> |
|||
<p class="trade_p"> |
|||
全国文化大数据交易中心（以下简称：平台）业务受托机构的角色包括：中介服务机构、渠道中心等业务受托服务机构。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
中介服务机构即数据服务方（以下简称：您），是经平台进场审核通过后，围绕文化数据交易主体各方提供政策、法律、金融、评估、财务、技术等第三方服务的合法持牌机构，也是为文化数据提供数字化服务、资产管理与服务的服务性机构。 |
|||
</p> |
|||
<p class="trade_p">渠道中心是指在文化数据交易中具有交易主体资源整合能力的机构（以下简称：您），该机构为平台拓展符合平台进场需要的各类交易主体。</p> |
|||
<p class="trade_p">本协议中的部分条款仅针对特定交易主体角色适用，详见本协议具体条款标注说明，未作特定标注说明的适用于所有角色。</p> |
|||
<p class="trade_p">依据国家、省市及全国文化大数据交易平台（以下简称：平台）的相关法规规定，双方就业务委托事项达成以下协议，双方共同遵守。</p> |
|||
<h3 class="trade_h12_bold">专用条款</h3> |
|||
<p class="trade_p_indent_bold">第一条 委托事项</p> |
|||
<p class="trade_p">平台委托您作为平台的相关业务受托机构，并按照本协议约定、《国家文化大数据交易机构管理办法（试行）》《国家文化大数据交易规则（试行）》及相关配套规定开展业务。</p> |
|||
<p class="trade_p_indent_bold">第二条平台权利义务</p> |
|||
|
|||
<p class="trade_p">1、平台有按照《国家文化大数据交易机构管理办法（试行）》《国家文化大数据交易规则（试行）》及其他相关业务规定对您相关业务进行合法合规管理的权利。</p> |
|||
<p class="trade_p">2、平台有拒绝您提出的违反法律、法规业务要求的权利。</p> |
|||
<p class="trade_p">3、平台有制定该委托业务的流程、文件、规则的权利。</p> |
|||
<p class="trade_p">4、您同意由平台实行交易资金统一进场结算制度，平台应开设独立的结算账户，组织收付交易资金及服务费用，并保证结算账户中资金的安全，专款专用。</p> |
|||
<p class="trade_p">5、出现以下情形之一，平台有权单方解除本协议并取消您的资格，并不返还任何费用：</p> |
|||
<p class="trade_p">（1）您未能履行本协议约定的义务，或违反本协议约定开展业务的；</p> |
|||
<p class="trade_p">（2）您在履行本协议约定业务的过程中出现违反国家法律法规、监管规定和平台相关规定的情况。</p> |
|||
<p class="trade_p_indent_bold">第三条您的权利义务</p> |
|||
<p class="trade_p"> |
|||
1、遵守《国家文化大数据交易机构管理办法（试行）》《国家文化大数据交易规则（试行）》及相关配套规定、平台发布的管理规定以及本协议、双方或者与被协议涉及业务范围相关的其他协议，并按上述规定和约定履行相关义务。否则属于您违约，平台有权视情况采取暂停业务，情节严重的可以解除协议，并保留追究您的法律责任的权利。 |
|||
</p> |
|||
<p class="trade_p">2、您负责为您拓展的各业务方提供业务咨询、日常辅导与培训等服务，并按照平台有关规则享有收益分配的权利。（渠道中心适用）</p> |
|||
<p class="trade_p">3、您有合法合规开展业务和维护平台良好声誉的义务。</p> |
|||
<p class="trade_p">4、您具有妥善保管交易平台账号密码、身份标识码的义务。</p> |
|||
<p class="trade_p">5、按照《国家文化大数据交易机构管理办法（试行）》《国家文化大数据交易规则（试行）》及相关配套规定接受平台年审的义务。</p> |
|||
<p class="trade_p_indent_bold decora_line">6、您不得有以下行为，否则平台有权解除协议并撤销您的业务参与者身份角色，已收取款项不予退回：</p> |
|||
<p class="trade_p">（1）虚假宣传，误导客户；</p> |
|||
<p class="trade_p">（2）通过未经平台同意的第三方进行宣传，或者未经平台同意进行公开宣传；</p> |
|||
<p class="trade_p">（3）使用未经平台同意的冠名称呼进行宣传；</p> |
|||
<p class="trade_p">（4）在宣传工作中不恰当使用平台的标识、图案、文字等信息；</p> |
|||
<p class="trade_p">（5）向客户承诺获利，承诺与客户共享收益、分担风险；</p> |
|||
<p class="trade_p">（6）未经平台同意，以平台的名义签署协议，或私下收取费用；</p> |
|||
<p class="trade_p">（7）未经平台同意，向第三方转让平台在本协议中委托您的业务；</p> |
|||
<p class="trade_p">（8）涉嫌包括但不限于非法集资、传销、非法吸收公众存款、洗钱、走私、贿赂、输送不当利益等违法情形；</p> |
|||
<p class="trade_p">（9）以本协议或与平台合作为名向不特定公众集资；</p> |
|||
<p class="trade_p"> |
|||
（10）从事NFT、数字藏品、代币发行融资、虚拟货币等业务或进场后从事NFT、数字藏品、代币发行融资、虚拟货币等可能对全国文化大数据交易中心产生负面影响的业务，包括但不限于为上述业务及相关业务活动提供经营场所、商业展示、营销宣传、付费导流、投资融资、间接服务等； |
|||
</p> |
|||
<p class="trade_p">（11）未经平台同意超出平台授权范围开展业务；</p> |
|||
<p class="trade_p">（12）其他恶意和违法违规行为。</p> |
|||
<p class="trade_p">7、<span class="trade_bold decora_line">您承诺且同意：</span></p> |
|||
<p class="trade_p">（1）对平台各项业务资格的准入条件、进场流程及要求，均已知悉且无异议；</p> |
|||
<p class="trade_p">（2）在未签约、缴费，及获得平台书面同意前，不使用全国文化大数据交易中心名义开展业务、不以全国文化大数据交易中心进行宣传；</p> |
|||
<p class="trade_p">（3）因本业务自平台获取的相关文件，非因有关政府部门、司法机构要求等正当理由，承诺不向第三方提供或披露；</p> |
|||
<p class="trade_p">（4）在参与业务前已充分了解，并知悉参与业务的各项风险，自愿承担包括但不限于技术风险、不可抗力导致的风险等开展相关业务所带来的风险；</p> |
|||
<p class="trade_p">（5）在成为平台业务受托机构后，将自觉遵守平台制定的所有交易规则、遵守与平台签署的协议及文件，接受平台的监管措施，并及时缴纳相关费用；</p> |
|||
<p class="trade_p">（6）严格遵守上述承诺内容和本协议条款，如有违反，将自行承担全部责任，赔偿因此给平台、第三方造成的全部损失（包括但不限于实际损失、名誉损失、诉讼费、律师费等损失）；</p> |
|||
<p class="trade_p">（7）您作为业务受托机构，原则上每个行业、行当或一定区域内两家，在符合尽调要求的前提下，按照时间优先方式取得席位。</p> |
|||
<h3 class="trade_h12_bold">自定义条款</h3> |
|||
<p class="trade_p_indent_bold">第一条 服务期限</p> |
|||
<p class="trade_p">1、本协议自您勾选确认并同步签署场内交易主体进场协议及缴纳费用之日起有效期为1年。</p> |
|||
<p class="trade_p"> |
|||
2、业务受托机构实行年审制。如您未通过平台年审，平台有权拒绝续签次年协议。如您在本年度内无违法违规、未违反《国家文化大数据交易机构管理办法（试行）》《国家文化大数据交易规则（试行）》和相关管理办法、规定的的机构可续约次年的进场协议。 |
|||
</p> |
|||
<p class="trade_p">3、服务期限内，如您出现违约或违法违规情形，平台可根据您的情形进行单方面作出认定，如认为达到协议解除标准的，平台有权提前15天通知您解除本协议，平台不承担任何违约责任。</p> |
|||
<p class="trade_p_indent_bold">第二条 费用及结算</p> |
|||
<p class="trade_p">1、您按照本协议及交易主体进场协议约定需向平台支付相关费用。包括但不限于交易主体进场费、培训费、年审费，最终费用标准根据角色需要，实际支付为准，且上述费用任何情况下不予退还。 |
|||
</p> |
|||
<p class="trade_p">2、付款方式</p> |
|||
<p class="trade_p">您须在签署本协议之后按平台相关规定向平台缴纳相关费用；</p> |
|||
<p class="trade_p">3、您拓展的相关客户须与平台直接签订相关协议，并将相关费用一次性转入平台指定账户。（渠道中心适用）</p> |
|||
<p class="trade_p">4、您所拓展的客户，该客户所产生向平台支付的服务费用按全国文化大数据交易中心收费科目规定的分账比例计算您的收益。（渠道中心适用）</p> |
|||
<p class="trade_p">5、平台与您所有服务费结算均以实际转入平台指定账户的相关费用扣除税金后的结算标准施行。（渠道中心适用）</p> |
|||
<p class="trade_p">6、平台将按上述约定比例扣除相关费用（如有）后，向您在平台中的绑定账户进行结算，您须向平台方提供结算等额且合法合规的增值税专用发票。（渠道中心适用）</p> |
|||
<p class="trade_p"> |
|||
7、在本协议执行过程中，如遇平台收费标准和相应档次分账标准调整，您的服务费须按平台调整后的收费标准和相应档次分账标准执行。平台可根据实际情况调整收费标准及分账结算时间，并予以公布。（渠道中心适用）</p> |
|||
<p class="trade_p">8、特殊项目服务费分账方式由双方另行协商。</p> |
|||
<p class="trade_p">第三条服务内容涉及的具体名称、具体区域、具体专业或领域以及服务事项等以平台发布内容为准。平台认为必要签署线下协议时，请您与平台尽快完成签署。</p> |
|||
<h3 class="trade_h12_bold">通用条款</h3> |
|||
<p class="trade_p_indent_bold">第一条 保密义务</p> |
|||
<p class="trade_p">1、双方应当对本协议的内容以及签订、履行情况严格保密，未经对方事先书面同意，不得向任何第三方披露。</p> |
|||
<p class="trade_p">2、除本协议规定之工作所需外，未经对方事先书面同意，任何一方不得擅自使用、复制对方的商标、标志、商业信息、技术及其他资料。</p> |
|||
<p class="trade_p">3、本保密条款不因双方委托关系的终止而无效。在双方委托关系终止后，本保密条款对双方仍具有约束力。</p> |
|||
<p class="trade_p_indent_bold">第二条 违约责任</p> |
|||
<p class="trade_p"> |
|||
1、除本协议另有约定外，由于一方不履行本协议规定的义务，或严重违反协议，造成无法达到协议目的，视作违约方单方终止协议。守约方有权单方面解除协议，或依据本协议之规定限期违约方纠正其违约行为，并要求违约方赔偿由此给守约方造成的所有损失，同时保留按协议规定通过法律程序终止协议的权利。经协商后如双方同意继续履行本协议，违约方应赔偿因违约行为给守约方造成的所有经济损失。 |
|||
</p> |
|||
<p class="trade_p">2、在本协议项下，如您在办理相关业务过程中与任何第三方产生纠纷的，由您自行承担相应的法律责任。如因您与第三方的纠纷而给平台造成损失的，您须承担全部赔偿责任。</p> |
|||
<p class="trade_bold decora_line">3、平台因政策调整、主管部门要求或内部业务规定更改而不与您进行续签或提前解约的，平台不构成违约。</p> |
|||
<p class="trade_bold decora_line"> |
|||
4、您违反《国家文化大数据交易机构管理办法（试行）》《国家文化大数据交易规则（试行）》及相关配套规定，以及本协议约定的，平台可根据有关规定采取处罚措施，并可视情况与您解除本协议，并不返还任何费用，造成平台损失的还应当赔偿平台的一切损失。 |
|||
</p> |
|||
<p class="trade_p_indent_bold">第三条 不可抗力</p> |
|||
<p class="trade_p"> |
|||
1、“不可抗力”是指不能预知、无法避免并超出任何一方的控制能力的事件，并且事件的影响不能依靠合理努力予以消除。如因国家或地方的相关政策调整、主管部门的要求使本协议无法得到有效履行的，视为不可抗力。</p> |
|||
<p class="trade_p"> |
|||
2、因受不可抗力的影响而使任何一方不能或不能及时履行本协议的全部或部分义务时，其应免于承担由此而造成的责任。但受不可抗力方应及时以书面的形式通知另一方，并提供相关证明材料，否则因此造成的损失由其自行承担。在不可抗力的影响消除后，双方应继续履行本协议。如不可抗力的影响已经使协议履行成为不可能，双方可终止本协议或协商其他解决办法。因不可抗力给双方造成损失的，由双方各自承担。 |
|||
</p> |
|||
<p class="trade_p_indent_bold">第四条 协议的生效、终止与解除</p> |
|||
<p class="trade_p">1、协议生效</p> |
|||
<p class="trade_p">（1）本协议自您勾选确认且平台审核通过后生效。</p> |
|||
<p class="trade_bold decora_line"> |
|||
（2）本协议生效，即表示您主动接受本协议的各项约定，并愿意就违反本协议约定承担相应的法律责任。现有的协议约定也不能保证完全符合未来发展的需求。因此，平台发布的文化大数据交易规则及相关配套规定、管理制度及相关声明均为本协议的补充约定，与本协议不可分割且具有同等法律效力。如买方使用平台服务或参与文化大数据交易活动，视为买方同意上述补充约定。 |
|||
</p> |
|||
<p class="trade_p">（3）您须知本协议中任何条款被废止、无效或因任何理由不可执行，不影响任何其它条款的有效性和可执行性。</p> |
|||
<p class="trade_p"> |
|||
（4）平台有权根据需要制定或修改平台的规章制度等相关规则及配套规定，该等已经公布的或将来公布的相关规则及配套规定，视为本协议不可分割的一部分，与协议正文具有同等的法律效力，经平台公布即生效。</p> |
|||
<p class="trade_p">（5）平台保留在法律框架下对本协议的解释权和修订权。</p> |
|||
<p class="trade_p">2、本协议因以下任何原因而终止，双方均不构成违约：</p> |
|||
<p class="trade_p">（1）本协议期限届满，双方均确认不自动续约；</p> |
|||
<p class="trade_p">（2）经双方协商同意终止本协议；</p> |
|||
<p class="trade_p">（3）对于不可抗力的因素，包括但不限于自然灾害、罢工或骚乱、暴动、战争行为、政府政策调整、有关政府部门行为等，致使技术系统延迟或未能履约的。</p> |
|||
<p class="trade_p">（4）您未通过平台年审的。</p> |
|||
<p class="trade_p">因上述原因解除协议的，双方不再追究对方责任及违约责任。</p> |
|||
<p class="trade_p">3、终止后之事项</p> |
|||
<p class="trade_p">本协议之终止并不影响本协议项下未完成之结算或任何一方之付款义务以及其它在终止之日前已产生的义务或权利。</p> |
|||
<p class="trade_p_indent_bold">第五条 争议的解决</p> |
|||
<p class="trade_p">本协议的签署地点为中华人民共和国深圳市福田区，因履行本协议发生争议，又不能通过友好协商解决时，任何一方可向 |
|||
<span class="weight_bold decora_line">深圳市福田区人民法院</span>诉讼解决。 |
|||
</p> |
|||
<p class="trade_bold decora_line"> |
|||
特别提示：您在使用本平台和相关服务之前，请您务必审慎阅读并充分理解本协议各条款内容，特别是涉及免除或者限制责任的条款、对权利进行限制的条款、争议解决条款等。其中，免除或者限制责任条款将以加粗、加下划线等形式提示您注意，您应重点阅读。 |
|||
</p> |
|||
<p class="trade_bold decora_line">如您自主选择使用本平台及相关服务，即视为您已充分理解本协议，完全同意本协议各项内容，并同意作为本协议的一方当事人接受本协议及相关协议和规则的约束。 |
|||
</p> |
|||
<div style="height: 200px;"></div> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
|
After Width: | Height: | Size: 1.5 KiB |
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="46px" height="46px" xmlns="http://www.w3.org/2000/svg"> |
|||
<g transform="matrix(1 0 0 1 -214 -160 )"> |
|||
<path d="M 13.3482142857143 30.90625 C 13.3482142857143 32.2672374192259 14.4515125807741 33.3705357142857 15.8125 33.3705357142857 C 17.1734874192259 33.3705357142857 18.2767857142857 32.2672374192259 18.2767857142857 30.90625 C 18.2767857142857 29.5452625807741 17.1734874192259 28.4419642857143 15.8125 28.4419642857143 C 14.4515125807741 28.4419642857143 13.3482142857143 29.5452625807741 13.3482142857143 30.90625 Z M 45.0142857142857 19.7912946428571 C 46.3285714285714 18.471875 46.3285714285714 16.3258928571429 45.0091517857143 15.0116071428571 L 30.9883928571429 0.985714285714289 C 30.3517857142857 0.354241071428571 29.5046875 0 28.6011160714286 0 C 27.6975446428572 0 26.8504464285714 0.349107142857142 26.2138392857143 0.985714285714289 L 0.990848214285711 26.2087053571428 C -0.328571428571427 27.528125 -0.328571428571427 29.6689732142857 0.990848214285711 30.9883928571429 L 15.0167410714286 45.0142857142857 C 15.6482142857143 45.6457589285714 16.5004464285714 46 17.4040178571429 46 C 18.3075892857143 46 19.1546875 45.6508928571429 19.7912946428571 45.0142857142857 L 45.0142857142857 19.7912946428571 Z M 41.8979910714286 17.4040178571429 L 17.4040178571429 41.8979910714286 L 4.10200892857143 28.5959821428572 L 28.6011160714286 4.096875 L 41.8979910714286 17.4040178571429 Z M 2.58236607142857 13.9180803571429 L 4.55892857142857 15.8997767857143 C 4.71808035714286 16.0589285714286 4.97477678571428 16.0589285714286 5.13392857142858 15.8997767857143 L 15.8997767857143 5.13392857142858 C 16.0589285714286 4.97477678571428 16.0589285714286 4.71808035714286 15.8997767857143 4.55892857142857 L 13.9283482142857 2.5875 C 13.7691964285714 2.42834821428572 13.5125 2.42834821428572 13.3533482142857 2.5875 L 2.58236607142857 13.3430803571429 C 2.42321428571428 13.5022321428571 2.42321428571428 13.7589285714286 2.58236607142857 13.9180803571429 Z M 43.4176339285714 32.0767857142857 L 41.4513392857143 30.1002232142857 C 41.2921875 29.9410714285714 41.0354910714286 29.9410714285714 40.8763392857143 30.1002232142857 L 30.1002232142857 40.8712053571429 C 29.9410714285714 41.0303571428571 29.9410714285714 41.2870535714286 30.1002232142857 41.4462053571429 L 32.0716517857143 43.4176339285714 C 32.2308035714286 43.5767857142857 32.4875 43.5767857142857 32.6466517857143 43.4176339285714 L 43.4176339285714 32.6517857142857 C 43.5767857142857 32.4926339285714 43.5767857142857 32.2359375 43.4176339285714 32.0767857142857 Z " fill-rule="nonzero" fill="#666666" stroke="none" transform="matrix(1 0 0 1 214 160 )" /> |
|||
</g> |
|||
</svg> |
|||
@ -0,0 +1,441 @@ |
|||
// 页面加载 |
|||
window.onload = function () { |
|||
if (cookieHandler.get("userType") === "0" || cookieHandler.get("isliCode") == "undefined" || cookieHandler.get("isliCode") == undefined || cookieHandler.get("isliCode") == "") { |
|||
$(".tabs_item").hide() |
|||
} |
|||
// 页面权限 |
|||
if (!cookieHandler.get("normal_login_token")) { |
|||
Dreamer.error("请先登录"); |
|||
setTimeout(function () { |
|||
window.location.href = 'login.html?time=' + new Date().getTime(); |
|||
}, 1000) |
|||
} |
|||
let cellPhone = cookieHandler.get("cellPhone");//手机号 |
|||
let accountId = cookieHandler.get("accountId"); |
|||
$('#right_telmpate').text(cellPhone); |
|||
$('#step1_phone').text(cellPhone); |
|||
// 获取表格数据 |
|||
$('#account_table').bootstrapTable({ |
|||
// url: register + "userself/v1/account/operation", |
|||
url: api + "userself/v1/account/operation", |
|||
method: 'GET', |
|||
pageNumber: 1, |
|||
pagination: true, //是否分页 |
|||
pageList: [10, 20, 50, 100], //可选择单页记录数 |
|||
pageSize: 20, //单页记录数 |
|||
sidePagination: 'client', |
|||
queryParamsType: "limit", |
|||
ajaxOptions: { |
|||
headers: { |
|||
normal_login_token: cookieHandler.get("normal_login_token"), |
|||
} |
|||
}, |
|||
queryParams: function () { |
|||
return { |
|||
accountId: accountId |
|||
}; |
|||
}, |
|||
// 请求成功 |
|||
responseHandler: function (res) { |
|||
return res.data |
|||
}, |
|||
// 请求失败 |
|||
onLoadError: function (err) { |
|||
if (err == 401) { |
|||
cookieHandler.del("isliCode") |
|||
cookieHandler.del("normal_login_token") |
|||
cookieHandler.del("accountId") |
|||
cookieHandler.del("cellPhone") |
|||
cookieHandler.del("userType") |
|||
Dreamer.error("请先登录"); |
|||
setTimeout(function () { |
|||
window.location.href = 'login.html?time=' + new Date().getTime(); |
|||
}, 1500) |
|||
} |
|||
}, |
|||
columns: [{ |
|||
title: '序号', |
|||
field: '', |
|||
align: 'center', |
|||
formatter: function (value, row, index) { |
|||
return index + 1; |
|||
} |
|||
}, { |
|||
title: '时间', |
|||
field: 'createTime', |
|||
sortable: true, //是否显示排序1 |
|||
align: 'center', //水平居中 |
|||
valign: 'middle', //垂直居中 |
|||
}, { |
|||
title: '操作', |
|||
field: 'operation', |
|||
align: 'center', |
|||
valign: 'middle', |
|||
}, |
|||
{ |
|||
title: '状态', |
|||
field: 'content', |
|||
align: 'center', |
|||
valign: 'middle', |
|||
} |
|||
] |
|||
}) |
|||
} |
|||
|
|||
// 定时器 |
|||
codeCountDown = function (endMsRes, data, name) { |
|||
let countDownTime = 60 |
|||
data.attr("disabled", "disabled") |
|||
countDownTime = Math.ceil((endMsRes - new Date().getTime()) / 1000); //剩余多少秒 |
|||
let time = setTimeout(function () { |
|||
countDownTime--; |
|||
data.text(countDownTime + "秒") |
|||
if (countDownTime < 1) { |
|||
countDownTime = 60; |
|||
data.removeAttr("disabled") |
|||
data.text("获取验证码") |
|||
localStorage.removeItem(name); |
|||
clearTimeout(time); |
|||
} else { |
|||
codeCountDown(endMsRes, data, name); |
|||
} |
|||
}, 1000); |
|||
} |
|||
let myEndTime3 = localStorage.getItem("myEndTime3"); |
|||
myEndTime3 && codeCountDown(myEndTime3, $("#yanzhengb"), "myEndTime3"); |
|||
let myEndTime1 = localStorage.getItem("myEndTime1"); |
|||
myEndTime1 && codeCountDown(myEndTime1, $("#yanzhengb1"), "myEndTime1"); |
|||
|
|||
// 时间处理 |
|||
function formatTime(value, row, index) { |
|||
return formatDate(value) |
|||
} |
|||
|
|||
//身份认证获取验证码 |
|||
function handelAuthCode() { |
|||
//let getList = new AJAX_OBJ(register + "userself/v1/verify-code?username=" + cookieHandler.get("cellPhone") + "&purpose=6", getSuccess, onUrlError); |
|||
let getList = new AJAX_OBJ(api + "userself/v1/verify-code?username=" + cookieHandler.get("cellPhone") + "&purpose=6", getSuccess, onUrlError); |
|||
getList.getRequestData(); |
|||
|
|||
function getSuccess(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
Dreamer.success("发送成功"); |
|||
let endMsRes = new Date().getTime() + 60000; //当前时间戳加上一分钟的时间戳，相当于当前时间一分钟以后的时间戳 |
|||
localStorage.setItem("myEndTime3", JSON.stringify(endMsRes)); |
|||
codeCountDown(endMsRes, $("#yanzhengb"), "myEndTime3"); |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
} |
|||
} |
|||
//设置操作获取验证码 |
|||
function handelAuthCode1() { |
|||
let step2_value1 = $('#step2_value1').val(); |
|||
let step2_validate1 = $('#step2_validate1'); |
|||
let validate_result = checkMobile(step2_validate1, step2_value1, $('#step2_value1')); |
|||
if (validate_result) { |
|||
// let getList = new AJAX_OBJ(register + "userself/v1/account/username/unique-validate/" + step2_value1, getSuccess, onUrlError); |
|||
let getList = new AJAX_OBJ(api + "userself/v1/account/username/unique-validate/" + step2_value1, getSuccess, onUrlError); |
|||
getList.getRequestData(); |
|||
|
|||
function getSuccess(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
if (res.data == 1) { |
|||
$('#step2_value1').css("border", "1px solid #f56c6c") |
|||
$(step2_validate1).text('手机号已被注册'); |
|||
} else { |
|||
$('#step2_value1').css("border", "1px solid #d7d7d7") |
|||
$(step2_validate1).text(''); |
|||
//let getList = new AJAX_OBJ(register + "userself/v1/verify-code?username=" + step2_value1 + "&purpose=7", getSuccess1, onUrlError); |
|||
let getList = new AJAX_OBJ(api + "userself/v1/verify-code?username=" + step2_value1 + "&purpose=7", getSuccess1, onUrlError); |
|||
getList.getRequestData(); |
|||
|
|||
function getSuccess1(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
Dreamer.success("发送成功"); |
|||
let endMsRes = new Date().getTime() + 60000; //当前时间戳加上一分钟的时间戳，相当于当前时间一分钟以后的时间戳 |
|||
localStorage.setItem("myEndTime1", JSON.stringify(endMsRes)); |
|||
codeCountDown(endMsRes, $("#yanzhengb1"), "myEndTime1"); |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
// 步骤条 |
|||
var steps = $(".step"); |
|||
var stepIndex = 0; |
|||
setStep(stepIndex); |
|||
// 点击绿色图标进行切换 |
|||
// $(".step-icon").click(function() { |
|||
// var me = this; |
|||
// stepIndex = $(me).parents(".step").index(); |
|||
// setStep(stepIndex); |
|||
// }); |
|||
|
|||
// 动态添加class |
|||
function setStep(stepIndex) { |
|||
$(steps).removeClass("is-sucess"); |
|||
$(steps).removeClass("last-sucess"); |
|||
for (var i = 0; i <= stepIndex; i++) { |
|||
var step = steps[i]; |
|||
if (i < stepIndex) { |
|||
$(step).addClass("is-sucess"); |
|||
} else { |
|||
$(step).addClass("last-sucess"); |
|||
} |
|||
} |
|||
if (stepIndex == 0) { |
|||
$('#step_1').css('display', 'block'); |
|||
$('#step_2').css('display', 'none'); |
|||
$('#step_3').css('display', 'none'); |
|||
} |
|||
if (stepIndex == 1) { |
|||
$('#step_1').css('display', 'none'); |
|||
$('#step_2').css('display', 'block'); |
|||
$('#step_3').css('display', 'none'); |
|||
} |
|||
if (stepIndex == 2) { |
|||
$('#step_1').css('display', 'none'); |
|||
$('#step_2').css('display', 'none'); |
|||
$('#step_3').css('display', 'block'); |
|||
} |
|||
} |
|||
// 重置 |
|||
function clearSteps() { |
|||
stepIndex = -1; |
|||
setStep(stepIndex); |
|||
} |
|||
//下一步 |
|||
function addStep(addnum) { |
|||
if (stepIndex == 0) { |
|||
// 身份认证 |
|||
let step1_value = $('#step1_value').val(); |
|||
let step1_validate = $('#step1_validate'); |
|||
let validate_result = checkKode(step1_validate, step1_value, $('#step1_value')); |
|||
if (validate_result) { |
|||
let data = { |
|||
emailOrPhone: cookieHandler.get("cellPhone"), |
|||
verifyCode: step1_value, |
|||
} |
|||
// let postList = new AJAX_OBJ(register + "userself/v1/verify-code", successGood, onUrlError); |
|||
let postList = new AJAX_OBJ(api + "userself/v1/verify-code", successGood, onUrlError); |
|||
postList.postRequestData(JSON.stringify(data)); |
|||
|
|||
function successGood(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
codeCountDown(0, $("#yanzhengb"), "myEndTime3"); |
|||
stepIndex = 1; |
|||
setStep(stepIndex); |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
}; |
|||
} |
|||
} else if (stepIndex == 1) { |
|||
// 设置操作 |
|||
let step2_value1 = $('#step2_value1').val(); |
|||
let step2_validate1 = $('#step2_validate1'); |
|||
let step2_value2 = $('#step2_value2').val(); |
|||
let step2_validate2 = $('#step2_validate2'); |
|||
let validate_result = checkMobile(step2_validate1, step2_value1, $('#step2_value1')); |
|||
let validate_result1 = checkKode(step2_validate2, step2_value2, $('#step2_value2')); |
|||
if (validate_result && validate_result1) { |
|||
let data = { |
|||
accountId: cookieHandler.get("accountId"), |
|||
cellPhone: step2_value1, |
|||
verifyCode: step2_value2, |
|||
} |
|||
// let postList = new AJAX_OBJ(register + "userself/v1/account/updateCellPhone", successGood, onUrlError); |
|||
let postList = new AJAX_OBJ(api + "userself/v1/account/updateCellPhone", successGood, onUrlError); |
|||
postList.postRequestData(JSON.stringify(data)); |
|||
|
|||
function successGood(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
codeCountDown(0, $("#yanzhengb1"), "myEndTime1"); |
|||
stepIndex = 2; |
|||
setStep(stepIndex); |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
}; |
|||
} |
|||
} else { |
|||
cookieHandler.del("isliCode") |
|||
cookieHandler.del("normal_login_token") |
|||
cookieHandler.del("accountId") |
|||
cookieHandler.del("cellPhone") |
|||
cookieHandler.del("userType") |
|||
$(location).prop('href', './login.html?url=' + new Date().getTime()) |
|||
} |
|||
} |
|||
/* |
|||
修改密码 |
|||
确认修改 |
|||
*/ |
|||
function handelComforim() { |
|||
let oldPwd = $('#oldPwd').val(); |
|||
let oldPwd_validate = $('#oldPwd_validate'); |
|||
let newPwd = $('#newPwd').val(); |
|||
let newPwd_validate = $('#newPwd_validate'); |
|||
let newPwdAg = $('#newPwdAg').val(); |
|||
let newPwdAg_validate = $('#newPwdAg_validate'); |
|||
let res1 = checkOldPwd(oldPwd_validate, oldPwd, $('#oldPwd')); |
|||
let res2 = checkNewPwd(newPwd_validate, newPwd, $('#newPwd')); |
|||
let res3 = checkNewPwdAgain(newPwdAg_validate, newPwdAg, newPwd, $('#newPwdAg')); |
|||
console.log(oldPwd !== newPwdAg) |
|||
if (res1 && res2 && res3) { |
|||
if (oldPwd !== newPwdAg) { |
|||
let data = { |
|||
identifier: cookieHandler.get("cellPhone"), |
|||
password: $.md5(oldPwd), |
|||
newPassword: $.md5(newPwdAg), |
|||
} |
|||
// let postList = new AJAX_OBJ(register + "userself/v1/account/mod-pwd", successGood, onUrlError); |
|||
let postList = new AJAX_OBJ(api + "userself/v1/account/mod-pwd", successGood, onUrlError); |
|||
postList.postRequestData(JSON.stringify(data)); |
|||
|
|||
function successGood(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
// $('#myModalPwd').modal('hide'); |
|||
cookieHandler.del("isliCode") |
|||
cookieHandler.del("normal_login_token") |
|||
cookieHandler.del("accountId") |
|||
cookieHandler.del("cellPhone") |
|||
cookieHandler.del("userType") |
|||
$(location).prop('href', './login.html?url=' + new Date().getTime()) |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
}; |
|||
} else { |
|||
Dreamer.error("新旧密码不能一样"); |
|||
} |
|||
} |
|||
} |
|||
|
|||
// 旧密码校验 |
|||
function checkOldPwd(valid, value, data) { |
|||
if (value == "") { |
|||
data.css("border", "1px solid #f56c6c") |
|||
$(valid).text('旧密码不能为空！'); |
|||
return false; |
|||
} else { |
|||
if (!/^[0-9A-z]{6,}$/.test(value)) { |
|||
data.css("border", "1px solid #f56c6c") |
|||
$(valid).text('密码不能少于六位字母或数字'); |
|||
return false; |
|||
} else { |
|||
data.css("border", "1px solid #d7d7d7") |
|||
$(valid).text(""); |
|||
return true; |
|||
} |
|||
} |
|||
} |
|||
|
|||
// 新密码校验 |
|||
function checkNewPwd(valid1, value1, data) { |
|||
if (value1 == "") { |
|||
data.css("border", "1px solid #f56c6c") |
|||
$(valid1).text('新密码不能为空'); |
|||
return false; |
|||
} else { |
|||
if (!/^[0-9A-z]{6,}$/.test(value1)) { |
|||
data.css("border", "1px solid #f56c6c") |
|||
$(valid1).text('密码不能少于六位字母或数字'); |
|||
return false; |
|||
} else { |
|||
data.css("border", "1px solid #d7d7d7") |
|||
$(valid1).text(""); |
|||
return true; |
|||
} |
|||
} |
|||
} |
|||
|
|||
// 再次数据密码校验 |
|||
function checkNewPwdAgain(valid2, value2, value1, data) { |
|||
if (value2 == "") { |
|||
data.css("border", "1px solid #f56c6c") |
|||
$(valid2).text('再次输入密码不能为空'); |
|||
return false; |
|||
} else { |
|||
if (!/^[0-9A-z]{6,}$/.test(value2)) { |
|||
data.css("border", "1px solid #f56c6c") |
|||
$(valid2).text('密码不能少于六位字母或数字'); |
|||
return false; |
|||
} else if (value1 != value2) { |
|||
data.css("border", "1px solid #f56c6c") |
|||
$(valid2).text('两次新密码不一致'); |
|||
return false; |
|||
} else { |
|||
data.css("border", "1px solid #d7d7d7") |
|||
$(valid2).text(""); |
|||
return true; |
|||
} |
|||
} |
|||
} |
|||
|
|||
/* |
|||
手机号验证 |
|||
*/ |
|||
function checkMobile(idName, mobile, data) { |
|||
// idName 验证提示信息 mobile输入的值 |
|||
if (mobile == "") { |
|||
data.css("border", "1px solid #f56c6c") |
|||
$(idName).text('手机号不能为空'); |
|||
return false; |
|||
} else if (!/^1[3456789]\d{9}$/.test(mobile)) { |
|||
data.css("border", "1px solid #f56c6c") |
|||
$(idName).text('手机号格式不对'); |
|||
return false; |
|||
} else { |
|||
data.css("border", "1px solid #d7d7d7") |
|||
$(idName).text(''); |
|||
return true; |
|||
} |
|||
} |
|||
// 验证码校验 |
|||
function checkKode(idName, value, data) { |
|||
if (value == "") { |
|||
data.css("border", "1px solid #f56c6c") |
|||
$(idName).text('验证码不能为空！'); |
|||
return false; |
|||
} else { |
|||
if (!/^[0-9]{6}$/.test(value)) { |
|||
data.css("border", "1px solid #f56c6c") |
|||
$(idName).text('验证码格式不对'); |
|||
return false; |
|||
} else { |
|||
data.css("border", "1px solid #d7d7d7") |
|||
$(idName).text(""); |
|||
return true; |
|||
} |
|||
} |
|||
} |
|||
|
|||
/* |
|||
日期时间处理 |
|||
*/ |
|||
function formatDate(now) { |
|||
const t = new Date(now) |
|||
var year = t.getFullYear(); |
|||
var month = t.getMonth() + 1; |
|||
var date = t.getDate(); |
|||
return year + "/" + month + "/" + date; |
|||
} |
|||
|
|||
// 页面跳转添加时间戳 |
|||
function handelBuyOrder(url) { |
|||
var demoDate = new Date(); |
|||
window.location.href = url + '?time=' + demoDate.getTime(); |
|||
} |
|||
@ -0,0 +1,534 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="zh"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>买入订单</title> |
|||
<!-- 引入初始化样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/reset.css" /> |
|||
<!-- 引入默认样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/default.css" /> |
|||
<!-- 引入公共页面样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/myComm.css" /> |
|||
<!-- 引入bootstrap样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" /> |
|||
<!-- 引入买入订单页面样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/BuyOrder.css" /> |
|||
<link rel="stylesheet" href="../css/header.css"> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap-table.min.css" /> |
|||
<script src="../js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap-table.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<!-- 消息提示插件 --> |
|||
<script src="../js/Dream-Msg.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/ajax.ipanel.js" type="text/javascript" charset="utf-8"></script> |
|||
<style type="text/css"> |
|||
html, |
|||
body { |
|||
width: 100%; |
|||
height: 100%; |
|||
background: #F2F8FC; |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 头部导航样式 --> |
|||
<div class="header"> |
|||
<div class="login"> |
|||
<div id="login"><a href="./login.html">登录</a></div> |
|||
<div id="Logout"><a href="./Home.html">退出登录</a></div> |
|||
<div id="personalCenter"><a href="./Account.html">用户中心</a></div> |
|||
<div id="news"><a href="./MyMessage.html">消息</a></div> |
|||
</div> |
|||
<div class="navbarbox"> |
|||
<div class="titles-name"></div> |
|||
<div class="navbar-tab"> |
|||
<div class="itembox"></div> |
|||
<div class="cart"> |
|||
<img src="../images/cart.png" alt=""> |
|||
<div>购物车</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div style="height: 100px;"></div> |
|||
<!-- 面包屑 --> |
|||
<div class="rumbs"> |
|||
<div class="rumbs_box clear"> |
|||
<div class="rumbs_title">当前位置：个人中心 - </div> |
|||
<div class="rumbs_name">买入订单</div> |
|||
</div> |
|||
</div> |
|||
<!-- 右侧返回顶部 --> |
|||
<div class="right-bottom"> |
|||
<div class="r-b-top"> |
|||
<a href="#">返回顶部</a> |
|||
</div> |
|||
<div class="r-b-bottom" id="customer"> |
|||
<div> |
|||
<div>留言</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 留言表单 --> |
|||
<div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
|||
<div class="modal-dialog modal-lg" role="document"> |
|||
<div class="modal-content modal-contents"> |
|||
<div class="modal-headers"> |
|||
<div>在线留言</div> |
|||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
</div> |
|||
<div class="modal-body"> |
|||
<div class="modal-top">请把您的问题留下，客服人员会尽快与您取得联系。</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">姓名</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value1" placeholder="请填写您的姓名" /> |
|||
<p id="step_validate1" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">手机号码</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value2" placeholder="请填写您的联系电话" /> |
|||
<p id="step_validate2" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">公司名称</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value3" placeholder="请填写您的公司名称" /> |
|||
<p id="step_validate3" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">留言</div> |
|||
<div class="step_name"> |
|||
<textarea id="step_value4" placeholder="请填写您的需求，我们会尽快与您取得联系"></textarea> |
|||
<p id="step_validate4" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_button"> |
|||
<button type="button" id="submit">提交</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="wraper clear mt30"> |
|||
<div class="buyOrder_left"> |
|||
<ul> |
|||
<li style="border-top: 2px solid #4B93E6;"> |
|||
<a href="javaScript:;" style="font-size: 16px;">个人中心</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('Account.html')" style="cursor: pointer;">账户管理</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('MyCetification.html')" style="cursor: pointer;">我的认证</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('BuyOrder.html')" class="active" style="cursor: pointer;">买入订单</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('ByOrder.html')" style="cursor: pointer;">卖出订单</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('BillManage.html')" style="cursor: pointer;">发票管理</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('MyClosing.html')" style="cursor: pointer;">我的结算</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('MyMessage.html')" style="cursor: pointer;">我的消息</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('CerationPayment.html')" style="cursor: pointer;">认证缴费订单</a> |
|||
</li> |
|||
<!-- <li> |
|||
<a onclick="handelBuyOrder('Mydeal.html')" style="cursor: pointer;">我的协议</a> |
|||
</li> --> |
|||
</ul> |
|||
</div> |
|||
<div class="buyOrder_right ml20"> |
|||
<div class="right_title" id="rightTitle">买入订单列表</div> |
|||
<div id="box" class="box"> |
|||
<div id="tags"> |
|||
<div>订单状态：</div> |
|||
<div class="current">全部</div> |
|||
<div>待付款订单</div> |
|||
<div>待交付订单</div> |
|||
<!-- <div>待结算订单</div> --> |
|||
<div>已终止订单</div> |
|||
<div>已关闭订单</div> |
|||
</div> |
|||
<div id="content"> |
|||
<div></div> |
|||
<div class="current"></div> |
|||
<div></div> |
|||
<div></div> |
|||
<div></div> |
|||
<div></div> |
|||
<div></div> |
|||
</div> |
|||
<!-- tabele表格数据 --> |
|||
<table id="mytable" class="table"></table> |
|||
</div> |
|||
<!-- 标的信息部分 --> |
|||
<div class="right_sign" id="right_sign"> |
|||
<div class="sign_box"> |
|||
<div class="sign_title">标的信息</div> |
|||
<div class="sign_btn"> |
|||
<input type="button" id="btn2" value="返回" onclick="handelBack()" /> |
|||
</div> |
|||
</div> |
|||
<div class="sign_basic"> |
|||
<div class="basic_img"> |
|||
<img id="info_image"> |
|||
</div> |
|||
<div class="basic_list"> |
|||
<!-- 标的信息 --> |
|||
<div class="basic_title">标的信息</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">标的名称</div> |
|||
<div class="list_content" id="signName"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">标的ISLI标志码</div> |
|||
<div class="list_content" id="isliCoed"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">标的类型</div> |
|||
<div class="list_content" id="signType"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">交易方式</div> |
|||
<div class="list_content" id="entrust"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">权益</div> |
|||
<div class="list_content" id="equity"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">免责条款</div> |
|||
<div class="list_content" id="libaitily" onclick="handelClause()"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">委托类型</div> |
|||
<div class="list_content" id="entrustPeriod"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">收费类型</div> |
|||
<div class="list_content" id="chargeType"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">标的价款</div> |
|||
<div class="list_content" id="myPrice"></div> |
|||
</div> |
|||
<!-- 委托方信息 --> |
|||
<div class="basic_title">委托方信息</div> |
|||
<div class="entrust_box"> |
|||
<div class="list_box"> |
|||
<div class="list_left">卖方/授权方名称</div> |
|||
<div class="list_content" id="organName"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">交易主体唯一标志码</div> |
|||
<div class="list_content" id="organISLI"></div> |
|||
</div> |
|||
<!-- <div class="list_box"> |
|||
<div class="list_left">注册时间</div> |
|||
<div class="list_content" id="organRegisterTime"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">认证时间</div> |
|||
<div class="list_content" id="organCetifTime"></div> |
|||
</div> --> |
|||
<div class="list_box"> |
|||
<div class="list_left">认证类型</div> |
|||
<div class="list_content" id="organType"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">认证状态</div> |
|||
<div class="list_content" id="organStatus"></div> |
|||
</div> |
|||
</div> |
|||
<!-- 文化资源数据集 --> |
|||
<div class="basic_title" id="sign_title001"></div> |
|||
<table id="mytable2" class="table2"></table> |
|||
<!-- --> |
|||
<div class="basic_title" id="sign_title002"></div> |
|||
<table id="mytable3" class="table3"></table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 详情数据 --> |
|||
<div class="right_details" id="right_details"> |
|||
<div class="make_details"> |
|||
<div class="make_title">买入订单详情</div> |
|||
<div class="make_return" onclick="handelBack001()">返回</div> |
|||
</div> |
|||
<!-- 步骤条 --> |
|||
<div class="step_box"> |
|||
<div class="step001"> |
|||
<div class="step_type">订单支付</div> |
|||
<div class="step_line"></div> |
|||
<div class="step_status" id="pay_status"></div> |
|||
<div spellcheck="step_titme" id="step01_titme"></div> |
|||
<div class="step_longLine"></div> |
|||
</div> |
|||
<div class="step001" id="step002"> |
|||
<div class="step_type">权益兑换</div> |
|||
<div class="step_line"></div> |
|||
<div class="step_status" id="delivery_status"></div> |
|||
<div spellcheck="step_titme" id="step02_titme"></div> |
|||
<div class="step_longLine"></div> |
|||
</div> |
|||
<div class="step_info" id="step_info"></div> |
|||
<div class="step001"> |
|||
<div class="step_type">订单完成</div> |
|||
<div class="step_line"></div> |
|||
<div class="step_status" id="success_status"></div> |
|||
<div spellcheck="step_titme" id="step03_titme"></div> |
|||
</div> |
|||
</div> |
|||
<!-- 未开票页面信息 --> |
|||
<div class="unTicket"> |
|||
<div class="order_message" style="margin-top: 40px;">交易信息</div> |
|||
<div class="titck_box"> |
|||
<div class="box"> |
|||
<div class="box_title">订单号</div> |
|||
<div class="box_con" id="con1"></div> |
|||
</div> |
|||
<div class="box"> |
|||
<div class="box_title">订单金额</div> |
|||
<div class="box_con" id="con2"></div> |
|||
</div> |
|||
<div class="box"> |
|||
<div class="box_title">订单状态</div> |
|||
<div class="box_con" id="con3"></div> |
|||
</div> |
|||
<!-- <div class="box"> |
|||
<div class="box_title">订单ISLI编码</div> |
|||
<div class="box_con" id="con4"></div> |
|||
</div> --> |
|||
</div> |
|||
<div class="order_message" style="margin-top: 40px;">订单标的信息</div> |
|||
<table class="un_table"></table> |
|||
</div> |
|||
</div> |
|||
<!-- 数据集详情信息 --> |
|||
<div class="sources_detial" id="sources_detial"> |
|||
<div class="sign_box"> |
|||
<div class="sign_title" id="sign_title003"></div> |
|||
<div class="sign_btn"> |
|||
<input type="button" id="btn2" value="返回" onclick="handelBack()" /> |
|||
</div> |
|||
</div> |
|||
<div class="sources_info"> |
|||
<div class="left_info"> |
|||
<div class="title"> |
|||
<span>标题：</span> |
|||
<span id="titleName">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>其他标识符：</span> |
|||
<span id="otherIdentifiers">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>标识符：</span> |
|||
<span id="identifiers">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>类型：</span> |
|||
<span id="collectionType">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>服务类型：</span> |
|||
<span id="serviceType">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>分类：</span> |
|||
<span id="classification">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>贡献者：</span> |
|||
<span id="contributors">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>著作权人：</span> |
|||
<span id="copyrightOwner">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>载体：</span> |
|||
<span id="carrier">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>登记者：</span> |
|||
<span id="registrant">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>登记日期：</span> |
|||
<span id="registerDate">——</span> |
|||
</div> |
|||
</div> |
|||
<div class="left_info"> |
|||
<div class="title"> |
|||
<span>所属/收藏机构：</span> |
|||
<span id="repositoryName">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>尺寸：</span> |
|||
<span id="dimensions">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>组件数量：</span> |
|||
<span id="quantity">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>标签：</span> |
|||
<span id="label">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>描述：</span> |
|||
<span id="description">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>哈希值：</span> |
|||
<span id="md5Val">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>入库标识：</span> |
|||
<span id="databaseId">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>版本：</span> |
|||
<span id="edition">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>现况：</span> |
|||
<span id="collectionCondition">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>封面：</span> |
|||
<span id="cover">——</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="sign_box"> |
|||
<div class="sign_title" style="margin-top: 25px;" id="sign_title004"></div> |
|||
</div> |
|||
<!-- 图书 --> |
|||
<div class="image_box" id="book_box" style="display: none;"> |
|||
<div class="iamge_title">图书</div> |
|||
<table id="book_tatble"></table> |
|||
</div> |
|||
<!-- 期刊 --> |
|||
<div class="image_box" id="magazine_box" style="display: none;"> |
|||
<div class="iamge_title">期刊</div> |
|||
<table id="magazine_tatble"></table> |
|||
</div> |
|||
<!-- 报纸 --> |
|||
<div class="image_box" id="newspaper_box" style="display: none;"> |
|||
<div class="iamge_title">报纸</div> |
|||
<table id="newspaper_tatble"></table> |
|||
</div> |
|||
<!-- 音像 --> |
|||
<div class="image_box" id="phoAndVideo_box" style="display: none;"> |
|||
<div class="iamge_title">音像</div> |
|||
<table id="phoAndVideo_box_tatble"></table> |
|||
</div> |
|||
<!-- 音频 --> |
|||
<div class="image_box" id="video_box" style="display: none;"> |
|||
<div class="iamge_title">音频</div> |
|||
<table id="radio_tatble"></table> |
|||
</div> |
|||
<!-- 视频 --> |
|||
<div class="image_box" id="radio_box" style="display: none;"> |
|||
<div class="iamge_title">视频</div> |
|||
<table id="video_tatble"></table> |
|||
</div> |
|||
<!-- 其他文献 --> |
|||
<div class="image_box" id="rwview_box" style="display: none;"> |
|||
<div class="iamge_title">其他文献</div> |
|||
<table id="rwview_tatble"></table> |
|||
</div> |
|||
<!-- 图片 --> |
|||
<div class="image_box" id="image_box" style="display: none;"> |
|||
<div class="iamge_title">图片</div> |
|||
<table id="image_tatble"></table> |
|||
</div> |
|||
<!-- 文化产品 --> |
|||
<div class="image_box" id="culture_box" style="display: none;"> |
|||
<div class="iamge_title">文化产品</div> |
|||
<table id="culture_tatble"></table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 下载模态框 --> |
|||
<div class="modal fade" id="myModalD" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" |
|||
aria-hidden="true" data-keyboard="false" data-backdrop="static"> |
|||
<div class="modal-dialog" style="width: 440px;"> |
|||
<div class="modal-content"> |
|||
<div class="modal-header"> |
|||
<!-- <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> |
|||
× |
|||
</button> --> |
|||
<h4 class="modal-title" id="myModalLabel"> |
|||
订单资源兑付 |
|||
</h4> |
|||
</div> |
|||
<div class="modal-body"> |
|||
<!-- <div class="body_title"> |
|||
<div class="body_message">（如有使用限制，再次提示）</div> |
|||
<div class="body_name">本标的内资源版权拥有者为雨花台博物馆。</div> |
|||
</div> --> |
|||
<div class="body_table"> |
|||
<div class="table_title"></div> |
|||
<div class="table_box" id="table_box" style="height: 240px;overflow-y: auto;"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="modal-footer"> |
|||
<button type="button" class="btn btn-primary" onclick="handelCancel()" |
|||
style="outline: none;">关闭</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 大图预览 --> |
|||
<div class="modal fade" id="bigImage" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" |
|||
aria-hidden="true" data-keyboard="false" data-backdrop="static"> |
|||
<div class="modal-dialog" style="width: 440px;"> |
|||
<div class="modal-content"> |
|||
<div class="modal-header"> |
|||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"> |
|||
× |
|||
</button> |
|||
<h4 class="modal-title" id="myModalLabel"> |
|||
大图预览 |
|||
</h4> |
|||
</div> |
|||
<div class="modal-body"> |
|||
<div class="big_image"> |
|||
<img src="" id="testImage"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script src="../js/public.js"></script> |
|||
<script src="../js/tags.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/BuyOrder.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/browse_check.js"></script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -0,0 +1,265 @@ |
|||
/* 集详情 */ |
|||
|
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
|
|||
/* 面包屑样式 */ |
|||
|
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
.footer1 { |
|||
width: 100%; |
|||
height: 50px; |
|||
background-color: rgb(62, 71, 97); |
|||
position: fixed; |
|||
z-index: 888; |
|||
top: calc(100vh - 50px); |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
color: rgb(247, 255, 152); |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.footer1 .pingCart input { |
|||
width: 180px; |
|||
height: 50px; |
|||
outline: none; |
|||
border: none; |
|||
background: transparent; |
|||
color: white; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.shopyear .ipt { |
|||
padding: 10px; |
|||
width: 100px; |
|||
height: 30px; |
|||
color: #000000; |
|||
outline: none; |
|||
border: none; |
|||
background-color: white; |
|||
} |
|||
|
|||
.talprice { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.pingCart { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.super_detword { |
|||
width: 100%; |
|||
padding-bottom: 100px; |
|||
background: #F2F8FC; |
|||
} |
|||
|
|||
.super_detmain { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
background: white; |
|||
padding: 20px; |
|||
} |
|||
|
|||
.super_detmain h3 { |
|||
font-weight: normal; |
|||
} |
|||
|
|||
.super_detmain .detil_header { |
|||
display: flex; |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.detil_header .head_left { |
|||
width: 283px; |
|||
height: 392px; |
|||
box-sizing: border-box; |
|||
border-width: 1px; |
|||
border-style: solid; |
|||
border-color: rgba(215, 215, 215, 1); |
|||
box-shadow: 2px 2px 5px rgb(0 0 0 / 35%); |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
|
|||
.detil_header .head_left img { |
|||
width: 271px; |
|||
height: 217px; |
|||
} |
|||
|
|||
.detil_header .head_right { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.detil_header .head_right .right_center { |
|||
display: flex; |
|||
/* width: 920px; */ |
|||
flex-wrap: wrap; |
|||
} |
|||
|
|||
.detil_header .head_right .right_center p { |
|||
width: 48%; |
|||
margin-top: 15px; |
|||
color: #7F7F7F; |
|||
} |
|||
|
|||
.detil_buton { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.detil_buton .cen_on { |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.detil_buton .cen_on .r_cen_tit { |
|||
display: inline-block; |
|||
width: 5px; |
|||
height: 30px; |
|||
background-color: #1890ff; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.content_box { |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.content { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
background: white; |
|||
padding: 20px; |
|||
padding-left: 50px; |
|||
} |
|||
|
|||
.title { |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.collection { |
|||
display: flex; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.coll-details { |
|||
flex: 1; |
|||
} |
|||
|
|||
.coll-title { |
|||
color: #000; |
|||
font-size: 14px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
} |
|||
|
|||
.coll-content { |
|||
width: 100%; |
|||
display: flex; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.coll-left { |
|||
flex: 1; |
|||
} |
|||
|
|||
.coll-item { |
|||
color: #7f7f7f; |
|||
margin: 10px 0; |
|||
line-height: 20px; |
|||
} |
|||
|
|||
.coll-right { |
|||
flex: 1; |
|||
} |
|||
|
|||
.coll-item { |
|||
color: #7f7f7f; |
|||
margin: 10px 0; |
|||
line-height: 20px; |
|||
} |
|||
|
|||
.title2 { |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.details { |
|||
margin: 15px 0; |
|||
height: 25px; |
|||
line-height: 25px; |
|||
margin-left: 20px; |
|||
border-left: 7px solid #1890ff; |
|||
padding-left: 15px; |
|||
} |
|||
|
|||
.table_box { |
|||
box-sizing: border-box; |
|||
border: 1px solid #d7d7d7; |
|||
margin-left: 50px; |
|||
} |
|||
|
|||
.table_box tr { |
|||
color: #7f7f7f; |
|||
} |
|||
|
|||
.table_box tr:nth-child(1) { |
|||
background-color: #f2f2f2; |
|||
color: #555; |
|||
} |
|||
|
|||
.table_box td { |
|||
font-size: 14px; |
|||
text-align: center; |
|||
/* width: 150px; */ |
|||
height: 30px; |
|||
border-right: 1px solid #d7d7d7; |
|||
border-bottom: 1px solid #d7d7d7; |
|||
padding: 0 5px; |
|||
} |
|||
|
|||
.table_box td:nth-child(2) { |
|||
width: 270px; |
|||
} |
|||
|
|||
.table_box td:nth-child(3) { |
|||
width: 271px; |
|||
} |
|||
|
|||
.table_box td:nth-child(4) { |
|||
width: 170px; |
|||
} |
|||
|
|||
.table_box td:nth-child(5) { |
|||
width: 60px; |
|||
} |
|||
|
|||
.table_box td:nth-child(6) { |
|||
width: 150px; |
|||
} |
|||
|
|||
.table_box td:nth-child(7) { |
|||
width: 150px; |
|||
} |
|||
@ -0,0 +1,38 @@ |
|||
<!DOCTYPE html> |
|||
<html> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>临时免责条款</title> |
|||
<link rel="stylesheet" href="../css/agreement.css"> |
|||
</head> |
|||
<body> |
|||
<div class="trade_agreement"> |
|||
<h1 class="trade_h">临时免责条款</h1> |
|||
<p class="trade_p_nobold">一、免责条款与风险揭示</p> |
|||
<p class="trade_bold decora_line"> |
|||
1、全国文化大数据交易中心及交易平台技术系统（以下简称：平台）仅向授权方/卖方、被授权方/买方、中介服务机构等用户提供相关服务以便完成文化大数据的交易活动，但不对文化大数据交易可获得利益进行任何承诺，更不对授权方/卖方、被授权方/买方、中介服务机构及任何其他方的商业行为承担任何责任。</p> |
|||
<p class="trade_bold decora_line"> |
|||
2、平台没有任何投资或理财产品的属性，您在平台参与的交易活动均是以文化大数据交易为目的达成的商业行为。您参与商业行为可能盈利或亏损，该盈利与亏损均属于参与商业行为产生的正常商业风险，平台不对您参与商业行为可能产生的盈亏做任何承诺、保证和担保。 |
|||
</p> |
|||
<p class="trade_bold decora_line">3、平台对文化大数据交易活动的各参与方按相关规则进行审查，但不承担连带担保责任，交易活动中的各项信息您应当自主解读并审慎决策。您如获得本平台外由授权方/卖方、被授权方/买方、中介服务机构等用户提供的额外服务（包括但不限于积分、艺术品券等）所产生的收益或损失，均为您的个人行为，由此产生的一切法律风险及不良后果，由您自行享有和承担，与平台无关。</p> |
|||
<p class="trade_bold decora_line">4、您应严格按用户注册协议、平台交易规则、规章制度及平台发布的其他各类指引、操作流程等、使用平台提供的服务，以下情形产生的损失，平台不承担任何责任：</p> |
|||
<p class="trade_p_nobold">(1)您未正确执行操作指令，包括但不限于指令信息不明、存在乱码或不完整等.</p> |
|||
<p class="trade_p_nobold">(2)因市场、政策、文化大数据交易标的到期、违反平台规则或其他原因(包括 但不限于<span class="trade_bold decora_line">授权方/卖方、被授权方/买方、</span>接受中介服务机构提供的鉴定、评估、评价、保险服务等行为产生的风险)，文化大数据交易标的可能随时停止交易或下架等；</p> |
|||
<p class="trade_p_nobold">(3)平台发现账户疑似被他人使用、账户共享、终端设备被远程监控、账户被拦截情况下登录等异常情况，平台主动切断连接口；</p> |
|||
<p class="trade_p_nobold">(4)您终端设备存在计算机病毒、恶意程序、黑客攻击等；电力供应故障、网络通讯故障、服务器兼容性、系统升级维护等；</p> |
|||
<p class="trade_p_nobold">(5)出现无法预见、无法避免且无法克服的包括但不限于自然灾害、罢工、暴乱、战争、法律法规及政策变更、行政行为、司法行为等不可抗力；</p> |
|||
<p class="trade_p_nobold">(6)根据当时的科学技术水平尚不能发现或不能解决的缺陷、漏洞或瑕疵造成的损失；</p> |
|||
<p class="trade_p_nobold">(7)其他非平台原因造成损失的情形。</p> |
|||
<p class="trade_bold decora_line">5、您承诺并同意使用平台服务时所存在的任何风险将完全由您自身承担。</p> |
|||
<p class="trade_bold decora_line">6、您承诺并同意下载或通过平台技术系统取得的任何信息资料取决于用户自己，并承担系统受损、资料丢失以及其它任何风险。平台有权于任何时间暂时或永久修改或终止平台服务，而无论通知与否，平台对用户和任何第三方均无需承担任何责任。</p> |
|||
<p class="trade_bold decora_line">特别提示：您在使用本平台之前，请您务必审慎阅读并透彻理解本文件。您自主选择注册或使用本平台及相关服务，即视为您已充分理解本协议，完全同意和认可各项内容。</p> |
|||
<p class="trade_p_nobold">深圳文化产权交易所</p> |
|||
<p class="trade_p_nobold">电话：0755-88266839 </p> |
|||
<p class="trade_p_nobold">邮箱：szwenjiaosuo@126.com</p> |
|||
<p class="trade_p_nobold">地址：深圳市福田区福田街道滨河大道5008号</p> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
File diff suppressed because it is too large
@ -0,0 +1,919 @@ |
|||
let animateDate = 300; // 滑动时间 |
|||
let resourceData = []; // 文化资源数据 |
|||
let digitalData = []; // 文化数字内容 |
|||
let hotData = []; // 热门标的推荐 |
|||
let recomend_data = { |
|||
goodsType: "", //1.文化资源数据,2.文化数字内容 |
|||
lbdSet: "", //1 热门标的推荐 2 交易(销售) 3 点击 |
|||
pageIndex: 1, |
|||
pageRows: 10, |
|||
typeStatus: 0 //0 门户首页 1 商城首页 |
|||
} |
|||
|
|||
// let new_TIME=new Date(); |
|||
|
|||
// let recomendTIME = { |
|||
// pay_type: "", // 付费类型 1：免费；2：付费 |
|||
// authorization: , //授权方式（1：转让；2：授权) |
|||
// record_type: , // 数据类型 |
|||
// entrust_name: , // 委托数据名称 |
|||
// entrust_user_name: , // 委托方名称 |
|||
// source_type: "", |
|||
// order_type: "createtime", //排序 createtime：时间；price：价格 |
|||
// order: "desc", //desc：降序；asc：升序 |
|||
// goods_status: 1, |
|||
// entrust_time:[] |
|||
// } |
|||
|
|||
|
|||
// //委托数据查询接口 |
|||
// function getListMsg(data) { |
|||
// var ajaxSearchGoods = new AJAX_OBJ(AgencyAddress + "order/searchGoods", entrustSearchGoods, onUrlError); |
|||
// ajaxSearchGoods.postRequestData(JSON.stringify(data)); |
|||
// } |
|||
|
|||
// function entrustSearchGoods(xmlHttp) { |
|||
// var res = eval('(' + xmlHttp.responseText + ')'); |
|||
// if (res.resultCode === "00000000") { |
|||
// console.log(res,"KKKKK") |
|||
// } |
|||
// } |
|||
|
|||
|
|||
|
|||
|
|||
// 热门标的推荐渲染 |
|||
function render(res) { |
|||
hotData = res.data.slice(0, 8); |
|||
let supstr = '' |
|||
hotData.myForEach(function (item, index, arr) { |
|||
supstr += '<div class="p-item sup-item" style="background-image: url(' + background_img(item |
|||
.rankingDetails.goodsImage) + |
|||
');" onclick="detils(\'' + item.goods_islicode + '\',\'' + item.rankingDetails.goods_type + |
|||
'\',\'' + goods_image_url + '\',\'' + item.rankingDetails.username + |
|||
'\')"><div class="p-item-top">' + item.goodsName + |
|||
'</div><div class="p-item-bottom">' + item.rankingDetails.username + |
|||
'</div></div>' |
|||
}) |
|||
$('#supitem').html(supstr) |
|||
hotData.myForEach(function (item, index, arr) { |
|||
let Index = index + 1 |
|||
if (Index % 4 !== 0) { |
|||
$(".sup-item:nth-child(" + Index + ")").css("margin-right", "28px") |
|||
} |
|||
if (index >= hotData.length - 4) { |
|||
$(".sup-item:nth-child(" + Index + ")").css("margin-bottom", "0") |
|||
} |
|||
$(".sup-item:nth-child(" + Index + ")").hover(function () { |
|||
$(".sup-item:nth-child(" + Index + ") > .p-item-top").animate({ |
|||
top: '0' |
|||
}, animateDate); |
|||
$(".sup-item:nth-child(" + Index + ") > .p-item-bottom").animate({ |
|||
bottom: '0' |
|||
}, animateDate); |
|||
}, function () { |
|||
$(".sup-item:nth-child(" + Index + ") > .p-item-top").animate({ |
|||
top: '-140px' |
|||
}, animateDate); |
|||
$(".sup-item:nth-child(" + Index + ") > .p-item-bottom").animate({ |
|||
bottom: '-40px' |
|||
}, animateDate); |
|||
}); |
|||
}) |
|||
}; |
|||
// 排行榜切换 |
|||
let ranking = function (data, callback) { |
|||
let rankingstr = '' |
|||
data.myForEach(function (item, index, arr) { |
|||
background_img(item.rankingDetails.goodsImage) |
|||
rankingstr += '<div class="list-item" onclick="detils(\'' + item.goods_islicode + '\',\'' + item |
|||
.rankingDetails.goods_type + '\',\'' + goods_image_url + '\',\'' + item.rankingDetails |
|||
.username + '\')"><a class="list_name" title="' + |
|||
item.goodsName + '">' + item.goodsName + '</a><div>' + item.sort + '</div></div>' |
|||
}) |
|||
$('.ranking-list').html(rankingstr) |
|||
callback() |
|||
}; |
|||
//进入详情 |
|||
function detils(list_isli, type, img, username) { |
|||
$(location).prop('href', './superDetails.html?list_isli=' + list_isli + '&goods_type=' + type + '&img=' + img + |
|||
'&username=' + username + '&time=' + new Date().getTime()) |
|||
} |
|||
// 委托类型过滤 |
|||
function entrust(data) { |
|||
if (data == "1") { |
|||
return "转让" |
|||
} else if (data == "2") { |
|||
return "授权" |
|||
} else { |
|||
return "" |
|||
} |
|||
}; |
|||
// 数据类型过滤 |
|||
function filters(data) { |
|||
if (data === "全部") { |
|||
return "" |
|||
} else if (data === "文化资源数据") { |
|||
return 1 |
|||
} else if (data === "文化数字内容") { |
|||
return 2 |
|||
} |
|||
}; |
|||
// 渲染服务商 |
|||
function serviceProviders(res) { |
|||
let provider = [] |
|||
let prohtml = '' |
|||
let procolor = ['#7370cc', '#48c0c1', '#dc6464', '#e0c558'] |
|||
res.data.myForEach(function (item, index, arr) { |
|||
provider.push({ |
|||
name: item.name, |
|||
type: item.type, |
|||
doorHeadPhoto: item.doorHeadPhoto, |
|||
background: procolor[index % 4] |
|||
}) |
|||
}) |
|||
provider.myForEach(function (item, index, arr) { |
|||
prohtml += '<div class="pro-content-item" onclick="subcharge_Detil(\'' + item.name + '\')"><div class="pro-content-img"><img src="' + item |
|||
.doorHeadPhoto + '" alt="暂无图片"></div><div class="pro-content-text">' + item.name + '</div></div>' |
|||
}) |
|||
$('.pro-content').html(prohtml) |
|||
provider.myForEach(function (item, index, arr) { |
|||
let Index = index + 1 |
|||
$(".pro-content-item:nth-child(" + Index + ")").css("background-color", item.background) |
|||
if (Index % 4 !== 0) { |
|||
$(".pro-content-item:nth-child(" + Index + ")").css("margin-right", "24px") |
|||
} |
|||
if (index >= provider.length - 4) { |
|||
$(".pro-content-item:nth-child(" + Index + ")").css("margin-bottom", "0") |
|||
} |
|||
}) |
|||
}; |
|||
|
|||
function subcharge_Detil(name) { |
|||
if (name == "深圳国夏文化数字科技有限公司") { |
|||
window.open("http://10.24.4.90:9000/"); |
|||
} |
|||
} |
|||
// 公示信息表格渲染 |
|||
function publicity(row) { |
|||
// let tablestr = |
|||
// '<div class="tr"><div class="td">标的名称</div><div class="td">标的ISLI标志码</div><div class="td">委托方</div><div class="td">委托日期</div><div class="td">标的价款</div><div class="td">交易方式</div></div>' |
|||
// res.data.data.myForEach(function(item, index, arr) { |
|||
// tablestr += '<div class="tr pub-tr"><div class="td"><a class="pub-text1" title="' + item.goods_name + |
|||
// '">' + item.goods_name + |
|||
// '</a></div><div class="td">' + item.goods_islicode + |
|||
// '</div><div class="td"><a class="pub-text3" title="' + item.username + |
|||
// '">' + item.username + |
|||
// '</a></div><div class="td">' + item.createtime.split(" ")[0] + |
|||
// '</div><div class="td">￥' + item.price + |
|||
// '</div><div class="td">' + entrust(item.goods_entrust) + |
|||
// '</div></div>' |
|||
// }) |
|||
// $('#table-javascript').html(tablestr) |
|||
// let last = $(".pub-tr").length + 1 |
|||
// if (last > 4) { |
|||
// $(".pub-tr:nth-child(" + last + ") > .td").css("border-bottom", "none") |
|||
// $(".pub-table").css("border-right", "none") |
|||
// } else { |
|||
// $(".pub-text1").css("width", "326px") |
|||
// $(".table-box .td:nth-child(1)").css("width", "326px") |
|||
// $(".pub-tr:nth-child(" + last + ") > .td").css("border-bottom", "1px solid #e5e6eb") |
|||
// $(".pub-table").css("border-right", "1px solid #e5e6eb") |
|||
// $(".tr > .td:nth-child(6)").css("border-right", "none") |
|||
// } |
|||
// if (last === 5) { |
|||
// $(".pub-text1").css("width", "326px") |
|||
// $(".table-box .td:nth-child(1)").css("width", "326px") |
|||
// } |
|||
$('#table-javascript').bootstrapTable('destroy'); |
|||
$("#table-javascript").bootstrapTable({ |
|||
url: AgencyAddress + "order/searchGoods", |
|||
responseHandler: function (res) { |
|||
return row.data.data |
|||
}, |
|||
columns: [{ |
|||
title: '标的名称', |
|||
field: 'goods_name', |
|||
align: 'center', |
|||
valign: 'middle' |
|||
}, |
|||
{ |
|||
title: '标的ISLI标志码', |
|||
field: 'goods_islicode', |
|||
align: 'center', |
|||
valign: 'middle' |
|||
}, |
|||
{ |
|||
title: '委托方', |
|||
field: 'username', |
|||
align: 'center', |
|||
valign: 'middle' |
|||
}, |
|||
{ |
|||
title: '委托日期', |
|||
field: 'updatetime', |
|||
align: 'center', |
|||
valign: 'middle', |
|||
formatter: function (value, row, index) { |
|||
return value.split(" ")[0] |
|||
} |
|||
}, |
|||
{ |
|||
title: '标的价款', |
|||
field: 'price', |
|||
align: 'center', |
|||
valign: 'middle', |
|||
formatter: function (value, row, index) { |
|||
return row.username == "中国数字文化集团有限公司" || row.username == "国家图书馆出版社有限公司" || row.username == "深圳国夏文化数字科技有限公司" ? |
|||
"<span style='color:red'>" + "可议价" + "</span>" : '￥' + value |
|||
} |
|||
}, |
|||
{ |
|||
title: '交易方式', |
|||
field: 'goods_entrust', |
|||
align: 'center', |
|||
valign: 'middle', |
|||
formatter: function (value, row, index) { |
|||
if (value == "1") { |
|||
return "转让" |
|||
} else if (value == "2") { |
|||
return "授权" |
|||
} |
|||
} |
|||
}, |
|||
] |
|||
}) |
|||
}; |
|||
let listQuery = { |
|||
pay_type: 2, // 付费类型 1：免费；2：付费 |
|||
authorization: '', //授权方式（1：转让；2：授权) |
|||
record_type: "", // 数据类型 |
|||
entrust_name: "", // 委托数据名称 |
|||
entrust_user_name: "", // 委托方名称 |
|||
order_type: "", //排序 createtime：时间；price：价格 |
|||
order: '', //desc：降序；asc：升序 |
|||
goods_status: 1 |
|||
}; |
|||
//进入公共数据详情 |
|||
function detilss(list_isli, type, img, username) { |
|||
$(location).prop('href', './PublicDetails.html?list_isli=' + list_isli + '&goods_type=' + type + '&img=' + img + |
|||
'&username=' + username + '&time=' + new Date().getTime()) |
|||
} |
|||
|
|||
function readtext(value, contextConsultingId) { |
|||
window.location.href = "../html/InforDetails.html?userId=" + value + '&new_userid=' + contextConsultingId + |
|||
'&time=' + new Date().getTime(); |
|||
} |
|||
|
|||
$(document).ready(function () { |
|||
$(".publicmore").bind("click", function (data) { |
|||
$(location).prop('href', './PublicData.html?record_type=' + data.target.title + '&time=' + |
|||
new Date().getTime()) |
|||
}); |
|||
$(".pub-btn-right").bind("click", function (data) { |
|||
if ($(".btns").text() !== "全部") { |
|||
listQuery.record_type = $(".btns").text() === "文化资源数据" ? 1 : 2 |
|||
} else { |
|||
listQuery.record_type = ""; |
|||
} |
|||
$(location).prop('href', './SuperMarketList.html?authorization=' + listQuery.authorization + |
|||
'&record_type=' + listQuery.record_type + '&entrust_user_name=' + listQuery |
|||
.entrust_user_name + '&entrust_name=' + listQuery.entrust_name + '&time=' + new Date() |
|||
.getTime()) |
|||
}); |
|||
recomend_data.lbdSet = 2; |
|||
searchOrder(); //买入订单接口 |
|||
phb_date(recomend_data); //排行榜 |
|||
// 公共数据共享 |
|||
var postList1 = new AJAX_OBJ(AgencyAddress + "order/searchGoods", searchGoods1, onUrlError); |
|||
postList1.postRequestData(JSON.stringify({ |
|||
pay_type: 1, |
|||
record_type: 1, |
|||
goods_status: 1, |
|||
page: 1, |
|||
limit: 6, |
|||
})); |
|||
|
|||
function searchGoods1(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
resourceData = res.data.data; |
|||
// 渲染文化资源数据 |
|||
let itemlist1 = '' |
|||
resourceData.myForEach(function (item, index, arr) { |
|||
itemlist1 += '<div class="p-item p-itema" style="background-image: url(' + |
|||
background_img(item.goods_image) + |
|||
');" onclick="detilss(\'' + item.goods_islicode + '\',\'' + item.goods_type + |
|||
'\',\'' + goods_image_url + '\',\'' + item.username + |
|||
'\')"><div class="p-item-top">' + item.goods_name + |
|||
'</div><div class="p-item-bottom">' + item.username + |
|||
'</div></div>' |
|||
}) |
|||
$('#itemlist1').html(itemlist1); |
|||
resourceData.myForEach(function (item, index, arr) { |
|||
let Index = index + 1 |
|||
if (Index % 3 !== 0) { |
|||
$(".p-itema:nth-child(" + Index + ")").css("margin-right", "24px") |
|||
} |
|||
if (index >= resourceData.length - 3) { |
|||
$(".p-itema:nth-child(" + Index + ")").css("margin-bottom", "0") |
|||
} |
|||
$(".p-itema:nth-child(" + Index + ")").hover(function () { |
|||
$(".p-itema:nth-child(" + Index + ") > .p-item-top").animate({ |
|||
top: '0' |
|||
}, animateDate); |
|||
$(".p-itema:nth-child(" + Index + ") > .p-item-bottom").animate({ |
|||
bottom: '0' |
|||
}, animateDate); |
|||
}, function () { |
|||
$(".p-itema:nth-child(" + Index + ") > .p-item-top").animate({ |
|||
top: '-140px' |
|||
}, animateDate); |
|||
$(".p-itema:nth-child(" + Index + ") > .p-item-bottom").animate({ |
|||
bottom: '-40px' |
|||
}, animateDate); |
|||
}); |
|||
}) |
|||
// resourceData.forEach((item, index) => { |
|||
// let Index = index + 1 |
|||
// if (Index % 3 !== 0) { |
|||
// $(".p-itema:nth-child(" + Index + ")").css("margin-right", "24px") |
|||
// } |
|||
// if (index >= resourceData.length - 3) { |
|||
// $(".p-itema:nth-child(" + Index + ")").css("margin-bottom", "0") |
|||
// } |
|||
// $(".p-itema:nth-child(" + Index + ")").hover(function() { |
|||
// $(".p-itema:nth-child(" + Index + ") > .p-item-top").animate({ |
|||
// top: '0' |
|||
// }, animateDate); |
|||
// $(".p-itema:nth-child(" + Index + ") > .p-item-bottom").animate({ |
|||
// bottom: '0' |
|||
// }, animateDate); |
|||
// }, function() { |
|||
// $(".p-itema:nth-child(" + Index + ") > .p-item-top").animate({ |
|||
// top: '-140px' |
|||
// }, animateDate); |
|||
// $(".p-itema:nth-child(" + Index + ") > .p-item-bottom").animate({ |
|||
// bottom: '-40px' |
|||
// }, animateDate); |
|||
// }); |
|||
// }) |
|||
} |
|||
}; |
|||
// 公共数据共享 |
|||
var postList2 = new AJAX_OBJ(AgencyAddress + "order/searchGoods", searchGoods2, onUrlError); |
|||
postList2.postRequestData(JSON.stringify({ |
|||
pay_type: 1, |
|||
record_type: 2, |
|||
goods_status: 1, |
|||
page: 1, |
|||
limit: 6, |
|||
})); |
|||
|
|||
function searchGoods2(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
digitalData = res.data.data; |
|||
// 渲染文化数字内容 |
|||
let itemlist2 = '' |
|||
digitalData.myForEach(function (item, index, arr) { |
|||
itemlist2 += '<div class="p-item p-itemb" style="background-image: url(' + |
|||
background_img(item.goods_image) + |
|||
');" onclick="detilss(\'' + item.goods_islicode + '\',\'' + item.goods_type + |
|||
'\',\'' + goods_image_url + '\',\'' + item.username + |
|||
'\')"><div class="p-item-top">' + item.goods_name + |
|||
'</div><div class="p-item-bottom">' + item.username + |
|||
'</div></div>' |
|||
}) |
|||
// digitalData.forEach(item => { |
|||
// itemlist2 += '<div class="p-item p-itemb" style="background-image: url(' + |
|||
// background_img(item.goods_image) + |
|||
// ');" onclick="detilss(\'' + item.goods_islicode + '\',\'' + item.goods_type + |
|||
// '\',\'' + goods_image_url + '\')"><div class="p-item-top">' + item.goods_name + |
|||
// '</div><div class="p-item-bottom">' + item.username + |
|||
// '</div></div>' |
|||
// }) |
|||
$('#itemlist2').html(itemlist2); |
|||
digitalData.myForEach(function (item, index, arr) { |
|||
let Index = index + 1 |
|||
if (Index % 3 !== 0) { |
|||
$(".p-itemb:nth-child(" + Index + ")").css("margin-right", "24px") |
|||
} |
|||
if (index >= digitalData.length - 3) { |
|||
$(".p-itemb:nth-child(" + Index + ")").css("margin-bottom", "0") |
|||
} |
|||
$(".p-itemb:nth-child(" + Index + ")").hover(function () { |
|||
$(".p-itemb:nth-child(" + Index + ") > .p-item-top").animate({ |
|||
top: '0' |
|||
}, animateDate); |
|||
$(".p-itemb:nth-child(" + Index + ") > .p-item-bottom").animate({ |
|||
bottom: '0' |
|||
}, animateDate); |
|||
}, function () { |
|||
$(".p-itemb:nth-child(" + Index + ") > .p-item-top").animate({ |
|||
top: '-140px' |
|||
}, animateDate); |
|||
$(".p-itemb:nth-child(" + Index + ") > .p-item-bottom").animate({ |
|||
bottom: '-40px' |
|||
}, animateDate); |
|||
}); |
|||
}) |
|||
// digitalData.forEach((item, index) => { |
|||
// let Index = index + 1 |
|||
// if (Index % 3 !== 0) { |
|||
// $(".p-itemb:nth-child(" + Index + ")").css("margin-right", "24px") |
|||
// } |
|||
// if (index >= digitalData.length - 3) { |
|||
// $(".p-itemb:nth-child(" + Index + ")").css("margin-bottom", "0") |
|||
// } |
|||
// $(".p-itemb:nth-child(" + Index + ")").hover(function() { |
|||
// $(".p-itemb:nth-child(" + Index + ") > .p-item-top").animate({ |
|||
// top: '0' |
|||
// }, animateDate); |
|||
// $(".p-itemb:nth-child(" + Index + ") > .p-item-bottom").animate({ |
|||
// bottom: '0' |
|||
// }, animateDate); |
|||
// }, function() { |
|||
// $(".p-itemb:nth-child(" + Index + ") > .p-item-top").animate({ |
|||
// top: '-140px' |
|||
// }, animateDate); |
|||
// $(".p-itemb:nth-child(" + Index + ") > .p-item-bottom").animate({ |
|||
// bottom: '-40px' |
|||
// }, animateDate); |
|||
// }); |
|||
// }) |
|||
} |
|||
}; |
|||
|
|||
|
|||
// 热门标的推荐 |
|||
var postList5 = new AJAX_OBJ(AgencyAddress + "ranking/queryList?goods_type=" + recomend_data.goodsType + |
|||
"&lbdSet=" + 1 + |
|||
"&pageIndex=" + recomend_data.pageIndex + "&pageRows=" + recomend_data.pageRows + "&typeStatus=" + |
|||
recomend_data.typeStatus, getTypeGoods1, onUrlError); |
|||
postList5.getRequestData(); |
|||
|
|||
function getTypeGoods1(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
render(res) |
|||
} |
|||
}; |
|||
$(".Jump>span").bind("click", function (data) { |
|||
$(this).addClass("current"); |
|||
$(this).siblings().removeClass("current"); |
|||
recomend_data.goodsType = data.currentTarget.innerText === "文化资源数据" ? 1 : 2 |
|||
phb_date(recomend_data); |
|||
}); |
|||
let listQuery_market = { |
|||
pay_type: 2, // 付费类型 1：免费；2：付费 |
|||
authorization: '', //授权方式 1：转让；2：授权 |
|||
record_type: "", // 数据类型 |
|||
entrust_name: "", // 委托数据名称 |
|||
entrust_user_name: "", // 委托方名称 |
|||
order_type: "", //排序 createtime：时间；price：价格 |
|||
order: '', //desc：降序；asc：升序 |
|||
goods_status: 1 |
|||
}; |
|||
//数据超市点击查看更多 |
|||
$(".examine_market").bind("click", function (data) { |
|||
location.href = "SuperMarketList.html?authorization=" + listQuery_market.authorization + |
|||
'&record_type=' + listQuery_market.record_type + |
|||
'&entrust_user_name=' + listQuery_market.entrust_user_name + |
|||
'&entrust_name=' + listQuery_market.entrust_name + |
|||
'&time=' + new Date().getTime(); |
|||
}); |
|||
// 获取首页排行榜数据 |
|||
function phb_date(recomend_data) { |
|||
if (recomend_data.lbdSet == 2) { |
|||
recomend_data.lbdSet = 2; |
|||
} else { |
|||
recomend_data.lbdSet = 3; |
|||
} |
|||
var postList6 = new AJAX_OBJ(AgencyAddress + "ranking/queryList?goods_type=" + recomend_data.goodsType + |
|||
"&lbdSet=" + recomend_data.lbdSet + |
|||
"&pageIndex=" + recomend_data.pageIndex + "&pageRows=" + recomend_data.pageRows + |
|||
"&typeStatus=" + recomend_data.typeStatus, getTypeGoods2, onUrlError); |
|||
postList6.getRequestData(); |
|||
} |
|||
|
|||
function getTypeGoods2(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
ranking(res.data.slice(0, 10), function () { }) |
|||
} |
|||
}; |
|||
// 销售量 |
|||
$("#salesVolume").css({ |
|||
"background-color": "#fff", |
|||
"color": "#f18914" |
|||
}); |
|||
$("#salesVolume").bind("click", function () { |
|||
$(".Jump>span").removeClass(); |
|||
recomend_data.goodsType = ""; |
|||
let postList = new AJAX_OBJ(AgencyAddress + "ranking/queryList?goods_type=" + recomend_data |
|||
.goodsType + "&lbdSet=" + 2 + |
|||
"&pageIndex=" + recomend_data.pageIndex + "&pageRows=" + recomend_data.pageRows + |
|||
"&typeStatus=" + recomend_data.typeStatus, getTypeGoods3, onUrlError); |
|||
postList.getRequestData(); |
|||
|
|||
function getTypeGoods3(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
$(".ranking-list").fadeOut(100, function () { |
|||
ranking(res.data.slice(0, 10), function () { |
|||
$("#salesVolume").css({ |
|||
"background-color": "#fff", |
|||
"color": "#f18914" |
|||
}); |
|||
$("#hits").css({ |
|||
"background-color": "#eaeaea", |
|||
"color": "#0b0b0b" |
|||
}); |
|||
$(".ranking-list").fadeIn(100); |
|||
}) |
|||
}); |
|||
} |
|||
}; |
|||
}); |
|||
// 点击量 |
|||
$("#hits").bind("click", function () { |
|||
$(".Jump>span").removeClass(); |
|||
recomend_data.goodsType = ""; |
|||
recomend_data.lbdSet = 3; |
|||
let postList = new AJAX_OBJ(AgencyAddress + "ranking/queryList?goods_type=" + recomend_data |
|||
.goodsType + "&lbdSet=" + recomend_data.lbdSet + |
|||
"&pageIndex=" + recomend_data.pageIndex + "&pageRows=" + recomend_data.pageRows + |
|||
"&typeStatus=" + recomend_data.typeStatus, getTypeGoods4, onUrlError); |
|||
postList.getRequestData(); |
|||
|
|||
function getTypeGoods4(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
$(".ranking-list").fadeOut(100, function () { |
|||
ranking(res.data.slice(0, 10), function () { |
|||
$("#hits").css({ |
|||
"background-color": "#fff", |
|||
"color": "#f18914" |
|||
}); |
|||
$("#salesVolume").css({ |
|||
"background-color": "#eaeaea", |
|||
"color": "#0b0b0b" |
|||
}); |
|||
$(".ranking-list").fadeIn(100); |
|||
}) |
|||
}); |
|||
} |
|||
}; |
|||
}); |
|||
|
|||
// 获取资讯中心列表 |
|||
function getList(data) { |
|||
let getList2 = new AJAX_OBJ(AgencyAddress + |
|||
"ConsultingContext/getList?pageRows=5&contextConsultingId=" + data, getSelection2, onUrlError); |
|||
getList2.getRequestData(); |
|||
|
|||
function getSelection2(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
let infstr = '' |
|||
res.data.pageDataList.myForEach(function (item, index, arr) { |
|||
infstr += |
|||
'<div class="inf-content-item"><div class="inf-content-date"><div class="inf-date-box"><div class="inf-date-day">' + |
|||
item.contextCreationTime.split(" ")[0].split("-")[2] + |
|||
'</div><div class="inf-date-years">' + item.contextCreationTime.split(" ")[0] |
|||
.substr(0, 7) + |
|||
'</div></div></div><div class="inf-content-item-content" onclick="readtext(\'' + |
|||
item.contextId + '\',\'' + item.contextConsultingId + '\')">' + item |
|||
.contextTitle + '</div></div>' |
|||
}); |
|||
// |
|||
// res.data.pageDataList.forEach((item, index) => { |
|||
// infstr += |
|||
// '<div class="inf-content-item"><div class="inf-content-date"><div class="inf-date-box"><div class="inf-date-day">' + |
|||
// item.contextCreationTime.split(" ")[0].split("-")[2] + |
|||
// '</div><div class="inf-date-years">' + item.contextCreationTime.split(" ")[0] |
|||
// .substr(0, 7) + '</div></div></div><div class="inf-content-item-content" id="' + |
|||
// item.contextId + '">' + item.contextTitle + '</div></div>' |
|||
// }) |
|||
$('.inf-content-right').html(infstr) |
|||
} |
|||
}; |
|||
}; |
|||
|
|||
// 资讯中心 |
|||
var getList1 = new AJAX_OBJ(AgencyAddress + "ConsultingContext/getSelection", getSelection1, onUrlError); |
|||
getList1.getRequestData(); |
|||
|
|||
function getSelection1(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
let infhtml = '' |
|||
res.data.myForEach(function (item, index, arr) { |
|||
let infClass = index === 0 ? " inf-tabs" : "" |
|||
if (index <= 3) { |
|||
infhtml += '<div class="inf-tab-item' + infClass + '" id="' + item.consultingId + |
|||
'">/ ' + item.consultingName + ' /</div>' |
|||
} |
|||
}); |
|||
$('.inf-tab-box').html(infhtml) |
|||
if (res.data.length) { |
|||
getList($(".inf-tab-item")[0].id) |
|||
$(".inf-tab-item").bind("click", function (data) { |
|||
$(".inf-tab-item").removeClass("inf-tabs") |
|||
data.target.className = "inf-tab-item inf-tabs" |
|||
getList(data.target.id) |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
//资 讯 中 心 点击更多 |
|||
$('.mesMore').bind('click', function () { |
|||
location.href = "InfoCenterList.html?time=" + new Date().getTime(); |
|||
}); |
|||
// 公示信息 |
|||
var postList3 = new AJAX_OBJ(AgencyAddress + "order/searchGoods", searchGoods3, onUrlError); |
|||
postList3.postRequestData(JSON.stringify({ |
|||
pay_type: 2, |
|||
record_type: "", |
|||
goods_status: 1, |
|||
})); |
|||
|
|||
function searchGoods3(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
publicity(res) |
|||
} |
|||
}; |
|||
$(".pub-btn-left-item").bind("click", function (data) { |
|||
$(".pub-btn-left-item").removeClass("btns") |
|||
data.target.className = "pub-btn-left-item btns" |
|||
let postList4 = new AJAX_OBJ(AgencyAddress + "order/searchGoods", searchGoods4, onUrlError); |
|||
postList4.postRequestData(JSON.stringify({ |
|||
pay_type: 2, |
|||
record_type: filters(data.target.innerText), |
|||
goods_status: 1, |
|||
})); |
|||
|
|||
function searchGoods4(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
publicity(res) |
|||
} |
|||
} |
|||
}); |
|||
// 服务商 |
|||
var getList3 = new AJAX_OBJ(AgencyAddress + "order/serviceProviders?type=" + "", serviceProviders1, |
|||
onUrlError); |
|||
getList3.getRequestData(); |
|||
|
|||
function serviceProviders1(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
serviceProviders(res) |
|||
} |
|||
}; |
|||
$(".pro-tab").bind("click", function (data) { |
|||
$(".pro-tab").removeClass("tabs") |
|||
data.target.className = "pro-tab tabs" |
|||
if (data.target.innerText === '全部') { |
|||
let getList = new AJAX_OBJ(AgencyAddress + "order/serviceProviders?type=" + "", |
|||
serviceProviders2, onUrlError); |
|||
getList.getRequestData(); |
|||
|
|||
function serviceProviders2(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
serviceProviders(res) |
|||
} |
|||
}; |
|||
} else { |
|||
let getList = new AJAX_OBJ(AgencyAddress + "order/serviceProviders?type=" + data.target |
|||
.innerText, serviceProviders3, onUrlError); |
|||
getList.getRequestData(); |
|||
|
|||
function serviceProviders3(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
serviceProviders(res) |
|||
} |
|||
}; |
|||
} |
|||
}); |
|||
// 交易中心 |
|||
let transaction = [{ |
|||
name: '深圳市新大鹿文化有限公司' |
|||
}, |
|||
{ |
|||
name: '深圳市极光新空科技有限公司' |
|||
}, |
|||
{ |
|||
name: '北京千禧星辰文化科技有限公司' |
|||
}, |
|||
{ |
|||
name: '深圳国夏文化数字科技有限公司' |
|||
}, |
|||
{ |
|||
name: '熵链科技（福建）有限公司' |
|||
}, |
|||
{ |
|||
name: '华科文创（深圳）有限公司（骨干节点）' |
|||
}, |
|||
{ |
|||
name: '国家图书馆出版社' |
|||
}, |
|||
{ |
|||
name: '中国数字文化集团有限公司' |
|||
}, |
|||
{ |
|||
name: '深圳市插画协会' |
|||
}, |
|||
{ |
|||
name: '深圳掌酷软件有限公司' |
|||
}, |
|||
{ |
|||
name: '上海青壁磐石文化传媒有限公司' |
|||
}, |
|||
{ |
|||
name: '深圳幸福道投资发展集团有限公司' |
|||
}, |
|||
{ |
|||
name: '幸福姓氏文化传播（深圳）有限公司' |
|||
}, |
|||
{ |
|||
name: '狮凰文化（北京）股份有限公司' |
|||
}, |
|||
{ |
|||
name: '深圳美术馆' |
|||
}, |
|||
{ |
|||
name: '新华智云科技有限公司' |
|||
}, |
|||
{ |
|||
name: '北京玖扬博文文化发展有限公司' |
|||
}, |
|||
// { |
|||
// name: '深文投（深圳）发展有限公司' |
|||
// }, |
|||
// { |
|||
// name: '珠海喜岳昊天创意信息有限公司' |
|||
// }, |
|||
// { |
|||
// name: '览真堂（深圳）文化发展有限公司' |
|||
// }, |
|||
// { |
|||
// name: '深圳市麦迪英杰文化发展有限公司' |
|||
// }, |
|||
// { |
|||
// name: '深圳华融文化科技服务企业（有限合伙）' |
|||
// }, |
|||
// { |
|||
// name: '中一投资集团有限公司' |
|||
// }, |
|||
// { |
|||
// name: '玥德文化管理（深圳）有限公司' |
|||
// }, |
|||
// { |
|||
// name: '熙西里遇（深圳）企业服务管理有限公司' |
|||
// }, |
|||
{ |
|||
name: '江苏共信宝数字科技有限公司' |
|||
}, |
|||
{ |
|||
name: '广东省粤数文数字科技有限公司' |
|||
}, |
|||
{ |
|||
name: '中关村京能（广东）产业投资有限公司' |
|||
}, |
|||
{ |
|||
name: '华链店商（广州）信息科技有限公司' |
|||
}, |
|||
{ |
|||
name: '上海恒润数字科技集团股份有限公司' |
|||
}, |
|||
{ |
|||
name: '华储艺术品中心（深圳）有限公司' |
|||
}, |
|||
{ |
|||
name: '天津图谱科技有限公司' |
|||
}, |
|||
{ |
|||
name: '成都九天星空科技有限公司' |
|||
}, |
|||
{ |
|||
name:'浙江香叶资产管理有限公司' |
|||
}, |
|||
{ |
|||
name:'深圳市三品园文化发展有限公司' |
|||
}, |
|||
{ |
|||
name:'北京永大天成科技有限公司' |
|||
}, |
|||
{ |
|||
name:'南方国投（广东）投资有限公司' |
|||
}, |
|||
{ |
|||
name:'南昌埃克斯爱慕科技有限公司' |
|||
}, |
|||
{ |
|||
name:'上海名媛藏宝阁文化艺术品中心' |
|||
}, |
|||
{ |
|||
name:'深圳市雅昌艺术网有限公司' |
|||
}, |
|||
{ |
|||
name:'成都时代出版社' |
|||
} |
|||
] |
|||
let transtr = '' |
|||
transaction.myForEach(function (item, index, arr) { |
|||
// transtr += '<div class="tran-content-item"><div class="tran-content-name" title="' + item.name + |
|||
// '">' + item.name + '</div>' + '</div>' |
|||
transtr += '<div class="tran-content-item tran-content-name" title="' + item.name + |
|||
'">' + item.name + '</div>' |
|||
}); |
|||
$('.tran-content').html(transtr); |
|||
transaction.myForEach(function (item, index, arr) { |
|||
let Index = index + 1 |
|||
if (Index % 6 !== 0) { |
|||
$(".tran-content-item:nth-child(" + Index + ")").css("margin-right", "24px") |
|||
} |
|||
if (index >= transaction.length - 6) { |
|||
$(".tran-content-item:nth-child(" + Index + ")").css("margin-bottom", "0") |
|||
} |
|||
}); |
|||
|
|||
var _default = 18; //默认显示图片个数 |
|||
var _loading = 6; //每次点击按钮后加载的个数 |
|||
var _content = []; //用来存储li循环内容 |
|||
function init() { |
|||
var lis = $(".tran-content div"); |
|||
$(".transaction .lanList").html(""); |
|||
for (var n = 0; n < _default; n++) { |
|||
lis.eq(n).appendTo(".transaction .lanList"); |
|||
} |
|||
for (var i = _default; i < lis.length; i++) { |
|||
_content.push(lis.eq(i)); |
|||
} |
|||
$(".transaction .tran-content").html(""); |
|||
} |
|||
init(); |
|||
|
|||
// //点击加载更多 |
|||
$('.ipbut').bind('click', function () { |
|||
var k = 0, |
|||
t, i; |
|||
var mLis = $(".transaction .lanList div").length; |
|||
for (i = mLis - _default; i < mLis - _loading; i++) { |
|||
if (i == _content.length) { |
|||
$(".ipbut").css("display", "none"); |
|||
break; |
|||
} |
|||
_content[i].appendTo(".transaction .lanList "); |
|||
t = mLis + k; |
|||
k++; |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
|
|||
function searchOrder() { |
|||
let data = { |
|||
user_role: '2', |
|||
order_status: "", |
|||
pay_status: '2' |
|||
} |
|||
let OrderList = new AJAX_OBJ(AgencyAddress + 'order/queryRrder?pay_status=' + data.pay_status + '&user_role=' + data |
|||
.user_role + '&order_status=' + data.order_status, succesOrder, onUrlError); |
|||
OrderList.postRequestData(); |
|||
} |
|||
|
|||
function succesOrder(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
if (res.data) { |
|||
let new_shopList = ''; |
|||
res.data.myForEach(function (item, index, arr) { |
|||
item.order_detail.myForEach(function (i, id, arr) { |
|||
new_shopList += |
|||
'<div class="swiper-slide order_shop">' + |
|||
'<div>' + i.goods_name + '</div><div>¥' + i.price + |
|||
'</div><div style="height: 30px;border-right: 2px solid #fff;"></div></div>' |
|||
}) |
|||
}); |
|||
$('.freetitle_box .swiper-wrapper').html(new_shopList); |
|||
var mySwiper = new Swiper('.freetitle_box', { |
|||
loop: true, |
|||
freeMode: true, |
|||
slidesPerView: 'auto', |
|||
freeModeSticky: true, |
|||
autoplay: 3000, |
|||
}); |
|||
$('.swiper').mouseover(function () { |
|||
mySwiper.stopAutoplay(); |
|||
}).mouseleave(function () { |
|||
mySwiper.startAutoplay(); |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,36 @@ |
|||
{ |
|||
"auditOpinion": "string", |
|||
"avatar": "string", |
|||
"bankCellPhone": "1", |
|||
"bankCity": "丰台区", |
|||
"bankDistrict": "六里桥", |
|||
"bankName": "1", |
|||
"bankProvince": "北京市", |
|||
"cerScanPath": "C:\fakepath\trading.sql", |
|||
"createAt": "createAt", |
|||
"desc": "1", |
|||
"establishDate": "2022-02-17", |
|||
"identity": "identity", |
|||
"islicode": "islicode", |
|||
"legalCellPhone": "1", |
|||
"legalIdnum": "1", |
|||
"legalName": "1", |
|||
"legalsScanPath1": "C:\fakepath\trading.sql", |
|||
"legalsScanPath2": "C:\fakepath\trading.sql", |
|||
"managerIdnum": "测试", |
|||
"managerName": "测试", |
|||
"managerPath": "C:\fakepath\trading.sql", |
|||
"managerScanPath1": "C:\fakepath\trading.sql", |
|||
"managerScanPath2": "C:\fakepath\trading.sql", |
|||
"name": "jzk", |
|||
"publicAccount": "1", |
|||
"regionCity": "北京市", |
|||
"regionDistrict": "东城区", |
|||
"regionProvince": "北京市", |
|||
"state": 0, |
|||
"type": "其它", |
|||
"updateAt": "string", |
|||
"uscc": "测试", |
|||
"userId": "15977359780169131", |
|||
"userType": "企业" |
|||
} |
|||
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 302 KiB |
@ -0,0 +1,327 @@ |
|||
//foreach兼容ie的方法 |
|||
Array.prototype.myForEach = function myForEach(callback, context) { |
|||
context = context || window; |
|||
if (Array.prototype.forEach) { |
|||
// 调用forEach方法，不做任何处理 |
|||
this.forEach(callback, context); |
|||
return; |
|||
} |
|||
} |
|||
|
|||
let query = {}; //URL参数 |
|||
|
|||
let scr = $(location).prop('href').split("?")[1]; |
|||
|
|||
if (scr) { |
|||
scr = scr.split("&").join("=").split("=") |
|||
scr.myForEach(function (item, index, arr) { |
|||
if (index % 2 === 0) { |
|||
query[item] = "" |
|||
} else { |
|||
query[scr[index - 1]] = item |
|||
} |
|||
|
|||
}); |
|||
} |
|||
query.username = decodeURI(query.username); |
|||
|
|||
let listQuery = { |
|||
//pay_type: 2, // 付费类型 1：免费；2：付费 |
|||
authorization: "", //授权方式（1：转让；2：授权) |
|||
record_type: "", // 数据类型 |
|||
entrust_name: "", // 委托数据名称 |
|||
entrust_user_name: query.username, // 委托方名称 |
|||
source_type: "", |
|||
order_type: "createtime", //排序 createtime：时间；price：价格 |
|||
order: "desc", //desc：降序；asc：升序 |
|||
goods_status: 1, |
|||
page: 1, |
|||
limit: 8 |
|||
}; |
|||
|
|||
let new_listQuery = { |
|||
//pay_type: 2, // 付费类型 1：免费；2：付费 |
|||
authorization: "", //授权方式（1：转让；2：授权) |
|||
record_type: "", // 数据类型 |
|||
entrust_name: "", // 委托数据名称 |
|||
entrust_user_name: query.username, // 委托方名称 |
|||
source_type: "", |
|||
order_type: "createtime", //排序 createtime：时间；price：价格 |
|||
order: "desc", //desc：降序；asc：升序 |
|||
goods_status: 1, |
|||
page: 1, |
|||
limit: 8 |
|||
}; |
|||
|
|||
|
|||
let listData = []; // 列表源数据 |
|||
let totalData = []; // 列表分页数据 |
|||
|
|||
// 分页对象 |
|||
let paging = { |
|||
pageNum: 1, // 当前页面 |
|||
totalNum: 1, // 总页码 |
|||
totalList: 0, // 记录总数量 |
|||
pageRows: 8, // 每页条数 |
|||
pageSizes: [8, 16, 32], // 每页显示个数选择器的选项设置 |
|||
callback: function (num, pageRows) { //回调函数 |
|||
if (paging.pageRows === pageRows) { |
|||
listQuery.page = num |
|||
listQuery.limit = pageRows |
|||
getListMsg(listQuery) |
|||
} else { |
|||
listQuery.page = 1 |
|||
listQuery.limit = pageRows |
|||
getListMsg(listQuery) |
|||
} |
|||
} |
|||
}; |
|||
|
|||
// 初始化页面信息 |
|||
$(document).ready(function () { |
|||
getListMsg(listQuery); //委托数据接口 |
|||
industryType(); |
|||
setTimeout(function () { |
|||
getNewListMsg(new_listQuery); |
|||
}, 500) |
|||
// 获取业务logo |
|||
var ajaxDemo = new AJAX_OBJ(AgencyAddress + "logo/logoImag", onUrlSuccess, onUrlError); |
|||
ajaxDemo.getRequestData(); |
|||
//成功 |
|||
function onUrlSuccess(xmlHttp) { |
|||
var returnData = eval('(' + xmlHttp.responseText + ')'); |
|||
if (returnData.resultCode == "00000000") { |
|||
/*首 页 logo(可能是文字也可能是图片)*/ |
|||
if (returnData.data.logoImages.length > 0) { |
|||
// $('.titles-name').text(returnData.data.logoImages[0].logoName); |
|||
$('.titles-name').html('<img src="' + returnData.data.logoImages[0].logoImgName + |
|||
'" alt=""><span>' + |
|||
returnData.data.logoImages[0].logoName + '</span>'); |
|||
} |
|||
|
|||
/* 导航栏菜单 */ |
|||
let nav = ""; |
|||
returnData.data.columnList.myForEach(function (item, index, arr) { |
|||
nav += '<div><a href="' + item.columnLink + '?time=' + new Date().getTime() + '">' + |
|||
item |
|||
.columnName + '</a></div>'; |
|||
}) |
|||
$('.itembox').html(nav); |
|||
} |
|||
|
|||
} |
|||
|
|||
}) |
|||
|
|||
let industryArray = []; |
|||
|
|||
function industryType() { |
|||
// var ajaxDemo = new AJAX_OBJ(register + 'userself/v1/industry/0', onIndustryTypeSuccess, onUrlError); |
|||
var ajaxDemo = new AJAX_OBJ(api + 'userself/v1/industry/0', onIndustryTypeSuccess, onUrlError); |
|||
ajaxDemo.getRequestData(); |
|||
} |
|||
|
|||
function onIndustryTypeSuccess(xmlHttp) { |
|||
var res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.data != undefined) { |
|||
industryArray = res.data; |
|||
} |
|||
} |
|||
|
|||
//委托数据查询接口 |
|||
function getListMsg(data) { |
|||
var ajaxSearchGoods = new AJAX_OBJ(AgencyAddress + "order/searchGoods", entrustSearchGoods, onUrlError); |
|||
ajaxSearchGoods.postRequestData(JSON.stringify(data)); |
|||
} |
|||
|
|||
function entrustSearchGoods(xmlHttp) { |
|||
var res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
render(res.data.data); |
|||
paging.pageNum = res.data.current_page; |
|||
paging.pageRows = res.data.per_page; |
|||
paging.totalNum = res.data.last_page; |
|||
paging.totalList = res.data.total; |
|||
// 渲染分页 |
|||
$("#page").paging(paging); |
|||
} |
|||
} |
|||
|
|||
let img_url = ""; |
|||
let newimg_url = ""; |
|||
//封面图设置 |
|||
function good_headerimg(data) { |
|||
var myPix = new Array("../images/180-180.jpg", "../images/180-180-2.jpg", "../images/180-180-3.jpg", |
|||
"../images/180-180-3.jpg"); |
|||
var randomNum = Math.floor((Math.random() * myPix.length)); |
|||
img_url = ""; |
|||
if (data) { |
|||
let reg = RegExp(/data:image\/.*;base64,/); |
|||
if (reg.test(data)) { //判断图片数据是base64吗 |
|||
img_url = '<img src=' + data + ' alt="">' |
|||
} else { |
|||
img_url = '<img src=' + pathURL + '' + encodeURIComponent(data) + ' alt="">' |
|||
} |
|||
} else { |
|||
newimg_url = myPix[randomNum]; |
|||
img_url = '<img src=' + myPix[randomNum] + ' alt="">' |
|||
} |
|||
} |
|||
|
|||
//委托数据查询接口 |
|||
function getNewListMsg(data) { |
|||
var ajaxNewSearchGoods = new AJAX_OBJ(AgencyAddress + "order/searchGoods", entrustNewSearchGoods, onUrlError); |
|||
ajaxNewSearchGoods.postRequestData(JSON.stringify(data)); |
|||
} |
|||
|
|||
function entrustNewSearchGoods(xmlHttp) { |
|||
var res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
let str = ""; |
|||
let left_img = ""; |
|||
let new_date = res.data.data; |
|||
let userDate = new_date[0]; |
|||
let industryName = ""; |
|||
industryArray.myForEach(function (v, index, arr) { |
|||
if (v.industryId == new_date[0].user.industry) { |
|||
industryName = v.name; |
|||
} |
|||
}) |
|||
left_img = '<img src=' + new_date[0].user.doorHeadPhoto + ' alt="">' |
|||
if (new_date[0].user.state == '0') { |
|||
new_date[0].user.state = "认证中"; |
|||
} else if (new_date[0].user.state == '1') { |
|||
new_date[0].user.state = "认证成功"; |
|||
} else if (new_date[0].user.state == '2') { |
|||
new_date[0].user.state = "认证失败"; |
|||
} |
|||
str += '<div class="con_box_left">' + |
|||
'<div class="con_box" style="margin-top:-1px">' + |
|||
'<div class="title_two">' + '卖方/授权方名称' + '</div>' + |
|||
'<div class="content_two" title="' + userDate.username + '">' + userDate.username + '</div>' + |
|||
'</div>' + |
|||
'<div class="con_box" style="margin-top:-1px">' + |
|||
'<div class="title_two">' + '认证类型' + '</div>' + |
|||
'<div class="content_two"">' + userDate.user.authType + '</div>' + |
|||
'</div>' + |
|||
'<div class="con_box" style="margin-top:-1px">' + |
|||
'<div class="title_two">' + '认证时间' + '</div>' + |
|||
'<div class="content_two"">' + userDate.user.authTime + '</div>' + |
|||
'</div>' + |
|||
'<div class="con_box" style="margin-top:-1px">' + |
|||
'<div class="title_two">' + '店铺位置' + '</div>' + |
|||
'<div class="content_two" title="' + userDate.user.address + '">' + userDate.user.address + '</div>' + |
|||
'</div>' + '</div>' + |
|||
'<div class="con_box_right">' + |
|||
'<div class="con_box" style="margin-top:-1px">' + |
|||
'<div class="title_two">' + '交易主体唯一标志码' + '</div>' + |
|||
'<div class="content_two"">' + userDate.user_islicode + '</div>' + |
|||
'</div>' + |
|||
'<div class="con_box" style="margin-top:-1px">' + |
|||
'<div class="title_two">' + '认证状态' + '</div>' + |
|||
'<div class="content_two"">' + userDate.user.state + '</div>' + |
|||
'</div>' + |
|||
'<div class="con_box" style="margin-top:-1px">' + |
|||
'<div class="title_two">' + '行业类别' + '</div>' + |
|||
'<div class="content_two"" title="' + industryName + '">' + industryName + '</div>' + |
|||
'</div>' + '</div>' |
|||
$(".head_left").html(left_img); |
|||
$(".head_right").html(str); |
|||
} |
|||
} |
|||
|
|||
// 渲染列表 |
|||
function render(data) { |
|||
let prostr = ''; |
|||
if (data.length) { |
|||
data.myForEach(function (item, index, arr) { |
|||
good_headerimg(item.goods_image); |
|||
if (item.goods_entrust == 1) { |
|||
item.goods_entrust = "转让" |
|||
} else if (item.goods_entrust == 2) { |
|||
item.goods_entrust = "授权" |
|||
} |
|||
let createStr = item.createtime.split(" ")[0].split("-").join("/"); |
|||
prostr += '<div class="main_mook" onclick="detils(\'' + item.goods_islicode + '\',\'' + item |
|||
.goods_type + '\',\'' + item.username + '\',\'' + item.price + '\',\'' + newimg_url + '\')">' + |
|||
'<div class="mook_head" >' + |
|||
img_url + |
|||
'<div class="tig_head">' + createStr + '</div>' + |
|||
'<div class="tig_bottom">' + '<div class="tig_botm1">' + item.goods_name + '</div>' + |
|||
'<div style="color: red;">' + (item.price == "0.00" ? "免费" : item.username == "中国数字文化集团有限公司" || item.username == "国家图书馆出版社有限公司" || item.username == "深圳国夏文化数字科技有限公司" ? "可议价" : "¥" + item.price) + '</div>' + |
|||
'</div>' + |
|||
'</div>' + |
|||
'<div class="mook_men">' + |
|||
'<p>' + '委托关联编码：' + item.goods_islicode + '</p>' + |
|||
'<p>' + '交易类型：' + item.goods_entrust + '</p>' + |
|||
'<p>' + '委托方：' + item.username + '</p>' + |
|||
// '<p>' + '交易保证金：：' + "¥" + item.price + '</p>' + |
|||
'<div class="bor">' + '</div>' + |
|||
'<div class="men_bott">' + |
|||
'<div class="men_name" title="' + item.username + '">' + item.username + '</div>' + |
|||
'<div style="color:#AC0000; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;" title="' + |
|||
'加入购物车' + '">' + '加入购物车' + '</div>' + |
|||
'</div>' + '</div>' + '</div>' |
|||
}); |
|||
} else { |
|||
prostr = |
|||
'<div style="width: 100%;height: 275px;display: flex;align-items: center;justify-content: center;font-size: 28px;color: #c0c4cf;">暂无数据</div>' |
|||
} |
|||
// $(".head_left").html(left_img); |
|||
// $(".head_right").html(str); |
|||
$("#main_cent").html(prostr); |
|||
}; |
|||
|
|||
|
|||
let Publicdate = { |
|||
retrievalPage: "数据超市-店铺详情" |
|||
} |
|||
|
|||
//查询关键词 |
|||
$(".iptword").on('input', function () { |
|||
listQuery.entrust_name = $('.iptword').val(); |
|||
listQuery.page = 1; |
|||
getListMsg(listQuery); |
|||
//检索信息数据 |
|||
RetrieveURL(Publicdate); |
|||
}); |
|||
|
|||
//change事件 1:文化资源数据 2:文化数字内容 |
|||
$("#selectUser1").change(function () { |
|||
listQuery.record_type = $(this).val(); |
|||
listQuery.page = 1; |
|||
getListMsg(listQuery); |
|||
//检索信息数据 |
|||
RetrieveURL(Publicdate); |
|||
}); |
|||
|
|||
//change事件 1：转让；2：授权 |
|||
$("#selectUser2").change(function () { |
|||
listQuery.authorization = $(this).val(); |
|||
listQuery.page = 1; |
|||
getListMsg(listQuery); |
|||
//检索信息数据 |
|||
RetrieveURL(Publicdate); |
|||
}); |
|||
|
|||
//查询按钮 |
|||
$('.btn3').bind('click', function () { |
|||
listQuery.entrust_name = $('.iptword').val(); //关键词 |
|||
listQuery.record_type = $('#selectUser1').val(); //1:文化资源数据 2:文化数字内容 |
|||
listQuery.authorization = $('#selectUser2').val(); //1：转让；2：授权 |
|||
listQuery.page = 1; |
|||
getListMsg(listQuery); |
|||
//检索信息数据 |
|||
RetrieveURL(Publicdate); |
|||
}); |
|||
|
|||
//进入详情 |
|||
function detils(list_isli, type, username, price, img) { |
|||
if (price == "0.00") { |
|||
$(location).prop('href', './PublicDetails.html?list_isli=' + list_isli + '&goods_type=' + type + '&img=' + img + |
|||
'&username=' + username + '&time=' + new Date().getTime()); |
|||
} else { |
|||
location.href = "superDetails.html?list_isli=" + list_isli + '&goods_type=' + type + '&img=' + img + |
|||
'&username=' + username + '&time=' + new Date().getTime(); |
|||
} |
|||
} |
|||
|
After Width: | Height: | Size: 182 KiB |
@ -0,0 +1,167 @@ |
|||
/* 业务指南-详情 */ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
/* 面包屑样式 */ |
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
.SinGuideDetails_word { |
|||
width: 100%; |
|||
background: #F2F8FC; |
|||
} |
|||
|
|||
.SinGuideDetails_main { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
background: white; |
|||
padding: 20px; |
|||
display: flex; |
|||
} |
|||
|
|||
.SinGuideDetails_main .list_main_left { |
|||
width: 260px; |
|||
/* height: 899px; */ |
|||
min-height: 900px; |
|||
background-color: rgba(215, 215, 215, 1); |
|||
padding: 10px; |
|||
} |
|||
|
|||
.left_center { |
|||
width: 220px; |
|||
margin: 20px auto; |
|||
height: 92%; |
|||
overflow: auto; |
|||
} |
|||
|
|||
.left_center1::-webkit-scrollbar { |
|||
/*滚动条整体样式*/ |
|||
width: 0px; |
|||
/*高宽分别对应横竖滚动条的尺寸*/ |
|||
height: 1px; |
|||
} |
|||
|
|||
.left_center1::-webkit-scrollbar-thumb { |
|||
/*滚动条里面小方块*/ |
|||
border-radius: 10px; |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
background: #535353; |
|||
} |
|||
|
|||
.left_center1::-webkit-scrollbar-track { |
|||
/*滚动条里面轨道*/ |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
border-radius: 10px; |
|||
background: #ededed; |
|||
} |
|||
|
|||
.cen_ter { |
|||
width: 220px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
margin-top: 10px; |
|||
font-size: 14px; |
|||
border-radius: 5px; |
|||
background-color: rgba(229, 229, 229, 1); |
|||
text-align: center; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.cen_ter_true { |
|||
width: 220px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
margin-top: 10px; |
|||
font-size: 14px; |
|||
border-radius: 5px; |
|||
background-color: #999999; |
|||
text-align: center; |
|||
} |
|||
|
|||
.SinGuideDetails_main .list_main_right { |
|||
width: 900px; |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.list_main_right .right_header { |
|||
width: 226px; |
|||
height: 30px; |
|||
text-align: center; |
|||
background-color: rgb(168, 168, 168); |
|||
margin: 0 auto; |
|||
line-height: 30px; |
|||
border-radius: 9px; |
|||
color: white; |
|||
} |
|||
|
|||
.context-list { |
|||
width: 870px; |
|||
/* height: 900px; */ |
|||
padding: 20px; |
|||
/* background-color: #f9f9f9; */ |
|||
} |
|||
|
|||
.context-header { |
|||
width: 100%; |
|||
font-size: 20px; |
|||
height: 30px; |
|||
padding: 10px; |
|||
text-align: center; |
|||
line-height: 10px; |
|||
background-color: #a8a8a8; |
|||
border-radius: 10px; |
|||
float: left; |
|||
/* overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; */ |
|||
} |
|||
|
|||
.context-body { |
|||
width: 850px; |
|||
/* height: 810px; */ |
|||
float: left; |
|||
margin-top: 20px; |
|||
overflow: auto; |
|||
padding: 0 20px; |
|||
} |
|||
|
|||
.context-body1::-webkit-scrollbar { |
|||
/*滚动条整体样式*/ |
|||
width: 0px; |
|||
/*高宽分别对应横竖滚动条的尺寸*/ |
|||
height: 1px; |
|||
} |
|||
|
|||
.context-body1::-webkit-scrollbar-thumb { |
|||
/*滚动条里面小方块*/ |
|||
border-radius: 10px; |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
background: #535353; |
|||
} |
|||
|
|||
.context-body1::-webkit-scrollbar-track { |
|||
/*滚动条里面轨道*/ |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
border-radius: 10px; |
|||
background: #ededed; |
|||
} |
|||
|
After Width: | Height: | Size: 410 KiB |
|
After Width: | Height: | Size: 220 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 322 KiB |
@ -0,0 +1,613 @@ |
|||
//门户代理配置 //测试环境 |
|||
/* 交易所接口 25673*/ |
|||
// var AgencyAddress = "http://localhost:8081/AgencyAddress/"; |
|||
// var AgencyAddress = "http://58.30.231.137:8022/AgencyAddress/"; |
|||
|
|||
/**统一网管*/ |
|||
// var api = "http://localhost:8081/dev-api/"; |
|||
// var api = "http://58.30.231.137:8022/dev-api/"; |
|||
|
|||
/**交易结算访问量*/ |
|||
// var insertClicka = "http://localhost:8081/insertClicka/"; |
|||
// var insertClicka = "http://58.30.231.137:8022/insertClicka/"; |
|||
|
|||
/**认证缴费*/ |
|||
// var Paymentlist = "http://localhost:8081/Paymentlist/"; |
|||
// var Paymentlist = "http://58.30.231.137:8022/Paymentlist/"; |
|||
|
|||
//认证缴费 第三方支付 |
|||
// var PayCallBack = "http://localhost:8081/PayCallBack/"; |
|||
// var PayCallBack = "http://58.30.231.137:8022/PayCallBack/"; |
|||
|
|||
// var pathURL = "http://58.30.231.137:51317/dist/api/v2/fluid/preview?url="; |
|||
|
|||
|
|||
/* 交易所接口 25673*/ //正式环境 |
|||
var AgencyAddress = "http://10.24.4.14:80/AgencyAddress/"; |
|||
/**统一网管*/ |
|||
var api = "http://10.24.4.14:80/slb/"; |
|||
|
|||
var pathURL = "http://10.24.4.14:51317/dist/api/v2/fluid/preview?url="; |
|||
|
|||
var pay = "http://10.24.4.14/slb/"; |
|||
|
|||
/**认证缴费*/ |
|||
var Paymentlist = "http://10.24.4.14/Paymentlist/"; |
|||
|
|||
//认证缴费 第三方支付 |
|||
var PayCallBack = "http://10.24.4.14/PayCallBack/"; |
|||
|
|||
/* |
|||
*终端cookie缓存，键值对key=value；如果key的名称相同则会覆盖上一个值 |
|||
*新增：cookieHandler.set("key1",value); |
|||
*获取：cookieHandler.get("key1",defaultValue); |
|||
*删除：cookieHandler.del("key1"); |
|||
*/ |
|||
var cookieHandler = { |
|||
path: "/", |
|||
get: function (name) { |
|||
var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)")); |
|||
if (arr != null) return unescape(arr[2]); |
|||
return null; |
|||
}, |
|||
set: function (name, value, day) { |
|||
day = day == undefined ? 30 : day; |
|||
var str = name + '=' + value + '; '; |
|||
if (day) { |
|||
var date = new Date(); |
|||
date.setTime(date.getTime() + day * 24 * 3600 * 1000); |
|||
str += 'expires=' + date.toGMTString() + '; '; |
|||
} |
|||
str += "path=" + this.path; |
|||
document.cookie = str; |
|||
}, |
|||
del: function (name) { |
|||
this.set(name, null, -1); |
|||
} |
|||
}; |
|||
|
|||
let goods_image_url = ""; |
|||
|
|||
let reg = RegExp(/data:image\/.*;base64,/); |
|||
//获取封面图地址 |
|||
function good_img(data) { |
|||
let myPix = new Array("../images/180-180.jpg", "../images/180-180-2.jpg", "../images/180-180-3.jpg", |
|||
"../images/180-180-3.jpg"); |
|||
let randomNum = Math.floor((Math.random() * myPix.length)); |
|||
if (data) { |
|||
if (reg.test(data)) { //判断图片数据是base64吗 |
|||
return '<img class="img_url" src=' + data + ' alt="暂无图片">' |
|||
} else { |
|||
return '<img class="img_url" src=' + pathURL + encodeURIComponent(data) + ' alt="暂无图片">' |
|||
} |
|||
} else { |
|||
goods_image_url = myPix[randomNum] |
|||
return '<img class="img_url" src=' + myPix[randomNum] + ' alt="暂无图片">' |
|||
} |
|||
} |
|||
//获取背景图地址 |
|||
function background_img(data) { |
|||
let myPix = new Array("../images/180-180.jpg", "../images/180-180-2.jpg", "../images/180-180-3.jpg", |
|||
"../images/180-180-3.jpg"); |
|||
let randomNum = Math.floor((Math.random() * myPix.length)); |
|||
if (data) { |
|||
if (reg.test(data)) { //判断图片数据是base64吗 |
|||
return data |
|||
} else { |
|||
return pathURL + encodeURIComponent(data) |
|||
} |
|||
} else { |
|||
goods_image_url = myPix[randomNum] |
|||
return myPix[randomNum] |
|||
} |
|||
} |
|||
/* |
|||
手机号验证 |
|||
*/ |
|||
function checkMobile(idName, mobile, data) { |
|||
// idName 验证提示信息 mobile输入的值 |
|||
if (mobile == "") { |
|||
data.css("border", "1px solid #f56c6c") |
|||
$(idName).text('手机号不能为空'); |
|||
return false; |
|||
} else if (!/^1[3456789]\d{9}$/.test(mobile)) { |
|||
data.css("border", "1px solid #f56c6c") |
|||
$(idName).text('手机号格式不对'); |
|||
return false; |
|||
} else { |
|||
data.css("border", "1px solid #d7d7d7") |
|||
$(idName).text(''); |
|||
return true; |
|||
} |
|||
} |
|||
|
|||
function check(idName, mobile, data, val) { |
|||
// idName 验证提示信息 mobile输入的值 |
|||
if (mobile == "") { |
|||
data.css("border", "1px solid #f56c6c") |
|||
$(idName).text(val); |
|||
return false; |
|||
} else { |
|||
data.css("border", "1px solid #d7d7d7") |
|||
$(idName).text(''); |
|||
return true; |
|||
} |
|||
} |
|||
|
|||
//过滤页面 |
|||
function filter_html(data) { |
|||
if (data == "Home.html") { |
|||
data = "首页" |
|||
} else if (data == "PublicData.html") { |
|||
data = "公共数据专区" |
|||
} else if (data == "PublicDetails.html") { |
|||
data = "公共数据专区标的详情" |
|||
} else if (data == "collectionDetails.html") { |
|||
data = "公共数据专区集详情" |
|||
} else if (data == "Supermarketpage.html") { |
|||
data = "数据超市" |
|||
} else if (data == "SuperMarketList.html") { |
|||
data = "数据超市标的列表" |
|||
} else if (data == "superDetails.html") { |
|||
data = "数据超市标的详情" |
|||
} else if (data == "tasetDetails.html") { |
|||
data = "数据超市集详情" |
|||
} else if (data == "SinGuideList.html") { |
|||
data = "业务指南" |
|||
} else if (data == "SinGuideDetails.html") { |
|||
data = "业务指南详情" |
|||
} else if (data == "InfoCenterList.html") { |
|||
data = "资讯中心" |
|||
} else if (data == "InforDetails.html") { |
|||
data = "资讯中心详情" |
|||
} else if (data == "contact.html") { |
|||
data = "联系我们" |
|||
} else if (data == "shopCart.html") { |
|||
data = "购物车" |
|||
} else if (data == "login.html") { |
|||
data = "登录" |
|||
} else if (data == "payment.html") { |
|||
data = "订单支付" |
|||
} else if (data == "Account.html") { |
|||
data = "账户管理" |
|||
} else if (data == "MyCetification.html") { |
|||
data = "我的认证" |
|||
} else if (data == "BuyOrder.html") { |
|||
data = "买入订单" |
|||
} else if (data == "ByOrder.html") { |
|||
data = "卖出订单" |
|||
} else if (data == "BillManage.html") { |
|||
data = "发票管理" |
|||
} else if (data == "MyClosing.html") { |
|||
data = "我的结算" |
|||
} else if (data == "MyMessage.html") { |
|||
data = "我的消息" |
|||
} else if (data == "Store_details.html") { |
|||
data = "店铺详情" |
|||
} else if (data == "fxiyunLogin.html") { |
|||
data = "伏羲云登录" |
|||
} else if (data == "PaymentOrder.html") { |
|||
data = "认证缴费支付" |
|||
} else if (data == "CerationPayment.html") { |
|||
data = "认证缴费订单" |
|||
} |
|||
return data |
|||
} |
|||
|
|||
|
|||
$("#close_userannun_x").bind("click", function () { |
|||
$('#my_annunciate').show(); |
|||
}); |
|||
// 初始化页面信息 |
|||
$(document).ready(function () { |
|||
// if (sessionStorage.getItem("Annunciate") == null) { |
|||
// $("body").append( |
|||
// '<div class="modal fade" id="my_annunciate" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">' + |
|||
// '<div class="modal-dialog" role="document" style="width:1300px;">' + |
|||
// '<div class="modal-content">' + |
|||
// '<div class="modal-header">' + |
|||
// '<button type="button" class="close" id="close_userannun_x" data-dismiss="modal" aria-label="Close">' + |
|||
// '<span aria-hidden="true">×</span>' + |
|||
// '</button>' + |
|||
// '<h4 class="modal-title" id="myModalLabel">临时通告</h4>' + |
|||
// '</div>' + |
|||
// '<div class="modal-body trade_agreement" style="height:560px;overflow: auto;">' + |
|||
// '<h1 style="width: 1200px;color: red;letter-spacing: 4rem;text-align: center;margin: 30px auto 40px;">全国文化大数据交易中心</h1>' + |
|||
// '<p style="width: 1200px;height: 1px;background-color: red;margin: 30px auto;"></p>' + |
|||
// '<h2 style="width: 1200px;text-align: center; margin: 30px auto 40px;font-weight: normal;">关于全国文化大数据交易中心系统升级的公告</h2>' + |
|||
// '<p class="trade_p_no_indent" style="width: 1200px;margin: 0 auto;padding: 10px 0;"> 各进场机构、用户：</p>' + |
|||
// '<p class="trade_p" style="width: 1200px;margin: 0 auto;text-indent: 32px;padding: 10px 0;">全国文化大数据交易中心目前试运行中，基于系统进一步升级需要，全国文化大数据交易中心交易网站、互联网门户网站将进行系统升级。</p>' + |
|||
// '<p class="trade_p" style="width: 1200px;margin: 0 auto;text-indent: 32px;padding: 10px 0;">升级期间上述网站于2022年9月20日00:00-9月21日24:00无法使用，如有不便敬请谅解！</p>' + |
|||
// '<p class="trade_p" style="width: 1200px;margin: 0 auto;text-indent: 32px;padding: 10px 0;">如有意见建议，请及时向全国文化大数据交易中心反馈。联系电话：0755-8826 6899</p>' + |
|||
// '<p class="trade_p" style="width: 1200px;margin: 0 auto;text-indent: 32px;padding: 10px 0;">特此公告 </p>' + |
|||
// '<div style="width: 1200px;text-align: right;margin: 0 auto;">' + |
|||
// '<p>全国文化大数据交易中心 </p>' + |
|||
// '<p>2022年9月14日</p>' + |
|||
// '</div>' + |
|||
// '</div>' + |
|||
// '</div>' + '</div>' + '</div>'); |
|||
// $('#my_annunciate').modal({ |
|||
// //点击背景不关闭 |
|||
// backdrop: "static", |
|||
// //触发键盘esc事件时不关闭 |
|||
// keyboard: false |
|||
// }); |
|||
// sessionStorage.setItem("Annunciate", "000000"); |
|||
// } |
|||
|
|||
getStorageTimeObj(); //浏览页面时间 |
|||
if (new Date().getTime() < sessionStorage.getItem("timeObj")) { |
|||
let historyURL = document.referrer.split("?")[0].split("/"); |
|||
if (document.referrer) { |
|||
let meanDetentionTime = new Date().getTime() - localStorage.getItem("start_time"); |
|||
let date = { |
|||
meanDetentionTime: Math.round(meanDetentionTime / 1000), //平均停留时间 |
|||
pageUrl: filter_html(historyURL[historyURL.length - 1]), //页面url |
|||
pageView: 1, //浏览量 |
|||
uniqueVisitor: 1 //访客数 |
|||
} |
|||
var regEn = /^[\u4e00-\u9fa5]/; |
|||
if (regEn.test(date.pageUrl)) { |
|||
Addbrowsing(date); |
|||
} |
|||
localStorage.removeItem("start_time"); |
|||
} |
|||
localStorage.setItem("start_time", new Date().getTime()); |
|||
} |
|||
//foreach兼容ie的方法 |
|||
Array.prototype.myForEach = function myForEach(callback, context) { |
|||
context = context || window; |
|||
if (Array.prototype.forEach) { |
|||
// 调用forEach方法，不做任何处理 |
|||
this.forEach(callback, context); |
|||
return; |
|||
} |
|||
} |
|||
$("#headLogo")[0].href = "../images/favicon.jpg"; |
|||
$("#login a")[0].href = "./login.html?time=" + new Date().getTime(); |
|||
$("#Logout a")[0].href = "./Home.html?time=" + new Date().getTime(); |
|||
$("#personalCenter a")[0].href = "./Account.html?time=" + new Date().getTime(); |
|||
$("#news a")[0].href = "./MyMessage.html?time=" + new Date().getTime(); |
|||
// 购物车跳转 |
|||
$(".cart").bind("click", function () { |
|||
$(location).prop('href', './shopCart.html?time=' + new Date().getTime()); |
|||
}); |
|||
if (cookieHandler.get("normal_login_token")) { |
|||
$("#login").hide(); |
|||
} else { |
|||
$("#personalCenter").hide(); |
|||
$("#Logout").hide(); |
|||
$("#news").hide(); |
|||
} |
|||
// 退出登录清空cookie信息 |
|||
$("#Logout").bind("click", function () { |
|||
cookieHandler.del("isliCode") |
|||
cookieHandler.del("normal_login_token") |
|||
cookieHandler.del("accountId") |
|||
cookieHandler.del("cellPhone") |
|||
cookieHandler.del("userType") |
|||
}); |
|||
// 获取业务logo |
|||
var ajaxDemo = new AJAX_OBJ(AgencyAddress + "logo/logoImag", onUrlSuccess, onUrlError); |
|||
ajaxDemo.getRequestData(); |
|||
|
|||
// 用户登录成功后获取用户未读消息条数 |
|||
if (cookieHandler.get("accountId")) { |
|||
var ajaxDemoInfo = new AJAX_OBJ(api + "noti/v1/notification/messageNumber?accountId=" + cookieHandler |
|||
.get("accountId"), onUrlInfoSuccess, onUrlError); |
|||
ajaxDemoInfo.getRequestData(); |
|||
} |
|||
|
|||
$("#customer").click(function () { |
|||
$('#step_value1').val("") |
|||
$('#step_value1').css("border", "1px solid #d7d7d7") |
|||
$('#step_validate1').text(""); |
|||
$('#step_value2').val("") |
|||
$('#step_value2').css("border", "1px solid #d7d7d7") |
|||
$('#step_validate2').text(""); |
|||
$('#step_value3').val("") |
|||
$('#step_value3').css("border", "1px solid #d7d7d7") |
|||
$('#step_validate3').text(""); |
|||
$('#step_value4').val("") |
|||
$('#step_value4').css("border", "1px solid #d7d7d7") |
|||
$('#step_validate4').text(""); |
|||
$('#myModals').modal("show"); |
|||
}); |
|||
$("#submit").click(function () { |
|||
let step_value1 = $('#step_value1').val(); |
|||
let step_validate1 = $('#step_validate1'); |
|||
let validate_result1 = check(step_validate1, step_value1, $('#step_value1'), "姓名不能为空"); |
|||
let step_value2 = $('#step_value2').val(); |
|||
let step_validate2 = $('#step_validate2'); |
|||
let validate_result2 = checkMobile(step_validate2, step_value2, $('#step_value2')); |
|||
let step_value3 = $('#step_value3').val(); |
|||
let step_validate3 = $('#step_validate3'); |
|||
let validate_result3 = check(step_validate3, step_value3, $('#step_value3'), "公司名称不能为空"); |
|||
let step_value4 = $('#step_value4').val(); |
|||
let step_validate4 = $('#step_validate4'); |
|||
let validate_result4 = check(step_validate4, step_value4, $('#step_value4'), "留言不能为空"); |
|||
if (validate_result1 && validate_result2 && validate_result3 && validate_result4) { |
|||
var data = JSON.stringify({ |
|||
username: step_value1, |
|||
phone: step_value2, |
|||
company: step_value3, |
|||
leaveWords: step_value4 |
|||
}) |
|||
// 客户提交留言表单 |
|||
var ajaxLeavingDemo = new AJAX_OBJ(AgencyAddress + "user/contact/save/data", |
|||
onUrlLeavingSuccess, onUrlError); |
|||
ajaxLeavingDemo.postRequestData(data); |
|||
} |
|||
}) |
|||
}) |
|||
|
|||
function getStorageTimeObj() { |
|||
if (sessionStorage.getItem('timeObj') == null) { |
|||
//获取当天23:59:59点的时间戳 |
|||
let timeObj = new Date(new Date().toLocaleDateString()).getTime() + 24 * 60 * 60 * 1000 - 1; |
|||
sessionStorage.setItem("timeObj", timeObj); //存储到本地缓存中 |
|||
} |
|||
} |
|||
|
|||
//成功 |
|||
function onUrlSuccess(xmlHttp) { |
|||
var returnData = eval('(' + xmlHttp.responseText + ')'); |
|||
if (returnData.resultCode == "00000000") { |
|||
/*首 页 logo(可能是文字也可能是图片)*/ |
|||
if (returnData.data.logoImages.length > 0) { |
|||
// $('.titles-name').text(returnData.data.logoImages[0].logoName); |
|||
$('.titles-name').html('<img src="' + returnData.data.logoImages[0].logoImgName + '" alt=""><span>' + |
|||
returnData.data.logoImages[0].logoName + '</span>'); |
|||
} |
|||
|
|||
/* 导航栏菜单 */ |
|||
let nav = ""; |
|||
returnData.data.columnList.myForEach(function (item, index, arr) { |
|||
nav += '<div><a onclick="det_url()" href="' + item.columnLink + '?time=' + new Date().getTime() + |
|||
'">' + item |
|||
.columnName + '</a></div>'; |
|||
}) |
|||
$('.itembox').html(nav); |
|||
|
|||
// 底部 |
|||
if (returnData.data.bottomList.length > 0) { |
|||
$(".footerbox").html(returnData.data.bottomList[0].partFourName) |
|||
$(".top1").html(returnData.data.bottomList[0].partOneName) |
|||
$(".top2").html(returnData.data.bottomList[0].partTwoName) |
|||
$(".top3").html(returnData.data.bottomList[0].partThreeBase64) |
|||
} |
|||
let aaa = $(location).prop('href').split("?")[0].split("/") |
|||
aaa = aaa[aaa.length - 1] |
|||
if (aaa === "Home.html") { |
|||
$(".punct_box").css({ |
|||
"width": (returnData.data.rotations.length * 80 + (returnData.data.rotations.length - 1) * 20) + |
|||
"px" |
|||
}) |
|||
if (returnData.data.rotations.length > 1) { |
|||
/* 轮 播 图 */ |
|||
let banners = ''; |
|||
let punct = '' |
|||
returnData.data.rotations.myForEach(function (item, index, arr) { |
|||
if (item.url) { |
|||
banners += '<li class="item"><a href="' + item.url + |
|||
'"><img src="' + item.rotationUrl + |
|||
'" alt=""></a></li>'; |
|||
} else { |
|||
banners += '<li class="item"><span><img src="' + item.rotationUrl + |
|||
'" alt=""></span></li>'; |
|||
} |
|||
if (index === returnData.data.rotations.length - 1) { |
|||
punct += '<div class="punct_item"></div>' |
|||
} else { |
|||
punct += '<div class="punct_item" style="margin-right: 20px;"></div>' |
|||
} |
|||
}) |
|||
// returnData.data.rotations.forEach((item, index) => { |
|||
// banners += '<li class="item"><a href="' + item.url + '"><img src="' + item.rotationUrl + |
|||
// '" alt=""></a></li>'; |
|||
// if (index === returnData.data.rotations.length - 1) { |
|||
// punct += '<div class="punct_item"></div>' |
|||
// } else { |
|||
// punct += '<div class="punct_item" style="margin-right: 20px;"></div>' |
|||
// } |
|||
// }) |
|||
banners += '<li class="item"><a href="' + returnData.data.rotations[0].url + '"><img src="' + returnData |
|||
.data.rotations[0].rotationUrl + '" alt=""></a></li>'; |
|||
let width = (returnData.data.rotations.length + 1) * 100 + '%' |
|||
$(".banner-list").css({ |
|||
"width": width |
|||
}); |
|||
$('.banner-list').html(banners); |
|||
$('.punct_box').html(punct); |
|||
// 自动轮播 |
|||
let lengths = returnData.data.rotations.length |
|||
let timer = null; //定时器返回值，主要用于关闭定时器 |
|||
|
|||
$(".punct_item").removeClass("punct_item3") |
|||
$(".punct_item")[0].className = "punct_item punct_item3" |
|||
|
|||
function timer1(data) { |
|||
let iNow = data; |
|||
timer = setInterval(function () { //打开定时器 |
|||
iNow += 1; |
|||
if (iNow === $(".punct_item").length) { |
|||
$(".punct_item").removeClass("punct_item3") |
|||
$(".punct_item")[0].className = "punct_item punct_item3" |
|||
} else { |
|||
$(".punct_item").removeClass("punct_item3") |
|||
$(".punct_item")[iNow].className = "punct_item punct_item3" |
|||
} |
|||
$(".banner-list").animate({ |
|||
left: -(100 * iNow) + "%" |
|||
}, 2000, "swing", function () { |
|||
if (iNow > lengths - 1) { |
|||
iNow = 0; |
|||
$(".banner-list").css({ |
|||
"left": "0" |
|||
}); |
|||
} |
|||
}) |
|||
}, 5000); |
|||
}; |
|||
timer1(0) |
|||
$(".punct_item").bind("click", function (data) { |
|||
$(".punct_item").removeClass("punct_item3") |
|||
data.target.className = "punct_item punct_item3" |
|||
clearInterval(timer); |
|||
for (let i = 0; i < $(".punct_item").length; i++) { |
|||
if (data.target.className === $(".punct_item")[i].className) { |
|||
if (i) { |
|||
$(".banner-list").animate({ |
|||
left: -(100 * i) + "%" |
|||
}, 2000) |
|||
timer1(i) |
|||
} else { |
|||
$(".banner-list").animate({ |
|||
left: -(100 * $(".punct_item").length) + "%" |
|||
}, 2000, "swing", function () { |
|||
$(".banner-list").css({ |
|||
"left": "0" |
|||
}); |
|||
}) |
|||
timer1(0) |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
// $(".punct_item").click((data) => { |
|||
// $(".punct_item").removeClass("punct_item3") |
|||
// data.target.className = "punct_item punct_item3" |
|||
// clearInterval(timer); |
|||
// for (let i = 0; i < $(".punct_item").length; i++) { |
|||
// if (data.target.className === $(".punct_item")[i].className) { |
|||
// if (i) { |
|||
// $(".banner-list").animate({ |
|||
// left: -(100 * i) + "%" |
|||
// }, 2000) |
|||
// timer1(i) |
|||
// } else { |
|||
// $(".banner-list").animate({ |
|||
// left: -(100 * $(".punct_item").length) + "%" |
|||
// }, 2000, "swing", function() { |
|||
// $(".banner-list").css({ |
|||
// "left": "0" |
|||
// }); |
|||
// }) |
|||
// timer1(0) |
|||
// } |
|||
// } |
|||
// } |
|||
// }) |
|||
} else { |
|||
$('.banner-list').html('<li class="item"><a href="' + returnData.data.rotations[0].url + |
|||
'"><img src="' + returnData.data.rotations[0].rotationUrl + '" alt=""></a></li>'); |
|||
$('.punct_box').html('<div class="punct_item punct_item3"></div>'); |
|||
} |
|||
} |
|||
} |
|||
|
|||
} |
|||
// 失败 |
|||
function onUrlError(xmlHttp) { |
|||
if (xmlHttp == 401) { |
|||
Dreamer.error("登录超时，请重新登录"); |
|||
cookieHandler.del("isliCode") |
|||
cookieHandler.del("normal_login_token") |
|||
cookieHandler.del("accountId") |
|||
cookieHandler.del("cellPhone") |
|||
cookieHandler.del("userType") |
|||
setTimeout(function () { |
|||
window.location.href = 'login.html?time=' + new Date().getTime(); |
|||
}, 1000); |
|||
} else { |
|||
Dreamer.error("服务异常"); |
|||
} |
|||
} |
|||
// 用户登录成功后获取用户未读消息条数 |
|||
function onUrlInfoSuccess(xmlHttp) { |
|||
var returnData = eval('(' + xmlHttp.responseText + ')'); |
|||
if (returnData.resultCode == "00000000") { |
|||
if (returnData.data == 0) { |
|||
$("#news > a").text("消息"); |
|||
} else { |
|||
$("#news > a").text("消息（" + returnData.data + "）"); |
|||
} |
|||
} |
|||
} |
|||
|
|||
function det_url() { |
|||
localStorage.removeItem("listNewNum"); |
|||
localStorage.removeItem("listNum"); |
|||
} |
|||
|
|||
// 留言板 |
|||
function onUrlLeavingSuccess(xmlHttp) { |
|||
var returnData = eval('(' + xmlHttp.responseText + ')'); |
|||
if (returnData.resultCode === "00000000") { |
|||
if (returnData.data == true) { |
|||
Dreamer.success("提交成功"); |
|||
$('#myModals').modal("hide"); |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
} |
|||
|
|||
} |
|||
|
|||
/** |
|||
* 解析token获取信息 |
|||
*/ |
|||
function verifyToken(token) { |
|||
//通过split()方法将token转为字符串数组 |
|||
var toeknArray = token.split("."); |
|||
//取 数组中的第二个字符进行解析 |
|||
var userInfo = JSON.parse(decodeURIComponent(escape(window.atob(toeknArray[1].replace(/-/g, "+").replace(/_/g, |
|||
"/"))))); |
|||
cookieHandler.set("isliCode", userInfo.isliCode); |
|||
|
|||
} |
|||
|
|||
function test(e) { |
|||
var value = e.target.value; |
|||
value = value.replace(/\D+/, ""); |
|||
if (value.length > 0) { |
|||
if (value.length > 1 && value[0] == 0) { |
|||
e.target.value = value.substring(1, value.length); |
|||
return; |
|||
} |
|||
e.target.value = value; |
|||
} else { |
|||
e.target.value = 0; |
|||
}; |
|||
} |
|||
|
|||
//添加检索信息数据 |
|||
function Addbrowsing(date) { |
|||
var ajaxinterfaceDemo = new AJAX_OBJ(AgencyAddress + "BrowseInfo/insertBrowseInfo", oninterfaceSuccess, onUrlError); |
|||
ajaxinterfaceDemo.postRequestData(JSON.stringify(date)); |
|||
} |
|||
|
|||
function oninterfaceSuccess(xmlHttp) { |
|||
var res = eval('(' + xmlHttp.responseText + ')'); |
|||
} |
|||
|
|||
// 时间过滤器---时间戳转时间格式 |
|||
function dateTime(data) { |
|||
if (!data) { |
|||
return ""; |
|||
} else { |
|||
let date = new Date(parseInt(data)); |
|||
let y = date.getFullYear(); |
|||
let MM = date.getMonth() + 1; |
|||
MM = MM < 10 ? "0" + MM : MM; |
|||
let d = date.getDate(); |
|||
d = d < 10 ? "0" + d : d; |
|||
let h = date.getHours(); |
|||
h = h < 10 ? "0" + h : h; |
|||
let m = date.getMinutes(); |
|||
m = m < 10 ? "0" + m : m; |
|||
let s = date.getSeconds(); |
|||
s = s < 10 ? "0" + s : s; |
|||
return y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s; |
|||
} |
|||
} |
|||
@ -0,0 +1,240 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>首页</title> |
|||
<!-- 引入初始化样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/reset.css" /> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" /> |
|||
<link rel="stylesheet" href="../css/Home.css"> |
|||
<link rel="stylesheet" href="../css/header.css"> |
|||
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css"> |
|||
<!-- 引入jquery --> |
|||
<script src="../js/jquery-2.2.4.min.js"></script> |
|||
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/Dream-Msg.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/ajax.ipanel.js" type="text/javascript" charset="utf-8"></script> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap-table.min.css" /> |
|||
<script src="../js/bootstrap-table.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="header"> |
|||
<div class="login"> |
|||
<div id="login"><a href="./login.html">登录</a></div> |
|||
<div id="Logout"><a href="./Home.html">退出登录</a></div> |
|||
<div id="personalCenter"><a href="./Account.html">用户中心</a></div> |
|||
<div id="news"><a href="./MyMessage.html">消息</a></div> |
|||
</div> |
|||
<div class="navbarbox"> |
|||
<div class="titles-name" id="titles-name"></div> |
|||
<div class="navbar-tab"> |
|||
<div class="itembox" id="nav"></div> |
|||
<div class="cart"> |
|||
<img src="../images/cart.png" alt=""> |
|||
<div>购物车</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="right-bottom"> |
|||
<div class="r-b-top"> |
|||
<a href="#"><span class="a-back">返回顶部</span></a> |
|||
</div> |
|||
<div class="r-b-bottom" id="customer"> |
|||
<div> |
|||
<div>留言</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 留言表单 --> |
|||
<div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
|||
<div class="modal-dialog modal-lg" role="document"> |
|||
<div class="modal-content modal-contents"> |
|||
<div class="modal-headers"> |
|||
<div>在线留言</div> |
|||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
</div> |
|||
<div class="modal-body"> |
|||
<div class="modal-top">请把您的问题留下，客服人员会尽快与您取得联系。</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">姓名</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value1" placeholder="请填写您的姓名" /> |
|||
<p id="step_validate1" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">手机号码</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value2" placeholder="请填写您的联系电话" /> |
|||
<p id="step_validate2" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">公司名称</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value3" placeholder="请填写您的公司名称" /> |
|||
<p id="step_validate3" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">留言</div> |
|||
<div class="step_name"> |
|||
<textarea id="step_value4" placeholder="请填写您的需求，我们会尽快与您取得联系"></textarea> |
|||
<p id="step_validate4" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_button"> |
|||
<button type="button" id="submit">提交</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="banner"> |
|||
<div class="banner-wrapper"> |
|||
<ul class="banner-list"></ul> |
|||
<div class="punctuation"> |
|||
<div class="punct_box"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 订单轮播图 --> |
|||
<div class="order_slides"> |
|||
<div class="order_left grad"> |
|||
<span>最新交易</span> |
|||
</div> |
|||
</div> |
|||
<div class="order_right"> |
|||
<div class="swiper freetitle_box swiper-no-swiping"> |
|||
<div class="swiper-wrapper freetitlebox"> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- <div class="order_right grad"> |
|||
<div class="swiper freetitle_box"> |
|||
<div class="swiper-wrapper freetitlebox"></div> |
|||
</div> |
|||
</div> --> |
|||
<div class="publicData"> |
|||
<div class="subtitle">公 共 数 据 共 享</div> |
|||
<div class="public"> |
|||
<div class="publicbox"> |
|||
<div class="publictitle">文化资源数据</div> |
|||
<div class="publicmore" title="文化资源数据">查看更多>></div> |
|||
</div> |
|||
<div class="publicbox"> |
|||
<div class="publictitle">文化数字内容</div> |
|||
<div class="publicmore" title="文化数字内容">查看更多>></div> |
|||
</div> |
|||
</div> |
|||
<div class="p-itembox"> |
|||
<div class="p-itemlist" id="itemlist1"></div> |
|||
<div class="p-itemlist" id="itemlist2"></div> |
|||
</div> |
|||
</div> |
|||
<div class="supermarket"> |
|||
<div class="subtitle sup-title">数 据 超 市</div> |
|||
<div class="sup-box"> |
|||
<div class="sup-recommend"> |
|||
<div class="sup_flex"> |
|||
<div class="sup-name">热门标的推荐</div> |
|||
<div class="sup-name examine_market">查看更多>></div> |
|||
</div> |
|||
<div class="sup-itemlist" id="supitem"></div> |
|||
</div> |
|||
<div class="sup-ranking"> |
|||
<div class="ranking-header"> |
|||
<div class="sup-name1">排行榜</div> |
|||
<div class="sup-tab"> |
|||
<div id="salesVolume">销售量</div> |
|||
<div id="hits">点击量</div> |
|||
</div> |
|||
</div> |
|||
<div class="ranking-list-box"> |
|||
<div class="ranking-list"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="Jump"> |
|||
<span>文化资源数据</span> |
|||
<span>文化数字内容</span> |
|||
</div> |
|||
</div> |
|||
<div class="information"> |
|||
<div class="subtitle inf-title">资 讯 中 心 <span class="mesMore">查看更多</span> |
|||
</div> |
|||
<div class="inf-tab-box"></div> |
|||
<div class="inf-content"> |
|||
<div class="inf-content-left"> |
|||
<img src="../images/u1.jpg" alt=""> |
|||
</div> |
|||
<div class="inf-content-right"></div> |
|||
</div> |
|||
</div> |
|||
<div class="publicity"> |
|||
<div class="subtitle">公 示 信 息</div> |
|||
<div class="pub-box"> |
|||
<div class="pub-btn"> |
|||
<div class="pub-btn-left"> |
|||
<div class="pub-btn-left-item btns">全部</div> |
|||
<div class="pub-btn-left-item">文化资源数据</div> |
|||
<div class="pub-btn-left-item">文化数字内容</div> |
|||
</div> |
|||
<div class="pub-btn-right">查看更多</div> |
|||
</div> |
|||
<!-- <div class="pub-table"> |
|||
<div class="table-box"></div> |
|||
</div> --> |
|||
<div id="pub-table"> |
|||
<table id="table-javascript" class="text-nowrap"></table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="provider"> |
|||
<div class="subtitle pro-title">文 化 数 据 经 纪 商</div> |
|||
<!-- <div class="pro-tab-box"> |
|||
<div class="pro-tab tabs">全部</div> |
|||
<div class="pro-tab">评价机构</div> |
|||
<div class="pro-tab">评估机构</div> |
|||
<div class="pro-tab">资产管理机构</div> |
|||
<div class="pro-tab">资产推荐机构</div> |
|||
</div> --> |
|||
<div class="pro-content"></div> |
|||
</div> |
|||
<div class="transaction"> |
|||
<div class="subtitle tran-title">交 易 主 体</div> |
|||
<div class="tran-content"></div> |
|||
<div class="lanList"></div> |
|||
<div style="height: 50px;"> |
|||
<div class="ipbut">加 载 更 多 </div> |
|||
</div> |
|||
</div> |
|||
<div class="footer"> |
|||
<div class="top"> |
|||
<div class="top1"></div> |
|||
<div class="top2"></div> |
|||
<div class="top3"></div> |
|||
</div> |
|||
<div class="bottom"> |
|||
<div class="footerbox"></div> |
|||
</div> |
|||
</div> |
|||
<script src="../js/public.js"></script> |
|||
<!-- 引入首页js --> |
|||
<script src="../js/Home.js"></script> |
|||
<script src="../js/browse_check.js"></script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -0,0 +1,332 @@ |
|||
let accountId = cookieHandler.get("accountId"); |
|||
let messsage = []; |
|||
window.onload = function() { |
|||
Array.prototype.myForEach = function myForEach(callback, context) { |
|||
context = context || window; |
|||
if (Array.prototype.forEach) { |
|||
// 调用forEach方法，不做任何处理 |
|||
this.forEach(callback, context); |
|||
return; |
|||
} |
|||
} |
|||
if (cookieHandler.get("userType") === "0" || cookieHandler.get("isliCode") == "undefined" || cookieHandler.get( |
|||
"isliCode") == undefined || cookieHandler.get("isliCode") == "") { |
|||
$(".tabs_item").hide() |
|||
} |
|||
// 页面权限 |
|||
if (!cookieHandler.get("normal_login_token")) { |
|||
Dreamer.error("请先登录"); |
|||
setTimeout(function() { |
|||
window.location.href = 'login.html?time=' + new Date().getTime(); |
|||
}, 1000) |
|||
} |
|||
// 获取表格数据 |
|||
$("#mytable").bootstrapTable({ |
|||
// url: PortalMessage + 'noti/v1/notification/message?accountId=' + accountId + '&pageRows=100000', |
|||
// url: PortalMessage + 'v1/notification/message?accountId=' + accountId + '&pageRows=100000', |
|||
url: api + 'noti/v1/notification/message?accountId=' + accountId + '&pageRows=100000', |
|||
contentType: "application/x-www-form-urlencoded", |
|||
contentType: "application/x-www-form-urlencoded", |
|||
ajaxOptions: { |
|||
headers: { |
|||
"normal_login_token": cookieHandler.get("normal_login_token") |
|||
} |
|||
}, |
|||
method: 'GET', |
|||
pageNumber: 1, |
|||
pagination: true, |
|||
sidePagination: 'client', |
|||
pageSize: 20, //每页的记录行数（*） |
|||
pageList: [10, 20, 50, 100], //可供选择的每页的行数（*） |
|||
queryParamsType: "limit", |
|||
ajaxOptions: { |
|||
headers: { |
|||
"normal_login_token": cookieHandler.get("normal_login_token") |
|||
} |
|||
}, |
|||
queryParams: function(params) { |
|||
//获取已读未读状态 |
|||
var text = document.getElementsByClassName("current")[0].innerText; |
|||
var temp = null; |
|||
if (text == "全部") { |
|||
temp = { |
|||
pageIndex: 1, //页面大小 |
|||
pageRows: params.limit |
|||
} |
|||
} else { |
|||
temp = { |
|||
pageIndex: 1, //页面大小 |
|||
pageRows: params.limit, |
|||
state: text //0:未读 1:已读 |
|||
} |
|||
} |
|||
return temp; |
|||
}, |
|||
responseHandler: function(res) { |
|||
if (res.resultCode != "00000000") { |
|||
cookieHandler.del("isliCode") |
|||
cookieHandler.del("normal_login_token") |
|||
cookieHandler.del("accountId") |
|||
cookieHandler.del("cellPhone") |
|||
cookieHandler.del("userType") |
|||
Dreamer.error("请先登录"); |
|||
setTimeout(function() { |
|||
window.location.href = 'login.html?time=' + new Date().getTime(); |
|||
}, 1500) |
|||
} else { |
|||
return res.data.pageDataList |
|||
} |
|||
}, |
|||
// 请求失败 |
|||
onLoadError: function(err) { |
|||
console.log(err == 401, 'err') |
|||
if (err == 401) { |
|||
cookieHandler.del("isliCode") |
|||
cookieHandler.del("normal_login_token") |
|||
cookieHandler.del("accountId") |
|||
cookieHandler.del("cellPhone") |
|||
cookieHandler.del("userType") |
|||
Dreamer.error("请先登录"); |
|||
setTimeout(function() { |
|||
window.location.href = 'login.html?time=' + new Date().getTime(); |
|||
}, 1500) |
|||
} |
|||
}, |
|||
columns: [{ |
|||
field: '', |
|||
checkbox: true, |
|||
align: 'center', |
|||
valign: 'middle', |
|||
// formatter: formatCheck |
|||
}, { |
|||
title: '序号', |
|||
field: '', |
|||
align: 'center', |
|||
formatter: function(value, row, index) { |
|||
return index + 1; |
|||
} |
|||
}, |
|||
{ |
|||
title: '消息标题', |
|||
field: 'subject', |
|||
sortable: true, //是否显示排序 |
|||
align: 'center', //水平居中 |
|||
valign: 'middle' //垂直居中 |
|||
}, { |
|||
title: '状态', |
|||
field: 'state', |
|||
align: 'center', |
|||
valign: 'middle' |
|||
}, |
|||
{ |
|||
title: '发送时间', |
|||
field: 'sendAt', |
|||
align: 'center', |
|||
valign: 'middle', |
|||
formatter: formatTime |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
field: '', |
|||
align: 'center', |
|||
valign: 'middle', |
|||
formatter: formatLook |
|||
} |
|||
], |
|||
//点击全选框时触发的操作 |
|||
onCheckAll: function(row) { |
|||
messsage = []; |
|||
messsage = row; |
|||
if (messsage.length != 0) { |
|||
$(".delBtn").attr("disabled", false); |
|||
$(".MarkRead").attr("disabled", false); |
|||
} |
|||
}, |
|||
//点击取消全选 |
|||
onUncheckAll: function(row, tr, flied) { |
|||
messsage = []; |
|||
if (messsage.length == 0) { |
|||
$(".delBtn").attr("disabled", true); |
|||
$(".MarkRead").attr("disabled", true); |
|||
} |
|||
}, |
|||
// 点击每一个单选框时触发的操作 |
|||
onCheck: function(row) { |
|||
messsage.push(row); |
|||
if (messsage.length != 0) { |
|||
$(".delBtn").attr("disabled", false); |
|||
$(".MarkRead").attr("disabled", false); |
|||
} |
|||
}, |
|||
//取消每一个单选框时对应的操作； |
|||
onUncheck: function(row) { |
|||
messsage.myForEach(function(v, index, arr) { |
|||
if (v.messageId == row.messageId) { |
|||
messsage.splice(index, 1); |
|||
} |
|||
}); |
|||
if (messsage.length == 0) { |
|||
$(".delBtn").attr("disabled", true); |
|||
$(".MarkRead").attr("disabled", true); |
|||
} |
|||
}, |
|||
}) |
|||
$(".delBtn").attr("disabled", true); |
|||
$(".MarkRead").attr("disabled", true); |
|||
} |
|||
|
|||
// 复选框 |
|||
function formatCheck(value, row, index) { |
|||
//已读状态下不能选择删除 |
|||
if (row.messageStatus != '' && row.messageStatus != '0') { |
|||
return { |
|||
disabled: true |
|||
} |
|||
} |
|||
} |
|||
|
|||
// //value代表该列的值，row代表当前对象 |
|||
// function formatSex(value, row, index) { |
|||
// return value == 0 ? "未读" : "已读"; |
|||
// } |
|||
|
|||
// 时间操作 |
|||
function formatTime(value, row, index) { |
|||
return formatDate(value) |
|||
} |
|||
|
|||
//添加查看按钮 |
|||
function formatLook(value, row, index) { |
|||
var htm = "<button onclick=\"handelLook('" + row.messageId + "','" + row.sendAt + "','" + row.state + "','" + row |
|||
.subject + "','" + row.type + "','" + index + "')\">查看</button>"; |
|||
return htm; |
|||
} |
|||
var detail = []; |
|||
|
|||
// 点击查看按钮操作 |
|||
function handelLook(messageId, sendAt, state, subject, type, index) { |
|||
let getList = new AJAX_OBJ(api + "noti/v1/notification/loadContent?messageId=" + messageId, newgetSuccess, |
|||
onUrlError); |
|||
getList.getRequestData(); |
|||
|
|||
function newgetSuccess(xmlHttp) { |
|||
let res = eval("(" + xmlHttp.responseText + ")"); |
|||
if (res.resultCode === "00000000") { |
|||
$('#tableBox').css('display', 'none'); |
|||
$('#table_details').css('display', 'block'); |
|||
$('#box').css('display', 'none'); |
|||
$('#details_title').html(res.data.subject); |
|||
if (res.data.content == undefined || res.data.content == '') { |
|||
$('#details_box').html('暂无详情信息'); |
|||
} else { |
|||
$('#details_box').html(res.data.content); |
|||
} |
|||
$('#detailsTime').html("发送时间：" + res.data.sendAt); |
|||
detail.push(messageId); |
|||
detail.push(sendAt); |
|||
detail.push(state); |
|||
detail.push(subject); |
|||
detail.push(type); |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
} |
|||
} |
|||
|
|||
// 删除 |
|||
function handelDelete() { |
|||
let rows = $("#mytable").bootstrapTable('getSelections'); |
|||
let postList = new AJAX_OBJ(api + "noti/v1/notification/deleteMessage", deleteMessage, onUrlError); |
|||
postList.postRequestData(setJson(rows)); |
|||
|
|||
function deleteMessage(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
$("#mytable").bootstrapTable('refresh'); |
|||
location.reload(); |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
}; |
|||
} |
|||
|
|||
function setJson(rows) { |
|||
var datas = ""; |
|||
for (var i = 0; i < rows.length; i++) { |
|||
if (i == rows.length - 1) { |
|||
datas += '{"messageId":' + rows[i].messageId + ',"sendAt":"' + rows[i].sendAt + '","state":"' + rows[i] |
|||
.state + '","subject":"' + rows[i].subject + '","type":"' + rows[i].type + '"}'; |
|||
} else { |
|||
datas += '{"messageId":' + rows[i].messageId + ',"sendAt":"' + rows[i].sendAt + '","state":"' + rows[i] |
|||
.state + '","subject":"' + rows[i].subject + '","type":"' + rows[i].type + '"},'; |
|||
} |
|||
} |
|||
return results = '{' + '"notis":[' + datas + "]" + '}'; |
|||
} |
|||
|
|||
function detailJson(messageId, sendAt, state, subject, type) { |
|||
var datas = '{"messageId":' + messageId + ',"sendAt":"' + sendAt + '","state":"' + state + '","subject":"' + |
|||
subject + '","type":"' + type + '"}'; |
|||
return results = '{' + '"notis":[' + datas + "]" + '}'; |
|||
|
|||
} |
|||
// 标记已读 |
|||
function handelRead() { |
|||
var rows = $("#mytable").bootstrapTable('getSelections'); |
|||
let postList = new AJAX_OBJ(api + "noti/v1/notification/markRead", markRead, onUrlError); |
|||
postList.postRequestData(setJson(rows)); |
|||
|
|||
function markRead(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
$("#mytable").bootstrapTable('refresh'); |
|||
location.reload(); |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
}; |
|||
} |
|||
|
|||
/* |
|||
详情页js处理 |
|||
*/ |
|||
|
|||
// 详情页数据删除 |
|||
function handelDeleteDetails() { |
|||
// let postList = new AJAX_OBJ(PortalMessage + "v1/notification/deleteMessage", deleteMessage, onUrlError); |
|||
let postList = new AJAX_OBJ(api + "noti/v1/notification/deleteMessage", deleteMessage, onUrlError); |
|||
postList.postRequestData(detailJson(detail[0], detail[1], detail[2], detail[3], detail[4])); |
|||
|
|||
function deleteMessage(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
$('#alert_success').css('display', 'block'); |
|||
setTimeout(function() { |
|||
$('#alert_success').css('display', 'none'); |
|||
window.location = 'MyMessage.html'; |
|||
}, 1000) |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
}; |
|||
} |
|||
|
|||
/* |
|||
日期时间处理 |
|||
*/ |
|||
function formatDate(now) { |
|||
if (typeof now == "string") { |
|||
now = new Date(now.replace(/-/g, "/")); |
|||
} |
|||
const t = new Date(now) |
|||
var year = t.getFullYear(); |
|||
var month = t.getMonth() + 1; |
|||
var date = t.getDate(); |
|||
return year + "/" + month + "/" + date; |
|||
} |
|||
|
|||
|
|||
// 页面跳转添加时间戳 |
|||
function handelBuyOrder(url) { |
|||
window.location.href = url + '?time=' + new Date().getTime(); |
|||
} |
|||
|
After Width: | Height: | Size: 643 KiB |
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
@ -0,0 +1,206 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="zh"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>我的消息</title> |
|||
<!-- 引入初始化样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/reset.css" /> |
|||
<!-- 引入默认样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/default.css" /> |
|||
<!-- 引入公共样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/myComm.css" /> |
|||
<!-- 引入bootstrap样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" /> |
|||
<!-- 引入我的结算页面样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/MyMessage.css" /> |
|||
<link rel="stylesheet" href="../css/header.css"> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap-table.min.css" /> |
|||
<script src="../js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap-table.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<!-- 消息提示插件 --> |
|||
<script src="../js/Dream-Msg.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/ajax.ipanel.js" type="text/javascript" charset="utf-8"></script> |
|||
<style type="text/css"> |
|||
html, |
|||
body { |
|||
width: 100%; |
|||
height: 100%; |
|||
background: #F2F8FC; |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 头部导航样式 --> |
|||
<div class="header"> |
|||
<div class="login"> |
|||
<div id="login"><a href="./login.html">登录</a></div> |
|||
<div id="Logout"><a href="./Home.html">退出登录</a></div> |
|||
<div id="personalCenter"><a href="./Account.html">用户中心</a></div> |
|||
<div id="news"><a href="./MyMessage.html">消息</a></div> |
|||
</div> |
|||
<div class="navbarbox"> |
|||
<div class="titles-name"></div> |
|||
<div class="navbar-tab"> |
|||
<div class="itembox"></div> |
|||
<div class="cart"> |
|||
<img src="../images/cart.png" alt=""> |
|||
<div>购物车</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div style="height: 100px;"></div> |
|||
<!-- 面包屑 --> |
|||
<div class="rumbs"> |
|||
<div class="rumbs_box clear"> |
|||
<div class="rumbs_title">当前位置：个人中心 - </div> |
|||
<div class="rumbs_name">我的消息</div> |
|||
</div> |
|||
</div> |
|||
<!-- 右侧返回顶部 --> |
|||
<div class="right-bottom"> |
|||
<div class="r-b-top"> |
|||
<a href="#">返回顶部</a> |
|||
</div> |
|||
<div class="r-b-bottom" id="customer"> |
|||
<div> |
|||
<div>留言</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 留言表单 --> |
|||
<div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
|||
<div class="modal-dialog modal-lg" role="document"> |
|||
<div class="modal-content modal-contents"> |
|||
<div class="modal-headers"> |
|||
<div>在线留言</div> |
|||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
</div> |
|||
<div class="modal-body"> |
|||
<div class="modal-top">请把您的问题留下，客服人员会尽快与您取得联系。</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">姓名</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value1" placeholder="请填写您的姓名" /> |
|||
<p id="step_validate1" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">手机号码</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value2" placeholder="请填写您的联系电话" /> |
|||
<p id="step_validate2" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">公司名称</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value3" placeholder="请填写您的公司名称" /> |
|||
<p id="step_validate3" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">留言</div> |
|||
<div class="step_name"> |
|||
<textarea id="step_value4" placeholder="请填写您的需求，我们会尽快与您取得联系"></textarea> |
|||
<p id="step_validate4" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_button"> |
|||
<button type="button" id="submit">提交</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 内容 --> |
|||
<div class="wraper clear mt30"> |
|||
<div class="MyMessage_left"> |
|||
<ul> |
|||
<li style="border-top: 2px solid #4B93E6;"> |
|||
<a href="javaScript:;" style="font-size: 16px;">个人中心</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('Account.html')" style="cursor: pointer;">账户管理</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('MyCetification.html')" style="cursor: pointer;">我的认证</a> |
|||
</li> |
|||
<li class="tabs_item"> |
|||
<a onclick="handelBuyOrder('BuyOrder.html')" style="cursor: pointer;">买入订单</a> |
|||
</li> |
|||
<li class="tabs_item"> |
|||
<a onclick="handelBuyOrder('ByOrder.html')" style="cursor: pointer;">卖出订单</a> |
|||
</li> |
|||
<li class="tabs_item"> |
|||
<a onclick="handelBuyOrder('BillManage.html')" style="cursor: pointer;">发票管理</a> |
|||
</li> |
|||
<li class="tabs_item"> |
|||
<a onclick="handelBuyOrder('MyClosing.html')" style="cursor: pointer;">我的结算</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('MyMessage.html')" class="active" style="cursor: pointer;">我的消息</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('CerationPayment.html')" style="cursor: pointer;">认证缴费订单</a> |
|||
</li> |
|||
<!-- <li> |
|||
<a onclick="handelBuyOrder('Mydeal.html')" style="cursor: pointer;">我的协议</a> |
|||
</li> --> |
|||
</ul> |
|||
</div> |
|||
<div class="MyMessage_right ml20"> |
|||
<div class="right_title">消息列表</div> |
|||
<div id="box" class="box"> |
|||
<div id="tags"> |
|||
<div>消息状态：</div> |
|||
<div class="current">全部</div> |
|||
<div>已读</div> |
|||
<div>未读</div> |
|||
</div> |
|||
<div id="content"> |
|||
<div></div> |
|||
<div class="current"> |
|||
</div> |
|||
<div></div> |
|||
<div></div> |
|||
</div> |
|||
</div> |
|||
<!-- 表格数据部分 --> |
|||
<div id="tableBox"> |
|||
<table id="mytable" class="table"></table> |
|||
<div class="right_btn" style="margin-top: 25px;"> |
|||
<button type="button" class="delBtn btn btn-info" onclick="handelDelete()" style="outline: none;border: none;">删除</button> |
|||
<button type="button" class="MarkRead btn btn-info" style="margin-left: 10px;outline: none;border: none;" onclick="handelRead()">标记已读</button> |
|||
</div> |
|||
</div> |
|||
<div id="table_details" class="table_details"> |
|||
<div class="details_title" id="details_title"></div> |
|||
<div class="details_content"> |
|||
<div class="details_box test" id="details_box"></div> |
|||
<div class="detailsTime" id="detailsTime"></div> |
|||
</div> |
|||
<button type="button" class="btn btn-info" onclick="handelDeleteDetails()" style="outline: none;border: none;margin-top: 20px;">删除</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="alert alert-success" id="alert_success"> |
|||
删除成功！ |
|||
</div> |
|||
<script src="../js/public.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/MyMessage.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/tags.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/browse_check.js"></script> |
|||
</body> |
|||
|
|||
|
|||
</html> |
|||
@ -0,0 +1,170 @@ |
|||
<!DOCTYPE html> |
|||
<html> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>交易主体进场协议</title> |
|||
<link rel="stylesheet" href="../css/agreement.css"> |
|||
</head> |
|||
<body> |
|||
<div class="trade_agreement"> |
|||
<h1 class="trade_h">交易主体进场协议</h1> |
|||
<p class="trade_bold">一、交易主体</p> |
|||
<p class="trade_p"> |
|||
1.1 全国文化大数据交易中心（以下简称：平台）交易主体的角色包括：授权方/卖方、被授权方/买方以及中介服务机构。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
授权方/卖方是在交易系统内开设“数据超市”、从事文化资源数据或文化数字内容的授权、转让的机构或个人，平台是为您提供全国文化大数据自主报价与点选成交为主、评估价与撮合成交为辅的交易方式及相关技术服务的信息中介平台。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
被授权方/买方是是需要文化资源数据进行生产或需要文化数字内容进行消费的机构或个人，平台是为您提供全国文化大数据自主报价与点选成交为主、评估价与撮合成交为辅的交易方式及相关技术服务的信息中介平台。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
中介服务机构，是指依法设立的、经全国中心认证的、为授权方/卖方和被授权方/买方提供服务的合法持牌机构。中介服务机构分为经纪商（含专业中心）和服务商两类。经纪商是指经平台认证，为交易主体提供包括但不限于文化数据标识与解析、文化数据管理的顾问与咨询、文化数据管理与运营、代理交易等服务的机构。 |
|||
</p> |
|||
<p class="trade_p_nobold"> |
|||
服务商是指经平台认证，为交易主体提供法律、评估、财税、技术等服务的专业持牌机构。服务商按行业和区域认证并划分层级。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
（以上“授权方/卖方”、“被授权方/买方”、“中介服务机构”、“经纪商”、“服务商”，以下合称“您”） |
|||
</p> |
|||
<p class="trade_p"> |
|||
1.2 依据国家相关法律法规及平台规则，在平等、自愿的基础上，您自愿申请成为平台的文化大数据交易主体，自愿遵守《国家文化大数据交易规则（试行）》及其他相关配套业务规定，并自愿接受平台对交易主体的审核和管理。您认同国家建设全国文化大数据统一市场的前提和原则，遵从使用统一交易规则、统一技术要求、统一关联标准、统一跨域治理及统一资金管理“五统一”要求；遵从线上签约、线上缴费的管理规定。您已充分了解，并知悉参与业务的各项风险，自愿承担包括但不限于技术风险、不可抗力、业务规则变更等风险。 |
|||
</p> |
|||
<p class="trade_bold">二、进场申请材料</p> |
|||
<p class="trade_p">2.1 授权方/卖方、被授权方/买方应向平台提供如下材料：</p> |
|||
<p class="trade_p2">（1）平台技术系统填报的基础信息；</p> |
|||
<p class="trade_p2">（2）营业执照、组织机构代码证、身份证等主体证明材料的复印件/扫描件；</p> |
|||
<p class="trade_p2">（3）法定代表人身份证复印件（法人提供）；</p> |
|||
<p class="trade_p2">（4）被授权人、联系人的授权文件，以及被授权人、联系人身份证复印件（法人提供）；</p> |
|||
<p class="trade_p2">（5）您用于绑定结算账户开户银行信息；</p> |
|||
<p class="trade_p2">（6）您的门头招牌照片（个人不需要提供）；</p> |
|||
<p class="trade_p2">（7）平台认为需要提交的其他材料。</p> |
|||
<p class="trade_p">2.2 中介服务机构应向平台提供如下材料：</p> |
|||
<p class="trade_p2">（1）平台技术系统填报的基础信息；</p> |
|||
<p class="trade_p2">（2）营业执照、执业许可证等主体证明材料的复印件/扫描件；</p> |
|||
<p class="trade_p2">（3）法定代表人身份证复印件；</p> |
|||
<p class="trade_p2">（4）授权人、联系人的授权文件，以及被授权人、联系人身份证复印件；</p> |
|||
<p class="trade_p2">（5）您及您股东的中国人民银行征信报告（金融类机构适用）；</p> |
|||
<p class="trade_p2">（6）中介服务机构的相关资质材料；</p> |
|||
<p class="trade_p2">（7）涉及所属行业、区域管理规定的执业资质材料（专业中心适用）；</p> |
|||
<p class="trade_p2">（8）您用于绑定结算账户开户银行信息；</p> |
|||
<p class="trade_p2">（9）您的门头招牌照片；</p> |
|||
<p class="trade_p2">（10）平台认为需要提交的其他材料。</p> |
|||
<p class="trade_bold">三、进场审核</p> |
|||
<p class="trade_p">3.1 平台在您交齐资料之日起15个工作日内对您提交的资料进行审核，并确定是否通过交易主体进场审核。您通过审核的，由标识注册中心在通过进场审核的3个工作日内向您核发唯一、专属的身份标识码， |
|||
<span class="trade_p weight_bold decora_line">您凭标识码绑定身份信息及收款信息进行本协议约定的费用结算事项，</span> |
|||
您参与平台各项业务，凭码交易和服务，凭码结算。 |
|||
<span class="decora_line">但您为会计、律所、评估等需要行政机关审批设立的中介服务机构可自行与需求方另行签署服务/委托合同并按相关合同处理。</span> |
|||
</p> |
|||
<p class="trade_p weight_bold decora_line"> |
|||
3.2您应妥善保管自身在平台的账号密码以及标识码，您同意以账号密码在平台登录所进行的一切操作属于您的行为，您承担自身账号在平台操作的一切行为的权利义务。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
3.3您未通过交易主体进场审核的，按照平台要求修改或进行完善。经修改或完善仍未通过审核的，已收交易主体进场认证费予以退还。 |
|||
</p> |
|||
<p class="trade_p weight_bold decora_line"> |
|||
3.4平台对您进行年度检查或年审，通过再次进场审核后且缴纳交易主体次年进场认证费用，本协议自动延期一年。 |
|||
</p> |
|||
<p class="trade_bold">四、进场认证费</p> |
|||
<p class="trade_p"> |
|||
4.1 您在平台技术系统内根据自身需要进行交易主体进场申请并提交相关资料后选择进场相应角色，即为同意支付按照自身身份需要对应的交易主体进场认证费用。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
4.2 您选择授权方/卖方、被授权方/买方角色及中介服务机构中的服务商角色的，免收交易主体进场认证费（授权方/卖方、被授权方/买方角色系统设置为0.01元）；您选择中介服务机构中的经纪商（含专业中心）角色的，交易主体进场认证费按平台最新收费标准执行，进场程序按平台线下进场流程操作执行，双方需线下签署协议；进场认证费用金额及缴费方式最终以您在平台实际支付的费用或另行约定为准。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
4.3 您确认并同意收费及收益分配按照平台交易主体类别及收费标准执行。在本协议执行过程中，若平台收费标准调整，您同意并认可交易主体按平台调整后的收费标准执行，您不向平台提出费用返还的主张。 |
|||
</p> |
|||
<p class="trade_bold">五、承诺与保证</p> |
|||
<p class="trade_p"> |
|||
5.1 您同意并承诺勾选确认本协议后，视为您认可在平台进行的操作，一旦完成授权/转让委托、交易、结算和交割等行为，视为您认可完成交易流程，并无任何异议。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
5.2 授权方/卖方同意将持有的交易标的在平台交易，并同意平台作为交易标的唯一的交易平台，进行交易标的的转让或授权。您承诺对在平台转让/授权的交易标的具有完全、充分的所有权或处分权或授权，保证拟进场标的合法合规、权属清晰，提交拟进场交易标的列表及权属证明，不存在抵押、质押、冻结、查封、禁令等可被第三人主张或限制的权利瑕疵。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
5.3 被授权方/买方同意并承诺保证有足够的资金参与交易，且确保资金来源合法合规。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
5.4 中介服务机构承诺并保证在相关专业领域具有充足经验及资源，并依法具备相应资质，能够满足相关中介服务机构的需求。 |
|||
</p> |
|||
<p class="trade_p weight_bold"> |
|||
5.5 |
|||
<span class="decora_line">您承诺并保证</span>所有合作机构及其下属公司、关联公司的法定代表人、实际控制人及高管人员不得为平台约定不得从事的业务进行站台、背书，或进行业务关联。 |
|||
</p> |
|||
<p class="trade_p weight_bold decora_line"> |
|||
5.6 您承诺并保证不得有以下行为，否则平台有权单方解除协议并撤销您的业务参与者身份角色，已收取款项不予退回： |
|||
</p> |
|||
<p class="trade_p2">（1）提供虚假材料，虚假宣传，误导客户；</p> |
|||
<p class="trade_p2">（2）通过未经平台同意的第三方或使用未经平台同意的冠名称呼进行宣传，或者未经平台同意使用全国文化大数据交易中心名义宣传，或者在宣传工作中不恰当使用平台的标识、图案、文字等信息；</p> |
|||
<p class="trade_p2">（3）涉嫌从事包括但不限于非法集资、传销、非法吸收公众存款、洗钱、走私、贿赂、输送不当利益等违法情形；</p> |
|||
<p class="trade_p2">（4）从事NFT、数字藏品、代币发行融资、虚拟货币等业务或进场后从事NFT、数字藏品、代币发行融资、虚拟货币等可能对全国文化大数据交易中心产生负面影响的业务，包括但不限于为上述业务及相关业务活动提供经营场所、商业展示、营销宣传、付费导流、投资融资、间接服务等；</p> |
|||
<p class="trade_p2">（5）向客户承诺获利，承诺与客户共享收益、分担风险；</p> |
|||
<p class="trade_p2">（6）未经平台同意，以平台的名义签署协议，或私下收取费用；</p> |
|||
<p class="trade_p2">（7）以从平台转让/购买交易标的或者授权/被授权为名，未经平台同意利用平台名义开展经营活动；或者未经平台同意开展业务或超出平台授权范围开展业务；</p> |
|||
<p class="trade_p2">（8）以非自有或者非法资金参与交易；</p> |
|||
<p class="trade_p2">（9）未经平台同意，向第三方转让平台在本协议中您所享有和承担的权利义务；</p> |
|||
<p class="trade_p2">（10）其他恶意和违法违规行为。</p> |
|||
<p class="trade_bold">六、保密条款</p> |
|||
<p class="trade_p"> |
|||
6.1各方应当在对讨论、签订、履行本协议过程中所获悉的属于对方的无法从公开渠道获取的文件及资料（包括但不限于商业秘密、公司计划、运营活动、财务信息、技术信息、经营信息、数据信息、交易标的信息以及其他商业秘密等）予以保密。未经对方同意，另一方不得超出本协议约定的目的和范围使用上述信息，不得向任何第三方泄漏上述信息。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
6.2 除本协议规定之工作所需外，未经对方事先书面同意，任何一方不得擅自使用、复制对方的商标、标志、商业信息、技术及其他资料。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
6.3 本保密条款不因双方协议的终止而无效。在协议终止后，本保密条款对各方仍具有约束力。 |
|||
</p> |
|||
<p class="trade_bold">七、违约及处理</p> |
|||
<p class="trade_p weight_bold decora_line"> |
|||
7.1 您应遵守《国家文化大数据交易规则（试行）》及相关配套规定、平台发布的管理规定以及本协议、双方或者与第三方签署的其他协议，您不履行约定义务或者履行义务不符合约定即构成违约，平台有权采取暂停业务、暂停结算、冻结资金、单方解除协议，并不返还任何费用。您违约行为造成平台损失的，还应当赔偿平台的一切损失（包括但不限于直接损失、可得利益损失、平台给第三方支付的赔偿费、律师费等为维护权益而支出的合理费用）。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
7.2 除本协议另有约定外，由于一方不履行本协议规定的义务，或严重违反协议，造成无法达到协议目的，视作违约方单方终止协议，守约方有权要求违约方赔偿由此给守约方造成的所有损失。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
7.3 在本协议项下，如您在办理相关业务过程中与任何第三方产生纠纷的，由您自行承担相应的法律责任。如因您与第三方的纠纷而给平台造成损失的，您须承担全部赔偿责任。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
7.4 <span class="weight_bold decora_line">平台因政策调整、主管部门要求或平台业务规定更改而不与您进行续签或提前解约的，平台不构成违约。</span> |
|||
</p> |
|||
<p class="trade_bold">八、协议的变更</p> |
|||
<p class="trade_p weight_bold decora_line"> |
|||
根据国家法律法规变化及平台运营需要，平台有权对本协议条款、相关规则、运营主体等进行修订及变更，修订及变更后的内容一经以任何形式在平台公布即生效，并以新修订及变更后的内容为准，您应关注包括但不限于平台公告、通知、提示信息及协议、规则等相关内容的变动，平台不逐一、单独、分别书面通知各用户。您知悉并确认，如您不同意更新后的内容，应立即停止使用平台服务；如您继续使用，即视为知悉变动内容并默认同意接受。 |
|||
</p> |
|||
<p class="trade_bold">九、协议的终止</p> |
|||
<p class="trade_p">9.1 本协议因以下任何原因而终止，双方均不构成违约，已收取费用不予退还：</p> |
|||
<p class="trade_p">（1）本协议期限届满，双方均确认不续约；</p> |
|||
<p class="trade_p">（2）经双方协商同意终止本协议；</p> |
|||
<p class="trade_p">（3）对于不可抗力的因素，包括但不限于自然灾害、罢工或骚乱、暴动、战争行为、政府政策调整、有关政府部门行为等，致使平台延迟或未能履约的。</p> |
|||
<p class="trade_p">（4）您未通过平台年度检查或年审的。</p> |
|||
<p class="trade_p">9.2 本协议之终止并不影响本协议项下未完成之结算或任何一方之付款义务以及其它在终止之日前已产生的义务或权利。</p> |
|||
<p class="trade_bold">十、争议解决</p> |
|||
<p class="trade_p"> |
|||
11.1 本协议自您通过平台审核，进场认证程序完成之日起生效，有效期为1年。交易主体实行年度检查或年审制，协议一年一签。本年度内无违法违规、未违反《国家文化大数据交易规则（试行）》和相关管理办法、规定的的机构可续约次年的进场协议。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
11.2 <span class="trade_bold"> |
|||
本协议生效，即表示您主动接受本协议的各项约定，并愿意就违反本协议约定承担相应的法律责任。现有的协议约定也不能保证完全符合未来发展的需求。因此，平台发布的文化大数据业务规则及相关配套规定、管理制度及相关声明均为本协议的补充约定，与本协议不可分割且具有同等法律效力，经平台公布即生效。如您使用平台服务或参与文化大数据交易活动，视为您同意上述补充约定。本协议未尽事宜，根据文化大数据业务规则即相关配套规定执行。 |
|||
</span> |
|||
</p> |
|||
<p class="trade_p"> |
|||
11.3 您须知本协议中任何条款被废止、无效或因任何理由不可执行，不影响任何其它条款的有效性和可执行性。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
11.4 平台保留在法律框架下对本协议的解释权和修订权。 |
|||
</p> |
|||
<p class="trade_bold decora_line"> |
|||
特别提示：您在使用本平台和相关服务之前，请您务必审慎阅读并充分理解本协议各条款内容，特别是涉及免除或者限制责任的条款、对权利进行限制的条款、争议解决条款等。其中，免除或者限制责任条款将以加粗、加下划线等形式提示您注意，您应重点阅读。 |
|||
</p> |
|||
<p class="trade_bold decora_line"> |
|||
如您自主选择使用本平台及相关服务，即视为您已充分理解本协议，完全同意本协议各项内容，并同意作为本协议的一方当事人接受本协议及相关协议和规则的约束。 |
|||
</p> |
|||
<p class="trade_p">（以下无正文）</p> |
|||
<div style="height: 200px;"></div> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,161 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>集详情</title> |
|||
<!-- 引入初始化样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/reset.css" /> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" /> |
|||
<link rel="stylesheet" href="../css/collectionDetails.css"> |
|||
<link rel="stylesheet" href="../css/header.css"> |
|||
<!-- 引入jquery --> |
|||
<script src="../js/jquery-2.2.4.min.js"></script> |
|||
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/Dream-Msg.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/ajax.ipanel.js" type="text/javascript" charset="utf-8"></script> |
|||
<style type="text/css"> |
|||
html, |
|||
body { |
|||
background: #F2F8FC !important; |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="header"> |
|||
<div class="login"> |
|||
<div id="login"><a href="./login.html">登录</a></div> |
|||
<div id="Logout"><a href="./Home.html">退出登录</a></div> |
|||
<div id="personalCenter"><a href="./Account.html">用户中心</a></div> |
|||
<div id="news"><a href="./MyMessage.html">消息</a></div> |
|||
</div> |
|||
<div class="navbarbox"> |
|||
<div class="titles-name"></div> |
|||
<div class="navbar-tab"> |
|||
<div class="itembox"></div> |
|||
<div class="cart"> |
|||
<img src="../images/cart.png" alt=""> |
|||
<div>购物车</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="right-bottom"> |
|||
<div class="r-b-top"> |
|||
<a href="#"><span class="a-back">返回顶部</span></a> |
|||
</div> |
|||
<div class="r-b-bottom" id="customer"> |
|||
<div> |
|||
<div>留言</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 留言表单 --> |
|||
<div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
|||
<div class="modal-dialog modal-lg" role="document"> |
|||
<div class="modal-content modal-contents"> |
|||
<div class="modal-headers"> |
|||
<div>在线留言</div> |
|||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
</div> |
|||
<div class="modal-body"> |
|||
<div class="modal-top">请把您的问题留下，客服人员会尽快与您取得联系。</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">姓名</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value1" placeholder="请填写您的姓名" /> |
|||
<p id="step_validate1" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">手机号码</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value2" placeholder="请填写您的联系电话" /> |
|||
<p id="step_validate2" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">公司名称</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value3" placeholder="请填写您的公司名称" /> |
|||
<p id="step_validate3" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">留言</div> |
|||
<div class="step_name"> |
|||
<textarea id="step_value4" placeholder="请填写您的需求，我们会尽快与您取得联系"></textarea> |
|||
<p id="step_validate4" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_button"> |
|||
<button type="button" id="submit">提交</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div style="height: 100px;"></div> |
|||
<div class="footers"> |
|||
<div class="pingCart"> |
|||
<div id="addCart">加入购物车</div> |
|||
<div id="employ">申请使用</div> |
|||
</div> |
|||
</div> |
|||
<div class="rumbs"> |
|||
<div class="rumbs_box clear"> |
|||
<div class="rumbs_title">当前位置：</div> |
|||
<div class="rumbs_name">集详情</div> |
|||
</div> |
|||
</div> |
|||
<div class="content_box"> |
|||
<div class="content"> |
|||
<div class="title"></div> |
|||
<div class="collection"> |
|||
<div class="coll-details"> |
|||
<div class="coll-title"></div> |
|||
<div class="coll-content"> |
|||
<div class="coll-left"> |
|||
<div class="coll-item"></div> |
|||
<div class="coll-item"></div> |
|||
<div class="coll-item"></div> |
|||
<div class="coll-item"></div> |
|||
<div class="coll-item"></div> |
|||
<div class="coll-item"></div> |
|||
<div class="coll-item"></div> |
|||
<div class="coll-item"></div> |
|||
<div class="coll-item"></div> |
|||
<div class="coll-item"></div> |
|||
</div> |
|||
<div class="coll-right"> |
|||
<div class="coll-item"></div> |
|||
<div class="coll-item"></div> |
|||
<div class="coll-item"></div> |
|||
<div class="coll-item"></div> |
|||
<div class="coll-item"></div> |
|||
<div class="coll-item"></div> |
|||
<div class="coll-item"></div> |
|||
<div class="coll-item"></div> |
|||
<div class="coll-item"></div> |
|||
<div class="coll-item"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="title title2"></div> |
|||
<div id="resources"></div> |
|||
</div> |
|||
</div> |
|||
<div style="height: 50px;"></div> |
|||
<script src="../js/public.js"></script> |
|||
<script src="../js/collectionDetails.js"></script> |
|||
<script src="../js/browse_check.js"></script> |
|||
</body> |
|||
|
|||
</html> |
|||
Binary file not shown.
@ -0,0 +1,148 @@ |
|||
<!-- 业务指南-详情 --> |
|||
<!DOCTYPE html> |
|||
<html> |
|||
|
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<title>业务指南详情</title> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<!-- 引入初始化样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/reset.css" /> |
|||
<!-- 引入默认样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/default.css" /> |
|||
<!-- 引入bootstrap样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" /> |
|||
<link rel="stylesheet" type="text/css" href="../css/quill.bubble.css" /> |
|||
<link rel="stylesheet" href="../css/SinGuideDetails.css"> |
|||
<link rel="stylesheet" href="../css/header.css"> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap-table.min.css" /> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrapValidator.min.css" /> |
|||
<script src="../js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap-table.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrapValidator.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/Dream-Msg.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/ajax.ipanel.js" type="text/javascript" charset="utf-8"></script> |
|||
<style type="text/css"> |
|||
html, |
|||
body { |
|||
width: 100%; |
|||
height: 100%; |
|||
background: #F2F8FC; |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="header"> |
|||
<div class="login"> |
|||
<div id="login"><a href="./login.html">登录</a></div> |
|||
<div id="Logout"><a href="./Home.html">退出登录</a></div> |
|||
<div id="personalCenter"><a href="./Account.html">用户中心</a></div> |
|||
<div id="news"><a href="./MyMessage.html">消息</a></div> |
|||
</div> |
|||
<div class="navbarbox"> |
|||
<div class="titles-name" id="titles-name"></div> |
|||
<div class="navbar-tab"> |
|||
<div class="itembox" id="nav"></div> |
|||
<div class="cart"> |
|||
<img src="../images/cart.png" alt=""> |
|||
<div>购物车</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="right-bottom"> |
|||
<div class="r-b-top"> |
|||
<a href="#"><span class="a-back">返回顶部</span></a> |
|||
</div> |
|||
<div class="r-b-bottom" id="customer"> |
|||
<div> |
|||
<div>留言</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 留言表单 --> |
|||
<div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
|||
<div class="modal-dialog modal-lg" role="document"> |
|||
<div class="modal-content modal-contents"> |
|||
<div class="modal-headers"> |
|||
<div>在线留言</div> |
|||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
</div> |
|||
<div class="modal-body"> |
|||
<div class="modal-top">请把您的问题留下，客服人员会尽快与您取得联系。</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">姓名</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value1" placeholder="请填写您的姓名" /> |
|||
<p id="step_validate1" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">手机号码</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value2" placeholder="请填写您的联系电话" /> |
|||
<p id="step_validate2" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">公司名称</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value3" placeholder="请填写您的公司名称" /> |
|||
<p id="step_validate3" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">留言</div> |
|||
<div class="step_name"> |
|||
<textarea id="step_value4" placeholder="请填写您的需求，我们会尽快与您取得联系"></textarea> |
|||
<p id="step_validate4" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_button"> |
|||
<button type="button" id="submit">提交</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div style="height: 100px;"></div> |
|||
<!-- 面包屑 --> |
|||
<div class="rumbs"> |
|||
<div class="rumbs_box clear"> |
|||
<div class="rumbs_title">当前位置：</div> |
|||
<div class="rumbs_name">业务指南详情</div> |
|||
</div> |
|||
</div> |
|||
<div class="SinGuideDetails_word clear mt30"> |
|||
<div class="SinGuideDetails_main"> |
|||
<div class="list_main_left"> |
|||
<p style="font-size: 14px;">分类列表</p> |
|||
<div class="left_center left_center1"></div> |
|||
</div> |
|||
<div class="list_main_right"> |
|||
<!-- <div class="right_header"></div> --> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 底部 --> |
|||
<div class="footer"> |
|||
<div class="top"> |
|||
<div class="top1"></div> |
|||
<div class="top2"></div> |
|||
<div class="top3"></div> |
|||
</div> |
|||
<div class="bottom"> |
|||
<div class="footerbox"></div> |
|||
</div> |
|||
</div> |
|||
<script src="../js/public.js"></script> |
|||
<script src="../js/SinGuideDetails.js"></script> |
|||
<script src="../js/browse_check.js"></script> |
|||
</body> |
|||
|
|||
</html> |
|||
|
After Width: | Height: | Size: 46 KiB |
File diff suppressed because it is too large
@ -0,0 +1,185 @@ |
|||
/* 业务指南-列表 */ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
/* 面包屑样式 */ |
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
.SinGuideList_word { |
|||
width: 100%; |
|||
background: #F2F8FC; |
|||
} |
|||
|
|||
.SinGuideList_main { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
background: white; |
|||
padding: 20px; |
|||
display: flex; |
|||
} |
|||
|
|||
.SinGuideList_main .list_main_left { |
|||
width: 260px; |
|||
height: 899px; |
|||
background-color: rgba(215, 215, 215, 1); |
|||
padding: 10px; |
|||
} |
|||
|
|||
.left_center { |
|||
width: 220px; |
|||
margin: 20px auto; |
|||
height: 92%; |
|||
overflow: auto; |
|||
} |
|||
|
|||
.left_center1::-webkit-scrollbar { |
|||
/*滚动条整体样式*/ |
|||
width: 0px; |
|||
/*高宽分别对应横竖滚动条的尺寸*/ |
|||
height: 1px; |
|||
} |
|||
|
|||
.left_center1::-webkit-scrollbar-thumb { |
|||
/*滚动条里面小方块*/ |
|||
border-radius: 10px; |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
background: #535353; |
|||
} |
|||
|
|||
.left_center1::-webkit-scrollbar-track { |
|||
/*滚动条里面轨道*/ |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
border-radius: 10px; |
|||
background: #ededed; |
|||
} |
|||
|
|||
|
|||
.cen_ter { |
|||
width: 220px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
margin-top: 10px; |
|||
font-size: 14px; |
|||
border-radius: 5px; |
|||
background-color: rgba(229, 229, 229, 1); |
|||
text-align: center; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.cen_ter_true { |
|||
width: 220px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
margin-top: 10px; |
|||
font-size: 14px; |
|||
border-radius: 5px; |
|||
background-color: #999999; |
|||
text-align: center; |
|||
} |
|||
|
|||
.SinGuideList_main .list_main_right { |
|||
width: 900px; |
|||
margin-left: 20px; |
|||
height: 900px; |
|||
overflow: auto; |
|||
} |
|||
.list_main_right::-webkit-scrollbar { |
|||
/*滚动条整体样式*/ |
|||
width: 0px; |
|||
/*高宽分别对应横竖滚动条的尺寸*/ |
|||
height: 1px; |
|||
} |
|||
|
|||
.list_main_right::-webkit-scrollbar-thumb { |
|||
/*滚动条里面小方块*/ |
|||
border-radius: 10px; |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
background: #535353; |
|||
} |
|||
|
|||
.list_main_right::-webkit-scrollbar-track { |
|||
/*滚动条里面轨道*/ |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
border-radius: 10px; |
|||
background: #ededed; |
|||
} |
|||
|
|||
.list_main_right .right_header { |
|||
width: 226px; |
|||
height: 30px; |
|||
text-align: center; |
|||
background-color: rgb(168, 168, 168); |
|||
margin: 0 auto; |
|||
line-height: 30px; |
|||
border-radius: 9px; |
|||
color: white; |
|||
} |
|||
|
|||
.list_main_right .rigtcenter { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
height: 100%; |
|||
|
|||
} |
|||
.list_main_right .context-list:nth-child(1){ |
|||
margin-top: 0px; |
|||
} |
|||
|
|||
.list_main_right .context-list{ |
|||
width: 870px; |
|||
height: 250px; |
|||
padding: 20px; |
|||
margin-top: 20px; |
|||
background-color: #f9f9f9; |
|||
} |
|||
|
|||
.list_main_right .context-list .context-header { |
|||
width: 830px; |
|||
height: 175px; |
|||
padding: 10px; |
|||
} |
|||
|
|||
.context-head-children { |
|||
line-height: 50px; |
|||
margin-top: 20px; |
|||
font-size: 21px; |
|||
} |
|||
|
|||
.list_main_right .context-list .context-button { |
|||
margin-top: 10px; |
|||
width: 850px; |
|||
height: 45px; |
|||
} |
|||
|
|||
.list_main_right .context-list .context-button .btn_read { |
|||
width: 82px; |
|||
height: 34px; |
|||
color: #333; |
|||
background-color: #fff; |
|||
border-color: #ccc; |
|||
float: right; |
|||
margin-right: 20px; |
|||
cursor: pointer; |
|||
} |
|||
@ -0,0 +1,552 @@ |
|||
/* |
|||
卖出订单样式 |
|||
*/ |
|||
/* 面包屑样式 */ |
|||
.rumbs{ |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
.rumbs .rumbs_box{ |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
.rumbs .rumbs_box .rumbs_title{ |
|||
float: left; |
|||
} |
|||
.rumbs .rumbs_box .rumbs_name{ |
|||
float: left; |
|||
} |
|||
/* 内容样式 */ |
|||
.wraper .byOrder_left{ |
|||
float: left; |
|||
width: 180px; |
|||
min-height: 520px; |
|||
background: #FFFFFF; |
|||
} |
|||
.wraper .byOrder_left ul li{ |
|||
text-align: center; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
} |
|||
.wraper .byOrder_left ul li a{ |
|||
text-decoration: none; |
|||
color: #444444; |
|||
} |
|||
.wraper .byOrder_left ul li .active{ |
|||
color: #4689C6; |
|||
} |
|||
.wraper .byOrder_right{ |
|||
float: left; |
|||
width: 980px; |
|||
background: #FFFFFF; |
|||
padding: 20px; |
|||
min-height: 520px; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
/* 右侧内容样式 */ |
|||
.wraper .byOrder_right .right_title{ |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .table span { |
|||
display: inline-block; |
|||
color: #0000FF; |
|||
} |
|||
|
|||
|
|||
/* 标的信息部分 */ |
|||
.wraper .byOrder_right .right_sign{ |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_box{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_box .sign_title{ |
|||
font-weight: 700; |
|||
font-size: 18px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_box .sign_btn #btn1{ |
|||
width: 120px; |
|||
height: 30px; |
|||
background: #D5D5D5; |
|||
text-align: center; |
|||
line-height: 30px; |
|||
color: #4D4D4D; |
|||
border-radius: 5px; |
|||
font-size: 12px; |
|||
margin-right: 25px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_box .sign_btn #btn2{ |
|||
width: 45px; |
|||
height: 30px; |
|||
border-radius: 5px; |
|||
line-height: 30px; |
|||
border: 1px solid #DDDDDD; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic{ |
|||
margin-top: 20px; |
|||
display: flex; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_img img{ |
|||
width: 160px; |
|||
height: 140px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list{ |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .basic_title{ |
|||
font-size: 18px; |
|||
font-weight: 700; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .list_box{ |
|||
line-height: 30px; |
|||
display: flex; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .list_box:nth-child(0){ |
|||
margin-top: 0px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .list_box:nth-child(10){ |
|||
margin-bottom: 25px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .list_box .list_left{ |
|||
width: 130px; |
|||
height: 30px; |
|||
border: 1px solid #EEEEEE; |
|||
text-align: right; |
|||
padding-right: 10px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .list_box .list_content{ |
|||
width: 630px; |
|||
height: 30px; |
|||
border: 1px solid #EEEEEE; |
|||
text-align: left; |
|||
padding-left: 10px; |
|||
margin-left: -1px; |
|||
color: #888888; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .entrust_box{ |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
margin-bottom: 40px; |
|||
} |
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n+1) .list_left{ |
|||
width: 97px; |
|||
height: 30px; |
|||
} |
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n+1) .list_content{ |
|||
width: 201px; |
|||
height: 30px; |
|||
} |
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n) .list_left{ |
|||
width: 155px; |
|||
height: 30px; |
|||
margin-left: -1px; |
|||
} |
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n) .list_content{ |
|||
width: 307px; |
|||
height: 30px; |
|||
margin-left: -1px; |
|||
} |
|||
|
|||
/* |
|||
评估报告样式 |
|||
*/ |
|||
.wraper .byOrder_right .right_assess{ |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_assess .assess_box{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_assess .assess_box .assess_titile{ |
|||
font-size: 18px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_assess .assess_box .btn001{ |
|||
width: 45px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
border: 1px solid #DDDDDD; |
|||
border-radius: 5px; |
|||
font-size: 13px; |
|||
} |
|||
|
|||
|
|||
/* 发票详情样式 */ |
|||
.wraper .byOrder_right .right_details { |
|||
display: none; |
|||
height: 800px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .make_details { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .make_details .make_title { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .make_details .make_return { |
|||
width: 44px; |
|||
height: 30px; |
|||
border: 1px solid #DDDDDD; |
|||
background: #FDFDFD; |
|||
border-radius: 3px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box { |
|||
margin-bottom: 30px; |
|||
margin-top: 40px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
position: relative; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box .step001 { |
|||
width: 180px; |
|||
height: 100px; |
|||
border-radius: 10px; |
|||
text-align: center; |
|||
background: #E5E3E3; |
|||
color: #444444; |
|||
position: relative; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box .success_step001 { |
|||
background: #24803E; |
|||
color: #ffffff; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box .step001 .step_type { |
|||
padding-top: 10px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box .step001 .step_line { |
|||
width: 90px; |
|||
height: 1px; |
|||
background: #444444; |
|||
margin-left: 45px; |
|||
margin-top: 8px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box .step001 .success_line { |
|||
background: #ffffff; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box .step001 .step_status { |
|||
margin-top: 8px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box .step001 .step_longLine { |
|||
width: 203px; |
|||
height: 2px; |
|||
background: #E5E3E3; |
|||
position: absolute; |
|||
top: 49px; |
|||
left: 180px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box .step001 .success_longLine { |
|||
width: 203px; |
|||
height: 2px; |
|||
background: #24803E; |
|||
position: absolute; |
|||
top: 49px; |
|||
left: 180px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box .step_info{ |
|||
width: 384px; |
|||
height: 2px; |
|||
background: #24803E; |
|||
position: absolute; |
|||
top: 49px; |
|||
left: 376px; |
|||
display: none; |
|||
z-index: 99999; |
|||
} |
|||
|
|||
.wraper .byOrder_right .unTicket .un_table { |
|||
margin-top: 15px; |
|||
margin-bottom: 35px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .unTicket .titck_box { |
|||
margin-top: 21px; |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
} |
|||
|
|||
.wraper .byOrder_right .unTicket .titck_box .box { |
|||
display: flex; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
text-align: center; |
|||
|
|||
} |
|||
|
|||
.wraper .byOrder_right .unTicket .titck_box .box:nth-child(2n+1) .box_title { |
|||
width: 151px; |
|||
border: 1px solid #DDDDDD; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .unTicket .titck_box .box:nth-child(2n) .box_title { |
|||
width: 205px; |
|||
border: 1px solid #DDDDDD; |
|||
margin-top: -1px; |
|||
margin-left: -1px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .unTicket .titck_box .box:nth-child(2n+1) .box_con { |
|||
width: 226px; |
|||
border: 1px solid #DDDDDD; |
|||
text-align: left; |
|||
padding-left: 20px; |
|||
margin-left: -1px; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .unTicket .titck_box .box:nth-child(2n) .box_con { |
|||
width: 358px; |
|||
border: 1px solid #DDDDDD; |
|||
text-align: left; |
|||
padding-left: 20px; |
|||
margin-left: -1px; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .btn_btns { |
|||
margin-top: 35px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .btn_btns input:nth-child(1) { |
|||
width: 110px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
background: #3685BF; |
|||
color: #ffffff; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .btn_btns input:nth-child(2) { |
|||
margin-left: 20px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
border-radius: 5px; |
|||
width: 80px; |
|||
background: #EAEAEA; |
|||
} |
|||
|
|||
.wraper .byOrder_right .toolTicket { |
|||
margin-top: 35px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .toolTicket input { |
|||
width: 110px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
background: #F02525; |
|||
color: #ffffff; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .successTicket { |
|||
margin-top: 35px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .successTicket input:nth-child(1) { |
|||
width: 110px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
background: #3685BF; |
|||
color: #ffffff; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .successTicket input:nth-child(2) { |
|||
margin-left: 20px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
border-radius: 5px; |
|||
width: 110px; |
|||
background: #EAEAEA; |
|||
} |
|||
|
|||
/* .wraper .byOrder_right .box .table thead tr th:nth-child(1){ |
|||
width: 57px; |
|||
} */ |
|||
/* 下载模态框样式 */ |
|||
#myModalD .modal-body .body_title { |
|||
height: 65px; |
|||
background: #FEFFE8; |
|||
border: 1px solid #CFAF0F; |
|||
font-size: 12px; |
|||
padding: 10px; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
#myModalD .modal-body .body_title .body_message{ |
|||
color: red; |
|||
} |
|||
|
|||
#myModalD .modal-body .body_title .body_name{ |
|||
margin-top: 10px; |
|||
color: #785D03; |
|||
} |
|||
|
|||
#myModalD .modal-body .body_table .table_title{ |
|||
margin: 20px 0px; |
|||
} |
|||
|
|||
#myModalD .modal-body .body_table .table_box{ |
|||
width: 408px; |
|||
height: 38px; |
|||
background: #E8F7FF; |
|||
border-radius: 3px; |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
line-height: 38px; |
|||
font-size: 12px; |
|||
justify-content: space-between; |
|||
padding: 0px 20px; |
|||
|
|||
} |
|||
|
|||
/* 资源列表 查看模态框 */ |
|||
#myModalImage .modal-body .body_box { |
|||
display: flex; |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_img{ |
|||
width: 283px; |
|||
height: 392px; |
|||
box-shadow: 2px 2px 5px rgb(0 0 0 / 35%); |
|||
border-color: rgba(215, 215, 215, 1); |
|||
line-height: 392px; |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_img img{ |
|||
width: 271px; |
|||
height: 217px; |
|||
/* padding-left: 6px; */ |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_message{ |
|||
margin-left: 30px; |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_message .mess_title{ |
|||
font-size: 16px; |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_message .mess_con{ |
|||
color: #7F7F7F; |
|||
} |
|||
|
|||
#myModalImage .modal-body #body_video{ |
|||
display: none; |
|||
} |
|||
|
|||
#myModalImage .modal-body #body_audio{ |
|||
display: none; |
|||
} |
|||
|
|||
/* 资源集详情数据 */ |
|||
.wraper .byOrder_right #sources_detial{ |
|||
display: none; |
|||
} |
|||
.wraper .byOrder_right .sources_detial{ |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .byOrder_right .sources_detial .sign_box{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.wraper .byOrder_right .sources_detial .sign_box .sign_title{ |
|||
font-weight: 700; |
|||
font-size: 18px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .sources_detial .sign_box .sign_btn #btn2{ |
|||
width: 45px; |
|||
height: 30px; |
|||
border-radius: 5px; |
|||
line-height: 30px; |
|||
border: 1px solid #DDDDDD; |
|||
} |
|||
|
|||
.wraper .byOrder_right .sources_detial .title{ |
|||
margin-top: 20px; |
|||
} |
|||
.wraper .byOrder_right .sources_detial .sources_info{ |
|||
margin-top: 20px; |
|||
display: flex; |
|||
} |
|||
|
|||
.wraper .byOrder_right .sources_detial .sources_info .left_info{ |
|||
width: 50%; |
|||
} |
|||
|
|||
.wraper .byOrder_right .sources_detial .sources_info .left_info .title{ |
|||
margin-top: 5px; |
|||
color: #7F7F7F; |
|||
} |
|||
|
|||
.wraper .byOrder_right .sources_detial .image_box .iamge_title{ |
|||
margin: 20px 0px; |
|||
} |
|||
.wraper .byOrder_right .sources_detial .image_box .iamge_title::before{ |
|||
content: "|"; |
|||
width: 2px; |
|||
background: #1890FF; |
|||
color: #1890FF; |
|||
font-size: 22px; |
|||
margin-right: 5px; |
|||
} |
|||
|
|||
|
|||
/* 下载单资源模态框样式 */ |
|||
#myModalD .body_table .table_box .table_source{ |
|||
width: 350px; |
|||
height: 46px; |
|||
line-height: 46px; |
|||
display: flex; |
|||
background: #E8F7FF; |
|||
justify-content: space-between; |
|||
border: 1px solid #57A9FB; |
|||
padding: 0px 15px; |
|||
border-radius: 3px; |
|||
margin-top: 10px; |
|||
color: #323FFF; |
|||
} |
|||
@ -0,0 +1,216 @@ |
|||
$(document).ready(function () { |
|||
if (cookieHandler.get("normal_login_token")) { |
|||
$(location).prop('href', './Home.html?url=' + new Date().getTime()) |
|||
} |
|||
$("#login_box2").hide(); |
|||
$("#getPasswod1>span").click(() => { |
|||
$("#login_box1").hide(); |
|||
$("#login_box2").show(); |
|||
}) |
|||
$("#getPasswod>span").click(() => { |
|||
$("#login_box1").show(); |
|||
$("#login_box2").hide(); |
|||
}) |
|||
codeCountDown = function (endMsRes, data, name) { |
|||
let countDownTime = 60 |
|||
data.attr("disabled", "disabled") |
|||
countDownTime = Math.ceil((endMsRes - new Date().getTime()) / 1000); //剩余多少秒 |
|||
let time = setTimeout(function () { |
|||
countDownTime--; |
|||
data.text(countDownTime + "秒") |
|||
if (countDownTime < 1) { |
|||
countDownTime = 60; |
|||
data.removeAttr("disabled") |
|||
data.text("获取验证码") |
|||
localStorage.removeItem(name); |
|||
clearTimeout(time); |
|||
} else { |
|||
codeCountDown(endMsRes, data, name); |
|||
} |
|||
}, 1000); |
|||
} |
|||
let myEndTime = localStorage.getItem("Time"); |
|||
myEndTime && codeCountDown(myEndTime, $("#authbtns"), "Time"); |
|||
$(".tips").hide(); |
|||
let verification = function (selector, text1, text2, reg, text3) { |
|||
$(selector).bind('change', function (data) { |
|||
let domObj = $("#" + data.target.id) |
|||
if (domObj.val() === "") { |
|||
domObj.css("border", "1px solid #f56c6c") |
|||
$("." + data.target.id).text(text1) |
|||
$("." + data.target.id).slideDown(100) |
|||
state = false |
|||
} else { |
|||
if (!reg.test(domObj.val())) { |
|||
domObj.css("border", "1px solid #f56c6c") |
|||
$("." + data.target.id).text(text2) |
|||
$("." + data.target.id).slideDown(100) |
|||
state = false |
|||
} else { |
|||
if (text3 && $("#pwd2").val() !== domObj.val()) { |
|||
domObj.css("border", "1px solid #f56c6c") |
|||
$("." + data.target.id).text(text3) |
|||
$("." + data.target.id).slideDown(100) |
|||
state = false |
|||
} else { |
|||
domObj.css("border", "1px solid #d7d7d7") |
|||
$("." + data.target.id).text("") |
|||
$("." + data.target.id).slideUp(100) |
|||
state = true |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
}; |
|||
verification("input[name='phone']", "手机号不能为空", "手机号格式不对", /^1[3456789]\d{9}$/); |
|||
verification("input[name='authcode']", "验证码不能为空", "验证码格式不对", /^[0-9]{6}$/); |
|||
verification("input[name='newpwd']", "密码不能为空", "密码不能少于六位字母或数字", /^[0-9A-z\W]{6,}$/); |
|||
verification("input[name='newpwd1']", "密码不能为空", "密码不能少于六位字母或数字", /^[0-9A-z\W]{6,}$/, "两次输入的密码不一致"); |
|||
// 认证类型过滤 |
|||
function userType_filter(data) { |
|||
if (data == "个人") { |
|||
return "0" |
|||
} else if (data == "企业") { |
|||
return "1" |
|||
} else if (data == "服务商") { |
|||
return "2" |
|||
} else { |
|||
return data |
|||
} |
|||
} |
|||
// 登录 |
|||
$("#loginbtn1").bind("click", function () { |
|||
$("#phone1").change() |
|||
let state1 = state |
|||
$("#pwd1").change() |
|||
let state2 = state |
|||
if (state1 && state2) { |
|||
let data = { |
|||
loginName: $("#phone1").val(), |
|||
loginType: '1', |
|||
password: $.md5($("#pwd1").val()).toUpperCase(), |
|||
userType: "企业", |
|||
} |
|||
let postList = new AJAX_OBJ(api + "user/v1/userLogin", postSuccess, onUrlError); |
|||
postList.postRequestData(JSON.stringify(data)); |
|||
|
|||
function postSuccess(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
// 解析token |
|||
let userObj = JSON.parse(decodeURIComponent(escape(window.atob(res.data.token |
|||
.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"))))); |
|||
cookieHandler.set("isliCode", userObj.isliCode); |
|||
cookieHandler.set("normal_login_token", res.data.token) |
|||
cookieHandler.set("accountId", res.data.user.accountId) |
|||
cookieHandler.set("cellPhone", res.data.user.cellPhone) |
|||
cookieHandler.set("userType", userType_filter(res.data.user.userType)) |
|||
cookieHandler.set("Merchant_id", "910000198") //商户id |
|||
$(location).prop('href', './Home.html?time=' + new Date().getTime()) |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
}; |
|||
} |
|||
}); |
|||
// 找回密码获取验证码 |
|||
$("#authbtns").bind("click", function () { |
|||
$("#phone").change() |
|||
if (state) { |
|||
let getList = new AJAX_OBJ(api + "userself/v1/account/username/unique-validate/" + $("#phone").val(), getSuccess, onUrlError); |
|||
getList.getRequestData(); |
|||
|
|||
function getSuccess(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
if (res.data != 1) { |
|||
$("#phone").css("border", "1px solid #f56c6c") |
|||
$(".phone").text("手机号没有被注册") |
|||
$(".phone").slideDown(100) |
|||
} else { |
|||
$("#phone").css("border", "1px solid #d7d7d7") |
|||
$(".phone").text("") |
|||
$(".phone").slideUp(100) |
|||
let getList = new AJAX_OBJ(api + "userself/v1/verify-code?username=" + $("#phone").val() + "&purpose=2", getSuccess1, onUrlError); |
|||
getList.getRequestData(); |
|||
|
|||
function getSuccess1(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
Dreamer.success("发送成功"); |
|||
let endMsRes = new Date().getTime() + |
|||
60000; //当前时间戳加上一分钟的时间戳，相当于当前时间一分钟以后的时间戳 |
|||
localStorage.setItem("Time", JSON.stringify(endMsRes)); |
|||
codeCountDown(endMsRes, $("#authbtns"), "Time"); |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
// 函数节流 |
|||
function debounce(fn, change) { |
|||
var timerId = null |
|||
return function () { |
|||
change() |
|||
var arg = arguments[0] //获取事件 |
|||
if (timerId) { |
|||
return |
|||
} |
|||
timerId = setTimeout(function () { |
|||
fn(arg) //事件传入函数 |
|||
timerId = null |
|||
}, 1000) |
|||
} |
|||
} |
|||
|
|||
function change() { |
|||
$("#phone").change() |
|||
$("#authcode").change() |
|||
$("#pwd2").change() |
|||
$("#pwd3").change() |
|||
} |
|||
|
|||
function reset() { |
|||
$("#phone").change() |
|||
let state1 = state |
|||
$("#authcode").change() |
|||
let state2 = state |
|||
$("#pwd2").change() |
|||
let state3 = state |
|||
$("#pwd3").change() |
|||
let state4 = state |
|||
if (state1 && state2 && state3 && state4) { |
|||
let data = { |
|||
accountId: $("#phone").val(), |
|||
verifyCode: $("#authcode").val(), |
|||
password: $.md5($("#pwd2").val()).toUpperCase(), |
|||
passMd5ed: true, |
|||
st: "2", |
|||
} |
|||
let postList = new AJAX_OBJ(api + "userself/v1/account/reset-pwd", successGood, onUrlError); |
|||
postList.postRequestData(JSON.stringify(data)); |
|||
|
|||
function successGood(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
Dreamer.success("重置成功"); |
|||
codeCountDown(0, $("#authbtns"), "Time"); |
|||
$("#phone").val('') |
|||
$("#authcode").val('') |
|||
$("#pwd2").val('') |
|||
$("#pwd3").val('') |
|||
$("#login_box1").show(); |
|||
$("#login_box2").hide(); |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
}; |
|||
} |
|||
}; |
|||
// 找回密码 |
|||
$("#loginbtn").click(debounce(reset, change)); |
|||
}) |
|||
|
After Width: | Height: | Size: 362 KiB |
@ -0,0 +1,79 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>店铺详情</title> |
|||
<link rel="stylesheet" type="text/css" href="../css/reset.css" /> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" /> |
|||
<link rel="stylesheet" href="../css/Store_details.css"> |
|||
<link rel="stylesheet" href="../css/header.css"> |
|||
<script src="../js/jquery-2.2.4.min.js"></script> |
|||
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/Dream-Msg.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/ajax.ipanel.js" type="text/javascript" charset="utf-8"></script> |
|||
<!-- 引入分页 --> |
|||
<script src="../js/page.js"></script> |
|||
</head> |
|||
<body> |
|||
<div class="header"> |
|||
<div class="login"> |
|||
<div id="login"><a href="./login.html">登录</a></div> |
|||
<div id="Logout"><a href="./Home.html">退出登录</a></div> |
|||
<div id="personalCenter"><a href="./Account.html">用户中心</a></div> |
|||
<div id="news"><a href="./MyMessage.html">消息</a></div> |
|||
</div> |
|||
<div class="navbarbox"> |
|||
<div class="titles-name" id="titles-name"></div> |
|||
<div class="navbar-tab"> |
|||
<div class="itembox" id="nav"></div> |
|||
<div class="cart"> |
|||
<img src="../images/cart.png" alt=""> |
|||
<div>购物车</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div style="height: 100px;"></div> |
|||
<div class="store_deailsbox"> |
|||
<div class="detisl_head"> |
|||
<div class="head_left"></div> |
|||
<div class="head_right"></div> |
|||
</div> |
|||
<div class="search_header"> |
|||
<div class="search_box"> |
|||
<div> |
|||
<span>关键词</span> |
|||
<input type="text" class="iptword" placeholder="请输入关键词"> |
|||
</div> |
|||
<div> |
|||
<select id="selectUser1" class="select"> |
|||
<option value="">文化数据类型</option> |
|||
<option value="1">文化资源数据</option> |
|||
<option value="2">文化数字内容</option> |
|||
</select> |
|||
</div> |
|||
<div> |
|||
<select id="selectUser2" class="select"> |
|||
<option value="">交易方式</option> |
|||
<option value="2">授权</option> |
|||
<option value="1">转让</option> |
|||
</select> |
|||
</div> |
|||
<input class="btn3" type="button" value="搜索"> |
|||
</div> |
|||
</div> |
|||
<div class="main_table"> |
|||
<div id="main_cent"> |
|||
<div style="width: 100%;height: 275px;display: flex;align-items: center;justify-content: center;font-size: 28px;color: #c0c4cf;">暂无数据</div> |
|||
</div> |
|||
<div id="page" class="page_div"></div> |
|||
</div> |
|||
</div> |
|||
<script src="../js/public.js"></script> |
|||
<script src="../js/Store_details.js"></script> |
|||
<script src="../js/browse_check.js"></script> |
|||
</body> |
|||
</html> |
|||
File diff suppressed because it is too large
@ -0,0 +1,371 @@ |
|||
/* |
|||
账户管理样式 |
|||
*/ |
|||
|
|||
|
|||
/* 面包屑样式 */ |
|||
|
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
|
|||
/* 验证按钮样式 */ |
|||
|
|||
.code { |
|||
position: absolute; |
|||
right: 5px; |
|||
top: 35px; |
|||
width: 100px; |
|||
line-height: 25px; |
|||
background-color: #d7d7d7; |
|||
border-radius: 5px; |
|||
padding: 3px 10px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.authbtn { |
|||
right: 5px; |
|||
top: 5px; |
|||
} |
|||
|
|||
button[disabled] { |
|||
color: #838383; |
|||
cursor: text !important; |
|||
} |
|||
|
|||
|
|||
/* 内容样式 */ |
|||
|
|||
.wraper .account_left { |
|||
float: left; |
|||
width: 180px; |
|||
background: #FFFFFF; |
|||
height: 520px; |
|||
} |
|||
|
|||
.wraper .account_left ul li { |
|||
text-align: center; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
} |
|||
|
|||
.wraper .account_left ul li a { |
|||
text-decoration: none; |
|||
color: #444444; |
|||
} |
|||
|
|||
.wraper .account_left ul li .active { |
|||
color: #4689C6; |
|||
} |
|||
|
|||
|
|||
/* 右侧内容样式 */ |
|||
|
|||
.wraper .account_right { |
|||
float: left; |
|||
width: 980px; |
|||
background: #FFFFFF; |
|||
padding: 20px; |
|||
min-height: 520px; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.wraper .account_right .right_title { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wraper .account_right .right_register { |
|||
margin-top: 35px; |
|||
} |
|||
|
|||
.wraper .account_right .right_change { |
|||
margin-top: 35px; |
|||
} |
|||
|
|||
.wraper .account_right .right_change button:nth-child(2) { |
|||
margin-left: 35px; |
|||
} |
|||
|
|||
.wraper .account_right .oper_log { |
|||
margin-top: 80px; |
|||
margin-bottom: 15px; |
|||
} |
|||
|
|||
.wraper .account_right .oper_log::before { |
|||
content: "|"; |
|||
width: 2px; |
|||
color: #11749B; |
|||
background: #11749B; |
|||
margin-right: 5px; |
|||
} |
|||
|
|||
|
|||
/* 修改表头颜色 */ |
|||
|
|||
.wraper .account_right .table>thead { |
|||
background: #F1F1F1; |
|||
} |
|||
|
|||
|
|||
/* 步骤条样式 */ |
|||
|
|||
.step { |
|||
position: relative; |
|||
vertical-align: top; |
|||
display: inline-block; |
|||
margin: 20px 50px 20px 80px; |
|||
} |
|||
|
|||
.step-head { |
|||
width: 30px; |
|||
height: 30px; |
|||
border-radius: 50%; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
color: #333; |
|||
font-size: 14px; |
|||
border: 2px solid #D9D9D9; |
|||
z-index: 10000; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.step-main { |
|||
font-size: 12px; |
|||
color: #48576a; |
|||
margin-top: 15px; |
|||
font-size: 14px; |
|||
color: #444444; |
|||
} |
|||
|
|||
.step-line { |
|||
position: absolute; |
|||
top: 15px; |
|||
height: 2px; |
|||
left: 30px; |
|||
right: -134px; |
|||
display: inline-block; |
|||
background-color: #bfcbd9; |
|||
z-index: 10000; |
|||
} |
|||
|
|||
.step-circle { |
|||
margin: 4px; |
|||
width: 10px; |
|||
height: 10px; |
|||
border-radius: 50%; |
|||
background-color: #bfcbd9; |
|||
} |
|||
|
|||
.is-sucess>.step-head { |
|||
border-color: #60B34F; |
|||
background: #60B34F; |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
.is-sucess>.step-head .step-circle { |
|||
background-color: #2f318e; |
|||
} |
|||
|
|||
.is-sucess>.step-head>.step-line { |
|||
background-color: #60B34F; |
|||
} |
|||
|
|||
.last-sucess>.step-head { |
|||
color: #ffffff; |
|||
border-color: #60B34F; |
|||
background: #60B34F; |
|||
} |
|||
|
|||
.last-sucess>.step-head .step-circle { |
|||
background-color: #2f318e; |
|||
} |
|||
|
|||
|
|||
/* 模态框样式 |
|||
更换手机号，身份认证 |
|||
*/ |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_1 { |
|||
display: block; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_1 .step1_icon { |
|||
width: 46px; |
|||
height: 46px; |
|||
background: url('../images/step1.svg') no-repeat; |
|||
margin-left: 255px; |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_1 .right_register { |
|||
margin-left: 195px; |
|||
margin-top: 25px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_1 .step_code { |
|||
position: relative; |
|||
width: 300px; |
|||
margin-left: 140px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_1 .step_code input { |
|||
border: 1px solid #DDDDDD; |
|||
width: 300px; |
|||
height: 40px; |
|||
margin-top: 30px; |
|||
padding-left: 10px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_1 .step_code a { |
|||
width: 82px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
border-radius: 5px; |
|||
background: #E6E6E6; |
|||
color: #444444; |
|||
position: absolute; |
|||
text-decoration: none; |
|||
top: 35px; |
|||
right: 5px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_1 .step_code p { |
|||
color: red; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_submit { |
|||
background: #4E9BFF; |
|||
color: #ffffff; |
|||
width: 300px; |
|||
height: 42px; |
|||
line-height: 42px; |
|||
margin-left: 140px; |
|||
margin-top: 20px; |
|||
text-align: center; |
|||
border-radius: 5px; |
|||
margin-bottom: 40px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
|
|||
/* 设置操作 */ |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_2 { |
|||
display: none; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_2 .step2_title { |
|||
font-size: 14px; |
|||
font-weight: 700; |
|||
margin-left: 140px; |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_2 .step2_phone { |
|||
margin-top: 10px; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_2 .step2_phone input { |
|||
border: 1px solid #DDDDDD; |
|||
width: 300px; |
|||
height: 40px; |
|||
margin-left: 140px; |
|||
padding-left: 10px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_2 .step2_code { |
|||
width: 300px; |
|||
height: 40px; |
|||
margin-top: 15px; |
|||
margin-left: 140px; |
|||
position: relative; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_2 .step2_code input { |
|||
border: 1px solid #DDDDDD; |
|||
width: 300px; |
|||
height: 40px; |
|||
padding-left: 10px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_2 .step2_code a { |
|||
position: absolute; |
|||
top: 5px; |
|||
right: 5px; |
|||
width: 82px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
background: #CCCCCC; |
|||
border-radius: 3px; |
|||
color: #444444; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
|
|||
/* 完成 */ |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_3 .step3_succes { |
|||
font-weight: 700; |
|||
font-style: normal; |
|||
font-size: 16px; |
|||
margin-top: 70px; |
|||
margin-bottom: 100px; |
|||
margin-left: 225px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_3 { |
|||
display: none; |
|||
} |
|||
|
|||
|
|||
/* 修改密码 |
|||
模态框样式 |
|||
*/ |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .modalOldPwd { |
|||
margin-bottom: 25px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .modalOldPwd:nth-child(1) { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .modalOldPwd input { |
|||
border: 1px solid #DDDDDD; |
|||
width: 340px; |
|||
height: 30px; |
|||
padding-left: 10px; |
|||
margin-left: 120px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .modalButton input { |
|||
width: 340px; |
|||
height: 30px; |
|||
padding-left: 10px; |
|||
margin-bottom: 20px; |
|||
background: #242E4B; |
|||
color: #ffffff; |
|||
margin-left: 120px; |
|||
} |
|||
|
After Width: | Height: | Size: 63 KiB |
|
After Width: | Height: | Size: 25 KiB |
@ -0,0 +1,389 @@ |
|||
body { |
|||
background-color: #f2f8fc; |
|||
} |
|||
|
|||
a { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.login-box { |
|||
width: 100%; |
|||
height: calc(100vh - 100px); |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
#LoginToRegister { |
|||
width: 380px; |
|||
height: 410px; |
|||
background: white; |
|||
border-radius: 5px; |
|||
box-shadow: 1px 1px 5px #999999; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.title { |
|||
float: left; |
|||
font-size: 21px; |
|||
padding: 25px 0px 0px 20px; |
|||
} |
|||
|
|||
#type { |
|||
float: right; |
|||
width: 100px; |
|||
height: 30px; |
|||
background: #EEEEEE; |
|||
margin-right: 20px; |
|||
margin-top: 20px; |
|||
border-radius: 3px; |
|||
} |
|||
|
|||
#type div { |
|||
float: right; |
|||
width: 50px; |
|||
text-align: center; |
|||
line-height: 30px; |
|||
height: 30px; |
|||
cursor: pointer; |
|||
border-radius: 3px; |
|||
} |
|||
|
|||
.typecheck { |
|||
background-color: #4399ff; |
|||
color: white; |
|||
} |
|||
|
|||
.input { |
|||
width: 340px; |
|||
margin-left: 20px; |
|||
line-height: 25px; |
|||
border: 1px solid #d7d7d7; |
|||
border-radius: 2px; |
|||
outline-style: none; |
|||
padding: 3px 3px 3px 10px; |
|||
} |
|||
|
|||
.tips { |
|||
margin-left: 20px; |
|||
font-size: 12px; |
|||
color: #f56c6c; |
|||
float: left; |
|||
} |
|||
|
|||
.margins { |
|||
margin-top: 20px; |
|||
position: relative; |
|||
} |
|||
|
|||
.margins3 { |
|||
margin-top: 30px; |
|||
position: relative; |
|||
} |
|||
|
|||
.big-data { |
|||
border-top: #666 1px solid; |
|||
margin: 0 20px; |
|||
padding-top: 20px; |
|||
} |
|||
|
|||
.big-data>img { |
|||
width: 20px; |
|||
height: 20px; |
|||
margin-right: 5px; |
|||
} |
|||
|
|||
.big-data>a { |
|||
text-decoration: underline !important; |
|||
} |
|||
|
|||
.login-mode { |
|||
position: absolute; |
|||
color: #666; |
|||
height: 21px; |
|||
top: -10px; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
text-align: center; |
|||
} |
|||
|
|||
.login-mode>span { |
|||
background-color: #fff; |
|||
} |
|||
|
|||
.margins1 { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.margins2 { |
|||
margin-top: 15px; |
|||
} |
|||
|
|||
.checkbox { |
|||
margin-left: 20px; |
|||
width: 12px; |
|||
line-height: 12px; |
|||
height: 12px; |
|||
} |
|||
|
|||
input[type=checkbox] { |
|||
margin-left: 20px; |
|||
width: 12px; |
|||
line-height: 12px; |
|||
height: 12px; |
|||
display: inline; |
|||
} |
|||
|
|||
#checkbox1 { |
|||
margin-left: 0; |
|||
} |
|||
|
|||
.checkbox1 { |
|||
margin-left: 20px; |
|||
width: 20px; |
|||
line-height: 20px; |
|||
height: 20px; |
|||
} |
|||
|
|||
.checkbox1[type=checkbox] { |
|||
/* visibility 属性规定元素是否可见*/ |
|||
visibility: hidden; |
|||
} |
|||
|
|||
.loginbtn { |
|||
width: 340px; |
|||
line-height: 30px; |
|||
height: 30px; |
|||
background-color: #242e4b; |
|||
margin-left: 20px; |
|||
color: white; |
|||
text-align: center; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.getPasswod { |
|||
width: 120px; |
|||
float: left; |
|||
margin-left: 20px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
} |
|||
|
|||
.agreement { |
|||
width: 380px; |
|||
font-size: 12px; |
|||
line-height: 18px; |
|||
} |
|||
|
|||
.getPasswod span { |
|||
color: #7f0000; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.getPasswod span:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.register { |
|||
float: right; |
|||
margin-right: 20px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
} |
|||
|
|||
.register span { |
|||
color: #7f0000; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.register span:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.agreement a { |
|||
color: #5299dc; |
|||
} |
|||
|
|||
|
|||
/* 找回密码 */ |
|||
|
|||
.input1 { |
|||
width: 180px; |
|||
margin-left: 20px; |
|||
line-height: 25px; |
|||
border: 1px solid #d7d7d7; |
|||
border-radius: 2px; |
|||
outline-style: none; |
|||
padding: 3px 3px 3px 10px; |
|||
} |
|||
|
|||
.authbtn { |
|||
width: 135px; |
|||
margin-left: 20px; |
|||
line-height: 25px; |
|||
border: 1px solid #d7d7d7; |
|||
border-radius: 2px; |
|||
outline-style: none; |
|||
padding: 3px 3px 3px 10px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.authbtn:hover { |
|||
color: #4399ff; |
|||
border: 1px solid #4399ff; |
|||
} |
|||
|
|||
[disabled]:hover { |
|||
color: #c7c7c7; |
|||
cursor: text; |
|||
border: 1px solid #d7d7d7; |
|||
} |
|||
|
|||
.getpwdModelloginbtn a { |
|||
text-decoration: none; |
|||
color: #5299dc; |
|||
} |
|||
|
|||
.head { |
|||
width: 380px; |
|||
height: 50px; |
|||
} |
|||
|
|||
.privacy, |
|||
.user { |
|||
cursor: pointer; |
|||
color: #5299dc; |
|||
} |
|||
|
|||
.modal-body p { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
line-height: 30px; |
|||
} |
|||
|
|||
.modal-body span { |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
.modal-body .title { |
|||
width: 1200px; |
|||
margin: 30px auto 40px; |
|||
text-align: center; |
|||
font-size: 20px; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.modal-body .content { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
text-indent: 32px; |
|||
padding: 10px 0; |
|||
} |
|||
|
|||
.modal-body .box { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
padding: 10px 0 30px; |
|||
} |
|||
|
|||
.modal-body .box>p { |
|||
margin: 0; |
|||
} |
|||
|
|||
.modal-body .Subtitle { |
|||
text-indent: 0; |
|||
font-size: 18px; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.modal-body .textStyle { |
|||
color: #0000ff; |
|||
} |
|||
|
|||
.modal-body .spanStyle { |
|||
text-decoration: dashed; |
|||
color: #0000ff; |
|||
} |
|||
|
|||
.modal-body .contact { |
|||
padding: 5px 0; |
|||
} |
|||
|
|||
.modal-body .new_bottom { |
|||
color: red; |
|||
border-left: 1px red solid; |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
padding-left: 10px; |
|||
padding-bottom: 30px; |
|||
} |
|||
|
|||
|
|||
|
|||
.trade_agreement .trade_h11 { |
|||
width: 1200px; |
|||
/* color: red; */ |
|||
/* letter-spacing: 4rem; */ |
|||
text-align: center; |
|||
margin: 30px auto 40px; |
|||
} |
|||
|
|||
|
|||
.trade_agreement .p1 { |
|||
width: 1200px; |
|||
height: 1px; |
|||
background-color: red; |
|||
margin: 30px auto; |
|||
} |
|||
|
|||
.trade_agreement .trade_h12 { |
|||
width: 1200px; |
|||
text-align: center; |
|||
margin: 30px auto 40px; |
|||
} |
|||
|
|||
.trade_agreement .trade_p { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
text-indent: 32px; |
|||
padding: 10px 0; |
|||
} |
|||
|
|||
.trade_agreement .trade_p_no_indent { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
padding: 10px 0; |
|||
} |
|||
|
|||
|
|||
.trade_agreement .trade_p span { |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.trade_bold { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.trade_p_bold { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
font-weight: bold; |
|||
padding: 10px 0; |
|||
} |
|||
|
|||
.trade_agreement .trade_p_indent_bold { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
text-indent: 32px; |
|||
padding: 10px 0; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.trade_agreement .trade_p1 { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
padding: 10px 0; |
|||
} |
|||
@ -0,0 +1,398 @@ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.banner { |
|||
width: 100%; |
|||
height: 400px; |
|||
} |
|||
|
|||
.banner-wrapper { |
|||
position: relative; |
|||
overflow: hidden; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.banner-list { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
display: flex; |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
|
|||
.punctuation { |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 35px; |
|||
/* background-color: red; */ |
|||
bottom: 40px; |
|||
} |
|||
|
|||
.punct_box { |
|||
height: 35px; |
|||
margin: 0 auto; |
|||
display: flex; |
|||
/* background-color: #206CCF; */ |
|||
} |
|||
|
|||
.punct_item { |
|||
width: 80px; |
|||
height: 35px; |
|||
background-color: #000; |
|||
opacity: 0.72; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.punct_item2 { |
|||
margin-right: 20px; |
|||
} |
|||
|
|||
.punct_item3 { |
|||
background-color: #fff; |
|||
} |
|||
|
|||
.store_deailsbox { |
|||
width: 100%; |
|||
background: #F2F8FC; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.detisl_head { |
|||
width: 1200px; |
|||
height: 180px; |
|||
margin: 30px auto; |
|||
/* background: white; */ |
|||
display: flex; |
|||
padding: 0 20px; |
|||
} |
|||
|
|||
.head_left { |
|||
width: 30%; |
|||
height: 180px; |
|||
} |
|||
|
|||
.head_left img { |
|||
width: 100%; |
|||
height: 100%; |
|||
object-fit: contain; |
|||
} |
|||
|
|||
.head_right { |
|||
width: 70%; |
|||
height: 180px; |
|||
margin-left: 20px; |
|||
display: flex; |
|||
} |
|||
|
|||
.con_box_left,.con_box_right { |
|||
width: 50%; |
|||
} |
|||
|
|||
.con_box { |
|||
display: flex; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
font-size: 14px; |
|||
border: 1px solid #d7d7d7; |
|||
border-collapse: collapse; |
|||
} |
|||
|
|||
.title_two { |
|||
width: 40%; |
|||
text-align: center; |
|||
padding-right: 5px; |
|||
border-right: 1px solid #d7d7d7; |
|||
border-collapse: collapse; |
|||
} |
|||
|
|||
.content_two { |
|||
width: 60%; |
|||
border-collapse: collapse; |
|||
padding: 0 0 0 15px; |
|||
margin-right: 10px; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
display: -webkit-box; |
|||
-webkit-line-clamp: 1; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
.search_header { |
|||
width: 1200px; |
|||
height: 100px; |
|||
margin: 0px auto; |
|||
background: white; |
|||
} |
|||
|
|||
.search_header .search_box { |
|||
padding: 40px; |
|||
display: flex; |
|||
justify-content: space-evenly; |
|||
} |
|||
|
|||
.search_header .search_box div .iptword { |
|||
width: 190px; |
|||
height: 30px; |
|||
margin-left: 20px; |
|||
border: 1px solid #dddddd; |
|||
} |
|||
|
|||
.search_header .search_box div .select { |
|||
width: 140px; |
|||
height: 30px; |
|||
border: 1px solid #dddddd; |
|||
margin-left: 20px; |
|||
outline: none; |
|||
} |
|||
|
|||
.search_header .search_box div .select1 { |
|||
width: 140px; |
|||
height: 30px; |
|||
border: 1px solid #dddddd; |
|||
margin-left: 20px; |
|||
outline: none; |
|||
} |
|||
|
|||
|
|||
.search_header .search_box .btn3, |
|||
.btn4 { |
|||
width: 68px; |
|||
height: 30px; |
|||
margin-left: 20px; |
|||
outline: none; |
|||
border: none; |
|||
color: white; |
|||
background-color: rgba(62, 71, 97, 1); |
|||
} |
|||
|
|||
/* 内容样式 */ |
|||
.main_table { |
|||
width: 1200px; |
|||
margin: 20px auto; |
|||
padding: 20px 0; |
|||
background-color: #fff; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.main_table #main_cent { |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
padding: 0 20px; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook { |
|||
width: 265px; |
|||
height: 420px; |
|||
cursor: pointer; |
|||
margin: 10px 0 0 33px; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook .mook_head { |
|||
position: relative; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook:nth-child(1) { |
|||
margin-left: 0px; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook:nth-child(4n+1) { |
|||
margin-left: 0px; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook .mook_head .tig_head { |
|||
position: absolute; |
|||
height: 25px; |
|||
left: 188px; |
|||
top: 0; |
|||
background-color: rgba(0, 0, 0, 0.6); |
|||
color: white; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
line-height: 25px; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook .mook_head .tig_bottom { |
|||
position: absolute; |
|||
width: 265px; |
|||
height: 50px; |
|||
left: 0; |
|||
top: 220px; |
|||
background-color: rgba(0, 0, 0, 0.6); |
|||
color: white; |
|||
line-height: 50px; |
|||
display: flex; |
|||
font-size: 16px; |
|||
justify-content: space-between; |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook .mook_head .tig_bottom .tig_botm1 { |
|||
width: 160px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook .mook_head img { |
|||
width: 265px; |
|||
height: 270px; |
|||
/* object-fit: contain; */ |
|||
} |
|||
|
|||
#main_cent .main_mook .mook_men { |
|||
width: 265px; |
|||
height: 125px; |
|||
background-color: rgba(242, 242, 242, 1); |
|||
} |
|||
|
|||
#main_cent .main_mook .mook_men p { |
|||
width: 245px; |
|||
font-size: 13px; |
|||
color: #737373; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
#main_cent .main_mook .mook_men .bor { |
|||
width: 245px; |
|||
border: 1px solid #CCCCCC; |
|||
margin: 5px 0 0 10px; |
|||
line-height: 1px; |
|||
background-color: #CCCCCC; |
|||
} |
|||
|
|||
#main_cent .main_mook .mook_men .men_bott { |
|||
display: flex; |
|||
justify-content: space-around; |
|||
font-size: 15px; |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
#main_cent .main_mook .mook_men .men_bott div { |
|||
margin-top: 7px; |
|||
} |
|||
|
|||
|
|||
#main_cent .main_mook .mook_men .men_bott .men_name { |
|||
color: #4C0000; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.setPageDiv { |
|||
width: 1100px; |
|||
margin: auto; |
|||
margin-bottom: 91px; |
|||
margin-top: 37px; |
|||
} |
|||
|
|||
#pagination { |
|||
margin: auto; |
|||
margin-left: 100px; |
|||
text-align: right; |
|||
} |
|||
|
|||
/* 外面盒子样式---自己定义 */ |
|||
|
|||
.page_div { |
|||
margin-top: 20px; |
|||
color: #666; |
|||
text-align: right; |
|||
padding: 0 26px 0 0; |
|||
} |
|||
|
|||
|
|||
/* 页数按钮样式 */ |
|||
|
|||
.page_div button { |
|||
display: inline-block; |
|||
min-width: 30px; |
|||
height: 28px; |
|||
cursor: pointer; |
|||
color: #666; |
|||
font-size: 13px; |
|||
line-height: 28px; |
|||
background-color: #f9f9f9; |
|||
border: 1px solid #dce0e0; |
|||
text-align: center; |
|||
margin: 0 4px; |
|||
-webkit-appearance: none; |
|||
-moz-appearance: none; |
|||
appearance: none; |
|||
} |
|||
|
|||
|
|||
/* 单页数据选择框样式 */ |
|||
|
|||
#page-sizes { |
|||
display: inline-block; |
|||
min-width: 80px; |
|||
height: 28px; |
|||
cursor: pointer; |
|||
color: #0073A9; |
|||
font-size: 13px; |
|||
line-height: 28px; |
|||
background-color: #f9f9f9; |
|||
border: 1px solid #0073A9; |
|||
text-align: center; |
|||
margin: 0 4px; |
|||
border-radius: 0; |
|||
} |
|||
|
|||
#page-sizes:focus-visible { |
|||
outline: -webkit-focus-ring-color auto 0; |
|||
} |
|||
|
|||
#text { |
|||
width: 50px; |
|||
height: 29px; |
|||
color: #666; |
|||
text-align: center; |
|||
border: 1px solid #0073A9; |
|||
} |
|||
|
|||
#firstPage, |
|||
#lastPage, |
|||
#nextPage, |
|||
#prePage { |
|||
width: 50px; |
|||
color: #0073A9; |
|||
border: 1px solid #0073A9; |
|||
} |
|||
|
|||
#nextPage, |
|||
#prePage { |
|||
width: 70px; |
|||
} |
|||
|
|||
.page_div .current { |
|||
background-color: #0073A9; |
|||
border-color: #0073A9; |
|||
color: #FFF; |
|||
} |
|||
|
|||
/* 页面数量 */ |
|||
.totalPages { |
|||
margin: 0 10px; |
|||
} |
|||
|
|||
.totalPages span, |
|||
.totalSize span { |
|||
color: #0073A9; |
|||
margin: 0 5px; |
|||
} |
|||
|
|||
|
|||
/*button禁用*/ |
|||
|
|||
.page_div button:disabled { |
|||
opacity: .5; |
|||
cursor: no-drop; |
|||
} |
|||
@ -0,0 +1,216 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>用户注册协议</title> |
|||
<!-- <link rel="stylesheet" href="../css/clause.css"> --> |
|||
<link rel="stylesheet" href="../css/agreement.css"> |
|||
<script src="../js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="trade_agreement"> |
|||
<h1 class="trade_h" style="font-weight: normal;">用户注册协议</h1> |
|||
<p class="trade_bold">一、协议主体</p> |
|||
<p class="trade_p"> |
|||
注册人是指使用全国文化大数据交易中心（以下简称：平台）相关服务的使用人，即平台用户（以下简称：您），平台是为您提供全国文化大数据自主报价与点选成交为主、评估价与撮合成交为辅的交易方式及相关技术服务的信息中介平台。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
依据《中华人民共和国民法典》、《中华人民共和国电子商务法》、《中华人民共和国网络安全法》、《中华人民共和国数据安全法》、《广东省交易场所监督管理办法》等法律法规以及平台交易规则和相关配套规则，在平等、自愿、协商一致的基础上，您就平台账户注册、登录、认证、使用（包括但不限于PC端、移动终端等方式注册、登录及使用）和文化大数据交易或服务等相关事宜签署本协议。 |
|||
</p> |
|||
<p class="trade_bold">二、平台服务范围</p> |
|||
<p class="trade_p_nobold">1、服务范围</p> |
|||
<p class="trade_p_indent_bold decora_line"> |
|||
您已经知晓参与的是平台上文化大数据交易及相关活动，平台仅向您提供综合文化大数据信息中介和交易结算服务，以便您参与的文化大数据交易活动得以顺利进行，平台的运营方并非参与文化大数据交易及相关活动的用户，您和平台的其他用户之间的商业关系等行为与平台的运营方无关，平台的运营方对此不承担任何责任。您知晓并确认，您对平台无任何权益主张。平台的运营方不对各用户的任何口头、书面陈述或者文化大数据信息的真实性、合法性和商业价值做任何明示或暗示的担保，或承担任何责任。 |
|||
</p> |
|||
<p class="trade_p_indent_bold decora_line"> |
|||
2、成为平台的用户，需要经过平台运营方的审核，审核通过之后，根据您提交的相关个人信息和开户信息等资料生成唯一的平台账户，运营方会根据相关规定以及您的申请意愿，授予您相应的“个人”和“机构”身份和权限。您知晓并认可本协议及账户等相关信息会自动上传，您可通过平台账户参与平台的文化大数据交易及相关活动。 |
|||
</p> |
|||
<p class="trade_bold">三、平台账户注册、使用与管理</p> |
|||
<p class="trade_p_nobold">1、平台账户注册</p> |
|||
<p class="trade_p_indent_bold decora_line"> |
|||
（1）您在注册账户时，应当严格遵守有关法律法规以及全国文化大数据交易平台的规则，必须提供真实、准确、完整、合法有效的资料，且有义务维持并及时更新资料，您提供的所有资料将被引用为注册信息。您保证不以他人资料在平台进行注册或认证。如您提供的资料不符合要求，需承担因此引起的全部法律责任及后果，平台保留终止您使用平台各项服务及追诉的权利。 |
|||
</p> |
|||
<p class="trade_p_indent_bold decora_line"> |
|||
（2）您在享受平台提供的相关服务过程中，应在全阶段（包括但不限于注册平台账户时）保证符合相关法律法规和本平台相关规则的规定、具备在平台独立注册及参与文化大数据交易活动相适应的权利能力和行为能力。若您不具备前述主体资格及能力，您应停止参与平台的交易活动，否则您应承担因此而导致的一切后果，平台的运营方不承担任何责任且有权向您追偿。 |
|||
</p> |
|||
<p class="trade_p_nobold">2、账户使用</p> |
|||
<p class="trade_p_indent_bold decora_line"> |
|||
您应妥善保管账户和密码等机密信息，并确保在平台的一切行为均为本人操作和使用，平台的运营方任何时候均不会主动要求您提供账户密码。凡使用您账户和密码的行为，均视为您本人的操作（包括但不限于在线签署各类协议、发布信息、参与文化大数据交易等），操作所产生的全部信息记录均为平台用户行为的有效凭据，您负全部责任。因您故意或过失泄露、主动或被动向第三人披露（包括但不限于借用、转让）账户而导致的损失及后果，由您自行妥善处理，平台不承担任何责任。您不应将账户、密码转让或出借予他人使用，如用户发现其账户遭他人非法使用，应立即通知平台的运营方。因黑客行为或您的保管疏忽等情形导致账户、密码遭他人非法使用，平台不承担任何责任。 |
|||
</p> |
|||
<p class="trade_p_indent_bold decora_line"> |
|||
您在注册账户过程中，将对应“个人”和“机构”两个选项，您可进行勾选确定参与类别。注册成功后您将可以在平台进行文化大数据交易信息的浏览，并可根据参与交易的需要，按要求办理相关手续。 |
|||
</p> |
|||
<p class="trade_p_nobold">3、账户管理</p> |
|||
<p class="trade_p_nobold"> |
|||
(1)您在参与文化大数据交易活动前，须在平台注册并开立交易账户。您需按平台要求填写相关资料，提供包括但不限于认证类型、账号持有者名称、持有者身份证明类型、身份证明号码、身份证明文件图片、交易银行卡开户行、交易银行卡账号、法人名称（机构）、法定代表人身份证号（机构）和身份证明文件图片（机构）等相关资料信息，并保证注册及交易方账户开立所需信息的真实、准确、完整、合法有效，并自行承担因此引起的法律责任及后果，平台保留终止您使用平台服务及追诉的权利。您充分理解并同意接收平台发送的相关信息，因您提供的信息不真实、不完整等原因导致使用平台服务受限，产生的不利后果，由您自行承担。如您所提供的信息发生变动，应在3个工作日内进行变更，因信息变更不及时或不准确等原因而导致的损失由您自行承担，平台不承担任何责任。 |
|||
</p> |
|||
<p class="trade_bold decora_line"> |
|||
(2)您须保证参与平台的文化大数据交易活动的资金来源和性质的合法性，并自行承担因资金引起的法律责任及后果，平台有权在发现您存在或出现资金问题时限制或终止您享受平台服务的权利。 |
|||
</p> |
|||
<p class="trade_bold decora_line"> |
|||
(3)您同意并接受平台将个人资料和交易资料用于必要或适当的用途，包括但不限于对资料和信息进行收集、整理、核对、平台业务分析使用，以及提供给平台白名单合作机构、中介服务机构、支付与结算服务公司等相关服务机构。您注册成功时，即表示您同意平台收集并使用您的资料，并接受平台通过短信、电子邮件或其他方式向您发送宣传推广或者其他相关信息。您授权平台及运营方的相关关联方有权使用您提供的各项信息。在法律法规规定范围内，平台有权向相关国家机关及持相关国家机关出具的相关法律文书(包括但不限于介绍函、委托书等)的机构或个人提供您在使用平台服务时所储存的相关信息。平台重视您的个人信息保护，并不会将您的相关信息提供给与业务无关的个人或机构、也不会将您的上述相关信息用于与本协议无关的业务，向第三方提供您个人信息时，平台亦会坚持最小化提供的原则，并符合国家的相关规定。 |
|||
</p> |
|||
<p class="trade_p_nobold"> |
|||
(4)您须自行备份储存在平台中的数据。如果您的服务终止，您授权及同意平台将有关的数据永久删除，服务终止后平台及运营方没有继续储存您的数据的义务。 |
|||
</p> |
|||
<p class="trade_p_nobold">4、知识产权</p> |
|||
<p class="trade_bold decora_line"> |
|||
您同意及确认：您在平台上因交易行为及使用平台服务所产生的交易数据和行为数据包括但不限于文字、照片、客户评论的用户画像数据等的知识产权归平台运营方所有，即平台是上述用户画像数据的唯一产权人，受相关法律的保护。 |
|||
</p> |
|||
<p class="trade_p_nobold">5、不活跃账号回收</p> |
|||
<p class="trade_bold decora_line">如您的账号同时符合以下条件，则平台可回收您的账号，您的账号将不能再登录平台，相应服务同时终止：</p> |
|||
<p class="trade_p_nobold">(1)未绑定通过身份认证的账号；</p> |
|||
<p class="trade_p_nobold">(2)连续十二个月未用于登录平台.</p> |
|||
<p class="trade_p_nobold">(2)不存在未到期的有效业务。</p> |
|||
<p class="trade_bold">四、注意事项</p> |
|||
<p class="trade_bold decora_line"> |
|||
1、您若存在违反中华人民共和国法律法规或全国文化大数据交易平台的相关规则等情形，包括但不限于申请注册时提供的资料存在使用他人信息或者使用虚假信息或证件、资金来源不合法，导致损害了国家利益、公共利益、平台合法权益、第三人合法权益，平台的运营方有权对您采取相应的管控措施，其中包括但不限于警告、冻结账户、注销账户等。 |
|||
</p> |
|||
<p class="trade_bold decora_line"> |
|||
2、如果您违反法律法规、违反本协议约定或存在任何恶意行为，无论经平台发现或第三人投诉，平台有权随时对相关内容进行删除、屏蔽，以及采取包括但不限于警告、限制或禁止使用部分或全部功能、账户封禁、注销账户等一切措施，平台无需通知您。 |
|||
</p> |
|||
<p class="trade_bold decora_line"> |
|||
3、平台可对您违法违规或违约行为采取处理措施，可将相应信息在平台上予以公示，因违反本协议或相关服务条款，导致第三方主张的任何索赔，由您独立承担责任，平台因此遭受的损失，由您负责赔偿。 |
|||
</p> |
|||
<p class="trade_p_nobold"> |
|||
4、您违法违规或违约的，平台有权采取一切合法措施并追究您的责任，并将有关信息报告及移交相关国家机关及持相关法律文书的机构或个人，您应自行承担由此而产生的一切法律责任。 |
|||
</p> |
|||
<p class="trade_p_nobold">5、<span class="trade_bold decora_line">您确认:</span></p> |
|||
<p class="trade_bold decora_line">(1)在平台上参与文化大数据交易活动纯属自愿行为，未受任何人欺诈胁迫；</p> |
|||
<p class="trade_bold decora_line">(2)平台上的文化大数据由各用户提供，而非由平台提供，您自行评估是否参与文化大数据交易行为；</p> |
|||
<p class="trade_bold decora_line"> |
|||
(3)文化大数据的相关信息是根据卖方/授权方用户(包括其委托的如评估、评价等专业第三方)提供交易标的的信息在平台上予以显示，平台对该等信息不承担任何责任； |
|||
</p> |
|||
<p class="trade_bold decora_line">(4)您应对文化大数据交易标的的相关信息自行解读和判断；</p> |
|||
<p class="trade_bold decora_line">(5)平台上交易的文化大数据交易标的价格实行授权方/卖方自主报价原则，当被授权方/买方有指定要求时，双方可委托服务商提供评估服务。</p> |
|||
<p class="trade_p_nobold"><span |
|||
class="weight_bold decora_line">(6)平台运营方因平台向您提供服务付出了大量的成本，如未来平台运营方向您收取合理费用，平台运营方会采取合理途径并以足够合理的期限提前以您预留的联系方式通知您，确保您有充分选择的权利。</span>平台收费科目包括但不限于：交易主体认证费、交易佣金、服务佣金等。<span |
|||
class="weight_bold decora_line">若您是买方/被授权方用户，平台在您提交交易订单所生成订单中提示需收取您的相关费用；若您是卖方/授权方用户，将由您授权同意与平台合作的第三方支付结算服务公司的分账及代收代付等相关业务，由第三方支付结算服务公司先代收代付平台和服务方相关费用后再结算您剩余应得的交易价款部分。</span> |
|||
</p> |
|||
<p class="trade_p_nobold"> |
|||
6、如您因严重违约导致平台中止或终止本协议时，出于维护平台秩序和权益的目的，平台及/或其关联方可对与您在其他协议项下的合作采取中止或终止协议的措施，并以您注册时预留的联系方式通知您。 |
|||
</p> |
|||
<p class="trade_p_nobold"> |
|||
7、您需特别注意平台上的文化大数据存在交易有效期限，具体以卖方/授权方在平台展示的信息为准。文化大数据交易标的到期，平台将对文化大数据交易标的进行下架处理，但下架的原因还包括但不限于因市场、政策或其他原因导致文化大数据交易标的提前下架，下架前，平台原则上会提前公告或通知相关信息，敬请您留意相关公告或通知信息。您需谨慎选择是否参与文化大数据交易标的交易，在下架后应在规定的期限内及时交割下载处理，如您未及时交割下载，相关后果将由您自行承担，平台不承担任何责任。 |
|||
</p> |
|||
<p class="trade_bold">五、用户行为规范</p> |
|||
<p class="trade_p_nobold"> |
|||
1、您使用平台服务，必须遵守中华人民共和国相关法律法规的规定，应当遵循善意、和平、友好、诚实守信的原则，您确认不利用平台进行任何违法违规或不正当的活动，包括但不限于： |
|||
</p> |
|||
<p class="trade_p_nobold">(1)上传、展示、张贴、传播或以其它方式传送含有下列内容之一的信息:</p> |
|||
<p class="trade_p_nobold">①违反法律法规禁止性规定的;</p> |
|||
<p class="trade_p_nobold">②危害国家安全，泄露国家秘密,颠覆国家政权，破坏国家统一的;</p> |
|||
<p class="trade_p_nobold">③损害国家荣誉和利益的；</p> |
|||
<p class="trade_p_nobold">④煽动民族仇恨、民族歧视、破坏民族团结的；</p> |
|||
<p class="trade_p_nobold">⑤破坏国家宗教政策，宣扬邪教和封建迷信的；</p> |
|||
<p class="trade_p_nobold">⑥散布谣言，扰乱社会秩序，破坏社会稳定的；</p> |
|||
<p class="trade_p_nobold">⑦散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；</p> |
|||
<p class="trade_p_nobold">⑧侮辱或者诽谤他人，侵害他人合法权利的；</p> |
|||
<p class="trade_p_nobold">⑨含有虚假、有害、胁迫、侵害他人隐私、骚扰、侵害、中伤、粗俗或其它道德上令人反感的内容，或其他有悖善良风俗的内容；</p> |
|||
<p class="trade_p_nobold">⑩含有其它违法违规内容的。</p> |
|||
<p class="trade_p_nobold">(2)利用平台从事以下活动：</p> |
|||
<p class="trade_p_nobold">①未经允许，进入计算机信息网络或者使用计算机信息网络资源的；</p> |
|||
<p class="trade_p_nobold">②未经允许，对计算机信息网络功能进行删除、修改或者增加的；</p> |
|||
<p class="trade_p_nobold">③未经允许，对进入计算机信息网络中存储、处理或者传输的数据和应用程序进行删除、修改或者增加的；</p> |
|||
<p class="trade_p_nobold">④故意制作、传播计算机病毒等破坏性程序的；</p> |
|||
<p class="trade_p_nobold">⑤其他危害计算机信息网络安全的行为。</p> |
|||
<p class="trade_p_nobold">(3)其他基于非法或不正当目的而使用平台服务的行为。</p> |
|||
<p class="trade_p_nobold">(4)不得利用参与本平台业务名义，擅自进行公开宣传，或者向不特定人群集资。</p> |
|||
<p class="trade_p_nobold">2、您注册的账户名称如存在违反法律法规或国家政策要求，或侵犯任何第三方合法权益的情况，平台有权收回该账户名称。</p> |
|||
<p class="trade_p_nobold"> |
|||
3、如您在使用平台时违反任何上述规定，平台有权要求改正或直接采取一切必要的措施（包括但不限于更改或删除用户张贴的内容、暂停或终止用户使用平台服务的权利等）以减轻和消除用户不当行为造成的影响。</p> |
|||
<p class="trade_p_nobold">4、您不得对在使用平台服务中获得的信息进行出售、转出售或用于任何其它商业目的。</p> |
|||
<p class="trade_p_nobold"> |
|||
5、您须对自身在使用平台服务过程中的行为承担法律责任。您承担法律责任的形式包括但不限于：对受到侵害者进行赔偿，以及如果在平台运营方首先承担了因您行为导致的行政处罚或侵权损害赔偿责任后，您应给予平台运营方赔偿，赔偿范围包括平台运营方向第三方支付的赔偿、罚款以及平台运营方因此而受到的全部损失。 |
|||
</p> |
|||
<p class="trade_p_nobold">6、您在文化大数据交易过程中与其他用户发生争议的，您应自行与其他用户协商解决，平台可视情况进行调解。</p> |
|||
<p class="trade_bold decora_line"> |
|||
7、因您参与文化大数据交易活动引发争议至国家相关部门寻求解决的，以及其他可能产生对平台运营方造成损失或不良影响的情形，平台运营方可根据情节的严重程度采取包括但不限于监管、限制交易、限制发布、屏蔽、冻结账户、冻结货款、注销账户等临时性或终局性的管控措施。 |
|||
</p> |
|||
<p class="trade_p_nobold"> |
|||
8、您在使用平台服务过程中，不得侵犯平台其他用户的权利。如第三方侵犯用户在平台上的相关权益，平台可配合采取相应的应对措施，包括但不限于要求停止侵权行为、损害赔偿和提起诉讼等。</p> |
|||
<p class="trade_p_nobold">9、您在使用平台服务过程中，您的所有合作机构及其下属公司、关联公司的法定代表人、实际控制人及高管人员不得为平台约定不得从事的业务进行站台、背书，或进行业务关联。</p> |
|||
<p class="trade_bold">六、违约及处理</p> |
|||
<p class="trade_p_nobold">1、违约认定发生如下情形之一的，视为您违约：</p> |
|||
<p class="trade_bold decora_line">(1)使用平台及参与文化大数据交易活动时违反有关法律法规规定的；</p> |
|||
<p class="trade_bold decora_line">(2)违反本协议或协议相关规章制度承诺约定的。</p> |
|||
<p class="trade_bold decora_line"> |
|||
为适应市场发展及客户需求对高效优质平台服务的需求，您理解并同意，平台运营方可在平台相关规则中约定违约认定的程序和标准。如：可依据您的用户数据与海量用户数据的关系来认定您是否构成违约；您有义务对您的数据异常现象进行充分举证和合理解释，否则将被认定为违约。 |
|||
</p> |
|||
<p class="trade_p_nobold">2、违约处理措施</p> |
|||
<p class="trade_bold decora_line"> |
|||
(1)行为限制：您在平台上实施的行为，或虽未在平台上实施但对平台及其用户产生影响的行为构成违约的，平台可依据相应规则对您执行账户扣分、限制参加平台活动、中止向您提供部分或全部服务、划扣违约金等处理措施。如您的行为构成根本违约的，平台可冻结或注销您的账户，终止向您提供服务。 |
|||
</p> |
|||
<p class="trade_bold decora_line"> |
|||
(2)支付账户处理：当您违约的同时存在欺诈、售假、盗用他人账户等特定情形或您存在危及他人交易安全或账户安全风险时，平台会依照您行为的风险程度指示支付公司对您的支付账户采取取消收款、资金止付等强制措施。 |
|||
</p> |
|||
<p class="trade_bold decora_line">(3)处理结果公示：平台运营方可将对您上述违约行为处理措施信息以及其他经国家行政或司法机关生效法律文书确认的违法信息在平台上予以公示。</p> |
|||
<p class="trade_p_nobold">3、赔偿责任</p> |
|||
<p class="trade_bold decora_line"> |
|||
如果您的行为使平台运营方及其相关关联方遭受损失(包括自身的直接经济损失、商誉损失及对外支付的赔偿金、和解款、律师费、诉讼费等间接经济损失)，您应赔偿平台运营方及其相关关联方的上述全部损失。 |
|||
</p> |
|||
<p class="trade_bold decora_line">如您的行为使平台运营方及其相关关联方遭受第三人主张权利，平台运营方及其相关关联方可在对第三人承担金钱给付等义务后就全部损失向您追偿。</p> |
|||
<p class="trade_bold decora_line"> |
|||
如因您的行为使得第三人遭受损失或您怠于履行调解决定、平台运营方及其相关关联方出于社会公共利益保护目的，可指示支付公司自您的支付账户中划扣相应款项进行支付。如您的支付余额或保证金不足以支付相应款项的，您同意委托平台运营方使用自有资金代您支付上述款项，您应当返还该部分费用并赔偿因此造成平台运营方的全部损失。 |
|||
</p> |
|||
<p class="trade_bold decora_line">您同意平台运营方指示第三方支付结算公司自您的支付账户中划扣相应款项支付上述赔偿款项。</p> |
|||
<p class="trade_p_nobold">4、特别约定</p> |
|||
<p class="trade_p_nobold"> |
|||
(1)商业贿赂：如您向平台运营方及其相关关联方的雇员或顾问等提供实物、现金、现金等价物、劳务、旅游等明显超出正常商务洽谈范畴的价值，则可视为您存在商业贿赂行为。发生上述情形的，平台运营方可立即终止与您的所有合作并向您收取违约金及赔偿金，该等金额以平台运营方因您的贿赂行为而遭受的经济损失和商誉损失作为计算依据。 |
|||
</p> |
|||
<p class="trade_p_nobold"> |
|||
(2)关联处理：如您因严重违约导致平台运营方中止或终止本协议时，出于维护平台秩序的目的，平台运营方及其相关关联方可对与您在其他协议项下的合作采取中止或终止协议的措施，并以您注册时预留的联系方式通知您。 |
|||
</p> |
|||
<p class="trade_bold">七、协议生效</p> |
|||
<p class="trade_bold decora_line"> |
|||
1、您同意且勾选确认本协议时，本协议自动生效，即表示您主动接受本协议的各项约定，并愿意就违反本协议约定承担相应的法律责任。现有的协议约定也不能保证完全符合未来发展的需求。因此，平台发布的交易规则、管理制度及相关声明等均为本协议的补充约定，与本协议不可分割且具有同等法律效力。如您使用平台服务或参与文化大数据交易活动，视为您同意上述补充约定。 |
|||
</p> |
|||
<p class="trade_p_nobold">2、您须知本协议中任何条款被废止、无效或因任何理由不可执行，不影响任何其它条款的有效性和可执行性。</p> |
|||
<p class="trade_p_nobold"> |
|||
3、平台运营方有权根据需要制定或修改相关规则、规章制度等，该等已经公布的或将来公布的相关规则、规章制度等，视为本协议不可分割的一部分，与协议正文具有同等的法律效力，经平台运营方公布即生效。 |
|||
</p> |
|||
<p class="trade_p_nobold">4、平台运营方保留在法律框架下对本协议的解释权。</p> |
|||
<p class="trade_bold">八、协议的变更及终止</p> |
|||
<p class="trade_p_nobold">1、变更事项</p> |
|||
<p class="trade_p_nobold"> |
|||
根据国家法律法规变化及平台运营需要，平台运营方有权对本协议条款、相关规则、运营主体等进行修订及变更，修订及变更后的内容一经以任何形式在平台公布即生效，并以新修订及变更后的内容为准，您应不时关注包括但不限于平台公告、通知、提示信息及协议、规则等相关内容的变动，平台不逐一、单独、分别书面通知各用户。您知悉并确认，如您不同意更新后的内容，应立即停止使用平台服务；如您继续使用，即视为知悉变动内容并默认同意接受。 |
|||
</p> |
|||
<p class="trade_p_nobold">2、终止的情形</p> |
|||
<p class="trade_p_nobold">出现以下情况时，平台运营方可通过您注册时预留的联系方式通知您终止本协议：</p> |
|||
<p class="trade_p_nobold">①您违反本协议约定，平台运营方依据违约条款终止本协议的；</p> |
|||
<p class="trade_p_nobold">②您盗用他人账户、发布违禁信息、骗取他人财物、售假、扰乱市场秩序、采取不正当手段谋利等行为，平台运营方依据平台规则对您的账户予以查封的；</p> |
|||
<p class="trade_p_nobold">③除上述情形外，因您多次违反平台规则相关规定且情节严重，平台运营方依据平台规则对您的账户予以查封的；</p> |
|||
<p class="trade_p_nobold">④您的账户被平台运营方依据本协议回收的；</p> |
|||
<p class="trade_p_nobold">⑤您在平台有欺诈、发布或销售假冒/侵权文化大数据产品、侵犯他人合法权益或其他严重违法违约行为的；</p> |
|||
<p class="trade_p_nobold">⑥其它应当终止服务的情况。</p> |
|||
<p class="trade_p_nobold">3、协议终止后的处理</p> |
|||
<p class="trade_p_nobold">(1)本协议终止后，除法律有明确规定外，平台运营方无义务向您或您指定的第三方披露您账户中的任何信息。</p> |
|||
<p class="trade_p_nobold">(2)本协议终止后，平台运营方仍享有下列权利：</p> |
|||
<p class="trade_p_nobold">①继续保存您留存于平台的各类信息；</p> |
|||
<p class="trade_p_nobold">②对于您过往的违约行为，平台运营方仍可依据本协议向您追究违约责任。</p> |
|||
<p class="trade_p_nobold">(3)本协议终止后，对于您在本协议存续期间产生的交易订单，您需自行及时联系卖方/授权方进行交割下载处理，平台运营方对此不承担任何责任。 |
|||
</p> |
|||
<p class="trade_bold">九、法律适用及争议解决</p> |
|||
<p class="trade_bold decora_line"> |
|||
本协议的订立、执行、终止和解释及争议的解决均应适用中国法律。本协议的签署地点为中华人民共和国深圳市福田区，如您与平台运营方就本协议内容或其执行发生任何争议，双方友好协商解决。协商不成，任何一方可向深圳市福田区人民法院诉讼解决。 |
|||
</p> |
|||
<p class="trade_bold decora_line"> |
|||
特别提示：您在使用本平台之前，请您务必审慎阅读并充分理解本协议各条款内容，特别是涉及免除或者限制责任的条款、对权利进行限制的条款、争议解决条款等。其中，免除或者限制责任条款将以加粗、加下划线等形式提示您注意，您应重点阅读。 |
|||
</p> |
|||
<p class="trade_bold decora_line"> |
|||
如您自主选择注册或使用本平台及相关服务，即视为您已充分理解本协议，完全同意本协议各项内容，并同意作为本协议的一方当事人接受本协议及相关协议和规则（包括但不限于《隐私政策》）的约束。 |
|||
</p> |
|||
<p class="trade_p_nobold">深圳文化产权交易所</p> |
|||
<p class="trade_p_nobold">电话：0755-88266839 </p> |
|||
<p class="trade_p_nobold">邮箱：szwenjiaosuo@126.com</p> |
|||
<p class="trade_p_nobold">地址：深圳市福田区福田街道滨河大道5008号</p> |
|||
<div style="height: 200px;"></div> |
|||
</div> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -0,0 +1,542 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="zh"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>卖出订单</title> |
|||
<!-- 引入初始化样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/reset.css" /> |
|||
<!-- 引入默认样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/default.css" /> |
|||
<!-- 引入公共页面样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/myComm.css" /> |
|||
<!-- 引入bootstrap样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" /> |
|||
<!-- 引入买入订单页面样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/ByOrder.css" /> |
|||
<link rel="stylesheet" href="../css/header.css"> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap-table.min.css" /> |
|||
<script src="../js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap-table.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<!-- 消息提示插件 --> |
|||
<script src="../js/Dream-Msg.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/ajax.ipanel.js" type="text/javascript" charset="utf-8"></script> |
|||
<style type="text/css"> |
|||
html, |
|||
body { |
|||
width: 100%; |
|||
height: 100%; |
|||
background: #F2F8FC; |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 头部导航样式 --> |
|||
<div class="header"> |
|||
<div class="login"> |
|||
<div id="login"><a href="./login.html">登录</a></div> |
|||
<div id="Logout"><a href="./Home.html">退出登录</a></div> |
|||
<div id="personalCenter"><a href="./Account.html">用户中心</a></div> |
|||
<div id="news"><a href="./MyMessage.html">消息</a></div> |
|||
</div> |
|||
<div class="navbarbox"> |
|||
<div class="titles-name"></div> |
|||
<div class="navbar-tab"> |
|||
<div class="itembox"></div> |
|||
<div class="cart"> |
|||
<img src="../images/cart.png" alt=""> |
|||
<div>购物车</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div style="height: 100px;"></div> |
|||
<!-- 面包屑 --> |
|||
<div class="rumbs"> |
|||
<div class="rumbs_box clear"> |
|||
<div class="rumbs_title">当前位置：个人中心 - </div> |
|||
<div class="rumbs_name">卖出订单</div> |
|||
</div> |
|||
</div> |
|||
<!-- 右侧返回顶部 --> |
|||
<div class="right-bottom"> |
|||
<div class="r-b-top"> |
|||
<a href="#">返回顶部</a> |
|||
</div> |
|||
<div class="r-b-bottom" id="customer"> |
|||
<div> |
|||
<div>留言</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 留言表单 --> |
|||
<div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
|||
<div class="modal-dialog modal-lg" role="document"> |
|||
<div class="modal-content modal-contents"> |
|||
<div class="modal-headers"> |
|||
<div>在线留言</div> |
|||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
</div> |
|||
<div class="modal-body"> |
|||
<div class="modal-top">请把您的问题留下，客服人员会尽快与您取得联系。</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">姓名</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value1" placeholder="请填写您的姓名" /> |
|||
<p id="step_validate1" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">手机号码</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value2" placeholder="请填写您的联系电话" /> |
|||
<p id="step_validate2" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">公司名称</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value3" placeholder="请填写您的公司名称" /> |
|||
<p id="step_validate3" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">留言</div> |
|||
<div class="step_name"> |
|||
<textarea id="step_value4" placeholder="请填写您的需求，我们会尽快与您取得联系"></textarea> |
|||
<p id="step_validate4" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_button"> |
|||
<button type="button" id="submit">提交</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="wraper clear mt30"> |
|||
<div class="byOrder_left"> |
|||
<ul> |
|||
<li style="border-top: 2px solid #4B93E6;"> |
|||
<a href="javaScript:;" style="font-size: 16px;">个人中心</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('Account.html')" style="cursor: pointer;">账户管理</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('MyCetification.html')" style="cursor: pointer;">我的认证</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('BuyOrder.html')" style="cursor: pointer;">买入订单</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('ByOrder.html')" class="active" style="cursor: pointer;">卖出订单</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('BillManage.html')" style="cursor: pointer;">发票管理</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('MyClosing.html')" style="cursor: pointer;">我的结算</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('MyMessage.html')" style="cursor: pointer;">我的消息</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('CerationPayment.html')" style="cursor: pointer;">认证缴费订单</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('Mydeal.html')" style="cursor: pointer;">我的协议</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<div class="byOrder_right ml20"> |
|||
<div class="right_title" id="rightTitle">卖出订单列表</div> |
|||
<div id="box" class="box"> |
|||
<div id="tags"> |
|||
<div>订单状态：</div> |
|||
<div class="current">全部</div> |
|||
<div>待付款订单</div> |
|||
<div>待交付订单</div> |
|||
<div>待结算订单</div> |
|||
<div>已终止订单</div> |
|||
<div>已关闭订单</div> |
|||
</div> |
|||
<div id="content"> |
|||
<div></div> |
|||
<div class="current"></div> |
|||
<div></div> |
|||
<div></div> |
|||
<div></div> |
|||
<div></div> |
|||
<div></div> |
|||
</div> |
|||
<!-- tabele表格数据 --> |
|||
<table id="mytable" class="table"></table> |
|||
</div> |
|||
<!-- 标的信息部分 --> |
|||
<div class="right_sign" id="right_sign"> |
|||
<div class="sign_box"> |
|||
<div class="sign_title">标的信息</div> |
|||
<div class="sign_btn"> |
|||
<input type="button" id="btn2" value="返回" onclick="handelBack()" /> |
|||
</div> |
|||
</div> |
|||
<div class="sign_basic"> |
|||
<div class="basic_img"> |
|||
<img id="info_image"> |
|||
</div> |
|||
<div class="basic_list"> |
|||
<!-- 标的信息 --> |
|||
<div class="basic_title">标的信息</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">标的名称</div> |
|||
<div class="list_content" id="signName"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">标的ISLI标志码</div> |
|||
<div class="list_content" id="isliCoed"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">标的类型</div> |
|||
<div class="list_content" id="signType"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">交易方式</div> |
|||
<div class="list_content" id="entrust"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">权益</div> |
|||
<div class="list_content" id="equity"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">免责条款</div> |
|||
<div class="list_content" id="libaitily" onclick="handelClause()"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">委托类型</div> |
|||
<div class="list_content" id="entrustPeriod"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">收费类型</div> |
|||
<div class="list_content" id="chargeType"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">标的价款</div> |
|||
<div class="list_content" id="myPrice"></div> |
|||
</div> |
|||
<!-- 委托方信息 --> |
|||
<!-- <div class="basic_title" style="margin-top: 30px;">委托方信息</div> |
|||
<div class="entrust_box"> |
|||
<div class="list_box"> |
|||
<div class="list_left">委托方/授权方</div> |
|||
<div class="list_content" id="organName"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">交易主体唯一标志码</div> |
|||
<div class="list_content" id="organISLI"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">注册时间</div> |
|||
<div class="list_content" id="organRegisterTime"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">认证时间</div> |
|||
<div class="list_content" id="organCetifTime"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">认证类型</div> |
|||
<div class="list_content" id="organType"></div> |
|||
</div> |
|||
<div class="list_box"> |
|||
<div class="list_left">认证状态</div> |
|||
<div class="list_content" id="organStatus"></div> |
|||
</div> |
|||
</div> --> |
|||
<!-- 文化资源数据集 --> |
|||
<div class="basic_title" id="sign_title001"></div> |
|||
<table id="mytable2" class="table2"></table> |
|||
<!-- 文化资源数据 --> |
|||
<div class="basic_title" id="sign_title002"></div> |
|||
<table id="mytable3" class="table3"></table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 详情数据 --> |
|||
<div class="right_details" id="right_details"> |
|||
<div class="make_details"> |
|||
<div class="make_title">卖出订单详情</div> |
|||
<div class="make_return" onclick="handelBack()">返回</div> |
|||
</div> |
|||
<!-- 步骤条 --> |
|||
<div class="step_box"> |
|||
<div class="step001"> |
|||
<div class="step_type">订单支付</div> |
|||
<div class="step_line"></div> |
|||
<div class="step_status" id="pay_status"></div> |
|||
<div spellcheck="step_titme" id="step01_titme"></div> |
|||
<div class="step_longLine"></div> |
|||
</div> |
|||
<div class="step001" id="step002"> |
|||
<div class="step_type">发票开具</div> |
|||
<div class="step_line"></div> |
|||
<div class="step_status" id="delivery_status"></div> |
|||
<div spellcheck="step_titme" id="step02_titme"></div> |
|||
<div class="step_longLine"></div> |
|||
</div> |
|||
<div class="step_info" id="step_info"></div> |
|||
<div class="step001"> |
|||
<div class="step_type">订单完成</div> |
|||
<div class="step_line"></div> |
|||
<div class="step_status" id="success_status"></div> |
|||
<div spellcheck="step_titme" id="step03_titme"></div> |
|||
</div> |
|||
</div> |
|||
<!-- 未开票页面信息 --> |
|||
<div class="unTicket"> |
|||
<div class="order_message" style="margin-top: 40px;">交易信息</div> |
|||
<div class="titck_box"> |
|||
<div class="box"> |
|||
<div class="box_title">订单号</div> |
|||
<div class="box_con" id="con1"></div> |
|||
</div> |
|||
<!-- <div class="box"> |
|||
<div class="box_title">订单ISLI编码</div> |
|||
<div class="box_con" id="con2"></div> |
|||
</div> --> |
|||
<div class="box"> |
|||
<div class="box_title">订单金额</div> |
|||
<div class="box_con" id="con3"></div> |
|||
</div> |
|||
<div class="box"> |
|||
<div class="box_title">订单状态</div> |
|||
<div class="box_con" id="con4"></div> |
|||
</div> |
|||
<div class="box"> |
|||
<div class="box_title">购买方</div> |
|||
<div class="box_con" id="con5"></div> |
|||
</div> |
|||
<div class="box"> |
|||
<div class="box_title">支付时间</div> |
|||
<div class="box_con" id="con6"></div> |
|||
</div> |
|||
</div> |
|||
<div class="order_message" style="margin-top: 40px;">订单标的信息</div> |
|||
<table class="un_table"></table> |
|||
</div> |
|||
</div> |
|||
<!-- 数据集详情信息 --> |
|||
<div class="sources_detial" id="sources_detial"> |
|||
<div class="sign_box"> |
|||
<div class="sign_title" id="sign_title003">文化资源数据</div> |
|||
<div class="sign_btn"> |
|||
<input type="button" id="btn2" value="返回" onclick="handelBack()" /> |
|||
</div> |
|||
</div> |
|||
<div class="sources_info"> |
|||
<div class="left_info"> |
|||
<div class="title"> |
|||
<span>标题：</span> |
|||
<span id="titleName">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>其他标识符：</span> |
|||
<span id="otherIdentifiers">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>标识符：</span> |
|||
<span id="identifiers">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>类型：</span> |
|||
<span id="collectionType">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>服务类型：</span> |
|||
<span id="serviceType">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>分类：</span> |
|||
<span id="classification">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>贡献者：</span> |
|||
<span id="contributors">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>著作权人：</span> |
|||
<span id="copyrightOwner">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>载体：</span> |
|||
<span id="carrier">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>登记者：</span> |
|||
<span id="registrant">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>登记日期：</span> |
|||
<span id="registerDate">——</span> |
|||
</div> |
|||
</div> |
|||
<div class="left_info"> |
|||
<div class="title"> |
|||
<span>所属/收藏机构：</span> |
|||
<span id="repositoryName">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>尺寸：</span> |
|||
<span id="dimensions">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>组件数量：</span> |
|||
<span id="quantity">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>标签：</span> |
|||
<span id="label">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>描述：</span> |
|||
<span id="description">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>哈希值：</span> |
|||
<span id="md5Val">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>入库标识：</span> |
|||
<span id="databaseId">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>版本：</span> |
|||
<span id="edition">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>现况：</span> |
|||
<span id="collectionCondition">——</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>封面：</span> |
|||
<span id="cover">——</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="sign_box"> |
|||
<div class="sign_title" style="margin-top: 25px;" id="sign_title004"></div> |
|||
</div> |
|||
<!-- 图书 --> |
|||
<div class="image_box" id="book_box" style="display: none;"> |
|||
<div class="iamge_title">图书</div> |
|||
<table id="book_tatble"></table> |
|||
</div> |
|||
<!-- 期刊 --> |
|||
<div class="image_box" id="magazine_box" style="display: none;"> |
|||
<div class="iamge_title">期刊</div> |
|||
<table id="magazine_tatble"></table> |
|||
</div> |
|||
<!-- 报纸 --> |
|||
<div class="image_box" id="newspaper_box" style="display: none;"> |
|||
<div class="iamge_title">报纸</div> |
|||
<table id="newspaper_tatble"></table> |
|||
</div> |
|||
<!-- 音像 --> |
|||
<div class="image_box" id="phoAndVideo_box" style="display: none;"> |
|||
<div class="iamge_title">音像</div> |
|||
<table id="phoAndVideo_box_tatble"></table> |
|||
</div> |
|||
<!-- 音频 --> |
|||
<div class="image_box" id="video_box" style="display: none;"> |
|||
<div class="iamge_title">音频</div> |
|||
<table id="radio_tatble"></table> |
|||
</div> |
|||
<!-- 视频 --> |
|||
<div class="image_box" id="radio_box" style="display: none;"> |
|||
<div class="iamge_title">视频</div> |
|||
<table id="video_tatble"></table> |
|||
</div> |
|||
<!-- 其他文献 --> |
|||
<div class="image_box" id="rwview_box" style="display: none;"> |
|||
<div class="iamge_title">其他文献</div> |
|||
<table id="rwview_tatble"></table> |
|||
</div> |
|||
<!-- 图片 --> |
|||
<div class="image_box" id="image_box" style="display: none;"> |
|||
<div class="iamge_title">图片</div> |
|||
<table id="image_tatble"></table> |
|||
</div> |
|||
<!-- 文化产品 --> |
|||
<div class="image_box" id="culture_box" style="display: none;"> |
|||
<div class="iamge_title">文化产品</div> |
|||
<table id="culture_tatble"></table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 下载模态框 --> |
|||
<div class="modal fade" id="myModalD" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" |
|||
aria-hidden="true" data-keyboard="false" data-backdrop="static"> |
|||
<div class="modal-dialog" style="width: 440px;"> |
|||
<div class="modal-content"> |
|||
<div class="modal-header"> |
|||
<!-- <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> |
|||
× |
|||
</button> --> |
|||
<h4 class="modal-title" id="myModalLabel"> |
|||
订单资源兑付 |
|||
</h4> |
|||
</div> |
|||
<div class="modal-body"> |
|||
<!-- <div class="body_title"> |
|||
<div class="body_message">其他说明</div> |
|||
<div class="body_name">其他说明</div> |
|||
</div> --> |
|||
<div class="body_table"> |
|||
<div class="table_title">冷少农资料集</div> |
|||
<div class="table_box" id="table_box" style="height: 300px;overflow-y: auto;"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="modal-footer"> |
|||
<button type="button" class="btn btn-primary" onclick="handelCancel()" |
|||
style="outline: none;">关闭</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 大图预览 --> |
|||
<div class="modal fade" id="bigImage" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" |
|||
aria-hidden="true" data-keyboard="false" data-backdrop="static"> |
|||
<div class="modal-dialog" style="width: 440px;"> |
|||
<div class="modal-content"> |
|||
<div class="modal-header"> |
|||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"> |
|||
× |
|||
</button> |
|||
<h4 class="modal-title" id="myModalLabel"> |
|||
大图预览 |
|||
</h4> |
|||
</div> |
|||
<div class="modal-body"> |
|||
<div class="big_image"> |
|||
<img src="" id="testImage"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script src="../js/public.js"></script> |
|||
<script src="../js/tags.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/ByOrder.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/browse_check.js"></script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -0,0 +1,483 @@ |
|||
{ |
|||
"myMessage": [{ |
|||
"title": "讲好冬奥故事 共赴冰雪之约", |
|||
"status": 0, |
|||
"look": "查看", |
|||
"IS_PASS": 0, |
|||
"time": 1642390103000 |
|||
}, |
|||
{ |
|||
"title": "31省区市新增本土确诊163例", |
|||
"status": 1, |
|||
"look": "查看", |
|||
"IS_PASS": 0, |
|||
"time": 1642303703000 |
|||
} |
|||
], |
|||
"account": { |
|||
"telmplate": 15592240179, |
|||
"accountArray": [{ |
|||
"time": 1642211264000, |
|||
"operation": "修改手机号", |
|||
"status": "注册手机号变更为13901000002" |
|||
}, |
|||
{ |
|||
"time": 1642390103000, |
|||
"operation": "修改密码", |
|||
"status": "密码修改成功" |
|||
}, |
|||
{ |
|||
"time": 1642470464000, |
|||
"operation": "注册账号", |
|||
"status": "13901000001注册成功" |
|||
} |
|||
] |
|||
}, |
|||
"myClosing": { |
|||
"order": 45, |
|||
"sumOrder": 200000.00, |
|||
"unOrder": 4, |
|||
"unSumOrder": 40000.00 |
|||
}, |
|||
"myClosingTableArray": [{ |
|||
"time": 1642211264000, |
|||
"closeOrder": "JS202001010007", |
|||
"orderCount": 4, |
|||
"orderMoney": 40000.00, |
|||
"status": "0", |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"time": 1642211264000, |
|||
"closeOrder": "JS202001010006", |
|||
"orderCount": 3, |
|||
"orderMoney": 30000.00, |
|||
"status": "1", |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"time": 1642211264000, |
|||
"closeOrder": "JS202001010005", |
|||
"orderCount": 6, |
|||
"orderMoney": 50000.00, |
|||
"status": "0", |
|||
"look": "查看" |
|||
} |
|||
], |
|||
"myClosingTableDetailsArray": [{ |
|||
"closeOrder": "JS202001010007", |
|||
"orderMoney": 40000.00, |
|||
"entrust": 1000.00, |
|||
"platform": 1000.00, |
|||
"tax": 1000.00, |
|||
"reality": 7000.00, |
|||
"lool": "查看" |
|||
}, |
|||
{ |
|||
"closeOrder": "JS202001010007", |
|||
"orderMoney": 30000.00, |
|||
"entrust": 2000.00, |
|||
"platform": 2000.00, |
|||
"tax": 2000.00, |
|||
"reality": 6000.00, |
|||
"lool": "查看" |
|||
}, |
|||
{ |
|||
"closeOrder": "JS202001010007", |
|||
"orderMoney": 70000.00, |
|||
"entrust": 4000.00, |
|||
"platform": 5000.00, |
|||
"tax": 1000.00, |
|||
"reality": 6000.00, |
|||
"lool": "查看" |
|||
}, |
|||
{ |
|||
"closeOrder": "JS202001010007", |
|||
"orderMoney": 90000.00, |
|||
"entrust": 4000.00, |
|||
"platform": 6000.00, |
|||
"tax": 8000.00, |
|||
"reality": 74000.00, |
|||
"lool": "查看" |
|||
}, |
|||
{ |
|||
"closeOrder": "JS202001010007", |
|||
"orderMoney": 60000.00, |
|||
"entrust": 1000.00, |
|||
"platform": 7000.00, |
|||
"tax": 6000.00, |
|||
"reality": 5000.00, |
|||
"lool": "查看" |
|||
} |
|||
], |
|||
"myManage": [{ |
|||
"closeOrder": "DDH20211010001", |
|||
"orderTime": 1642642878000, |
|||
"orderIsli": "010005-000000000000010504999999-2", |
|||
"status": 0, |
|||
"orderMoney": 20000.00, |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"closeOrder": "DDH20211010002", |
|||
"orderTime": 1643420478000, |
|||
"orderIsli": "010005-000000000000010504999999-8", |
|||
"status": 1, |
|||
"orderMoney": 30000.00, |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"closeOrder": "DDH20211010003", |
|||
"orderTime": 1643334078000, |
|||
"orderIsli": "010005-000000000000010504999999-6", |
|||
"status": 2, |
|||
"orderMoney": 40000.00, |
|||
"look": "查看" |
|||
} |
|||
], |
|||
"myManageDetails": [{ |
|||
"thubm": "IMG", |
|||
"name": "塞边新乐章", |
|||
"ISLI": "010005-000000000000010504999999-2", |
|||
"status": "0", |
|||
"type": "0", |
|||
"entrust": "0", |
|||
"whoEntrust": "军事博物馆", |
|||
"price": 15000.00, |
|||
"ageLimit": 2, |
|||
"subtotal": 15000.00, |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"thubm": "IMG", |
|||
"name": "王震将军像", |
|||
"ISLI": "010005-000000000000010502999999-6", |
|||
"status": "1", |
|||
"type": "1", |
|||
"entrust": "1", |
|||
"whoEntrust": "国图出版社", |
|||
"price": 5000.00, |
|||
"ageLimit": 4, |
|||
"subtotal": 1000.00, |
|||
"look": "查看" |
|||
} |
|||
], |
|||
"billOrderDetaill": [{ |
|||
"closeOrder": "DDH20211010003", |
|||
"orderTime": 1643334078000, |
|||
"orderIsli": "010005-000000000000010504999999-6", |
|||
"orderMoney": 6666.00, |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"closeOrder": "DDH20211010004", |
|||
"orderTime": 1643334078000, |
|||
"orderIsli": "010005-000000000000010504999999-5", |
|||
"orderMoney": 7777.00, |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"closeOrder": "DDH20211010005", |
|||
"orderTime": 1643334078000, |
|||
"orderIsli": "010005-000000000000010504999999-4", |
|||
"orderMoney": 0.00, |
|||
"look": "查看" |
|||
} |
|||
], |
|||
"billTicketStatus": { |
|||
"content": "交易标的明细", |
|||
"head": "{购买方认证信息}", |
|||
"type": "普通发票" |
|||
}, |
|||
"byOrder": [{ |
|||
"type": "0", |
|||
"orderNum": "DDH20211010001", |
|||
"commitTime": 1642733666000, |
|||
"orderIsli": "010005-000000000000010504999999-2", |
|||
"buyUser": "国图出版社", |
|||
"orderStatus": 0, |
|||
"orderMoney": 20000.00, |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"type": "0", |
|||
"orderNum": "DDH20211010002", |
|||
"commitTime": 1642533666000, |
|||
"orderIsli": "010005-000000000000010504999999-2", |
|||
"buyUser": "国图出版社", |
|||
"orderStatus": 1, |
|||
"orderMoney": 10000.00, |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"type": "1", |
|||
"orderNum": "DDH20211010003", |
|||
"commitTime": 1642433666000, |
|||
"orderIsli": "010005-000000000000010504999999-3", |
|||
"buyUser": "国图出版社", |
|||
"orderStatus": 2, |
|||
"orderMoney": 2000.00, |
|||
"look": "查看" |
|||
} |
|||
], |
|||
"byOrderDetails": [{ |
|||
"thumbImg": "IMG", |
|||
"signName": "塞边新乐章", |
|||
"isliCode": "010005-000000000000010504999999-2", |
|||
"type": "0", |
|||
"entrustType": "0", |
|||
"price": 15000.00, |
|||
"buyAge": 1, |
|||
"subTotal": 15001.00, |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"thumbImg": "IMG", |
|||
"signName": "王震将军像", |
|||
"isliCode": "010005-000000000000010504999999-3", |
|||
"delivery": "0", |
|||
"type": "1", |
|||
"entrustType": "1", |
|||
"price": 17000.00, |
|||
"buyAge": 3, |
|||
"subTotal": 17001.00, |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"thumbImg": "IMG", |
|||
"signName": "屯垦戎边千秋伟业", |
|||
"isliCode": "010005-000000000000010504999999-4", |
|||
"delivery": "1", |
|||
"type": "1", |
|||
"entrustType": "1", |
|||
"price": 19000.00, |
|||
"buyAge": 2, |
|||
"subTotal": 19001.00, |
|||
"look": "查看" |
|||
} |
|||
], |
|||
"detailsSign": { |
|||
"signName": "艾青诞辰100周年铜像", |
|||
"isliCoed": "010005-000000000000010504999999-2", |
|||
"signType": "文化资源数据", |
|||
"entrust": "1", |
|||
"equity": "展览权、表演权、放映权、广播权、摄制权、改编权、翻译权、信息网络传播权", |
|||
"libaitily": "免责条款", |
|||
"entrustPeriod": "一次性委托", |
|||
"chargeType": "0", |
|||
"dealPrice": 3000.00, |
|||
"myPrice": 10000.00 |
|||
}, |
|||
"tableDataSign": [{ |
|||
"name": "屯垦戎边千秋伟业", |
|||
"isliCode": "010002-000000000090000117249999-1", |
|||
"isliResvence": "010005-000000000000010505999999-9", |
|||
"sice": 30.9, |
|||
"format": "jpg", |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"name": "第一犁", |
|||
"isliCode": "010002-000000000090000117249999-2", |
|||
"isliResvence": "010005-000000000000010505999999-8", |
|||
"sice": 30.9, |
|||
"format": "jpg", |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"name": "塞边新乐章", |
|||
"isliCode": "010002-000000000090000117249999-3", |
|||
"isliResvence": "010005-000000000000010505999999-7", |
|||
"sice": 30.9, |
|||
"format": "jpg", |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"name": "王震将军像", |
|||
"isliCode": "010002-000000000090000117249999-4", |
|||
"isliResvence": "010005-000000000000010505999999-6", |
|||
"sice": 30.9, |
|||
"format": "jpg", |
|||
"look": "查看" |
|||
} |
|||
], |
|||
"byOrderStep": { |
|||
"orderNum": "DDH202101001", |
|||
"isliCode": "010005-000000000000010504999999-9", |
|||
"orderPrice": 45000.00, |
|||
"orderStatus": 2, |
|||
"buyUser": "雨花台", |
|||
"payTime": 1644903665000 |
|||
}, |
|||
"byOrderStepTable": [{ |
|||
"thumbImg": "IMG", |
|||
"signName": "塞边新乐章", |
|||
"isliCode": "010005-000000000000010504999999-2", |
|||
"type": "0", |
|||
"entrustType": "0", |
|||
"price": 15000.00, |
|||
"buyAge": 1, |
|||
"subTotal": 15001.00, |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"thumbImg": "IMG", |
|||
"signName": "王震将军像", |
|||
"isliCode": "010005-000000000000010504999999-3", |
|||
"delivery": "0", |
|||
"type": "1", |
|||
"entrustType": "1", |
|||
"price": 17000.00, |
|||
"buyAge": 3, |
|||
"subTotal": 17001.00, |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"thumbImg": "IMG", |
|||
"signName": "屯垦戎边千秋伟业", |
|||
"isliCode": "010005-000000000000010504999999-4", |
|||
"delivery": "1", |
|||
"type": "1", |
|||
"entrustType": "1", |
|||
"price": 19000.00, |
|||
"buyAge": 2, |
|||
"subTotal": 19001.00, |
|||
"look": "查看" |
|||
} |
|||
], |
|||
"buyOrder": [{ |
|||
"orderType": "0", |
|||
"orderNum": "DDH20211010001", |
|||
"subTime": 1644978538000, |
|||
"ilisCode": "010005-000000000000010504999999-2", |
|||
"orderStatus": "0", |
|||
"orderPrice": 20000.00, |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"orderType": "1", |
|||
"orderNum": "DDH20211010002", |
|||
"subTime": 1644977538000, |
|||
"ilisCode": "010005-000000000000010504999999-3", |
|||
"orderStatus": "1", |
|||
"orderPrice": 200001.00, |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"orderType": "1", |
|||
"orderNum": "DDH20211010003", |
|||
"subTime": 1644979538000, |
|||
"ilisCode": "010005-000000000000010504999999-4", |
|||
"orderStatus": "2", |
|||
"orderPrice": 2000031.00, |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"orderType": "1", |
|||
"orderNum": "DDH20211010004", |
|||
"subTime": 1644979938000, |
|||
"ilisCode": "010005-000000000000010504999999-4", |
|||
"orderStatus": "3", |
|||
"orderPrice": 2008031.00, |
|||
"look": "查看" |
|||
} |
|||
], |
|||
"buyOrderDetails": [{ |
|||
"thumbImg": "IMG", |
|||
"signName": "塞边新乐章", |
|||
"isliCode": "010005-000000000000010504999999-2", |
|||
"type": "0", |
|||
"entrustType": "0", |
|||
"client":"军事博物馆", |
|||
"price": 15000.00, |
|||
"buyAge": 1, |
|||
"subTotal": 15001.00, |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"thumbImg": "IMG", |
|||
"signName": "王震将军像", |
|||
"isliCode": "010005-000000000000010504999999-3", |
|||
"delivery": "0", |
|||
"type": "1", |
|||
"entrustType": "1", |
|||
"client":"国图出版社", |
|||
"price": 17000.00, |
|||
"buyAge": 3, |
|||
"subTotal": 17001.00, |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"thumbImg": "IMG", |
|||
"signName": "屯垦戎边千秋伟业", |
|||
"isliCode": "010005-000000000000010504999999-4", |
|||
"delivery": "1", |
|||
"type": "1", |
|||
"entrustType": "1", |
|||
"client":"新疆兵团军垦博物馆", |
|||
"price": 19000.00, |
|||
"buyAge": 2, |
|||
"subTotal": 19001.00, |
|||
"look": "查看" |
|||
} |
|||
], |
|||
"buyOrderSign": { |
|||
"signName": "艾青诞辰100周年铜像", |
|||
"isliCoed": "010005-000000000000010504999999-2", |
|||
"signType": "文化资源数据", |
|||
"entrust": "1", |
|||
"equity": "展览权、表演权、放映权、广播权、摄制权、改编权、翻译权、信息网络传播权", |
|||
"libaitily": "免责条款", |
|||
"entrustPeriod": "一次性委托", |
|||
"chargeType": "0", |
|||
"dealPrice": 3000.00, |
|||
"myPrice": 10000.00 |
|||
}, |
|||
"buyOrderTableDataSign": [{ |
|||
"name": "屯垦戎边千秋伟业", |
|||
"isliCode": "010002-000000000090000117249999-1", |
|||
"isliResvence": "010005-000000000000010505999999-9", |
|||
"size": 30.9, |
|||
"format": "jpg", |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"name": "第一犁", |
|||
"isliCode": "010002-000000000090000117249999-2", |
|||
"isliResvence": "010005-000000000000010505999999-8", |
|||
"size": 30.9, |
|||
"format": "jpg", |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"name": "塞边新乐章", |
|||
"isliCode": "010002-000000000090000117249999-3", |
|||
"isliResvence": "010005-000000000000010505999999-7", |
|||
"size": 30.9, |
|||
"format": "jpg", |
|||
"look": "查看" |
|||
}, |
|||
{ |
|||
"name": "王震将军像", |
|||
"isliCode": "010002-000000000090000117249999-4", |
|||
"isliResvence": "010005-000000000000010505999999-6", |
|||
"size": 30.9, |
|||
"format": "jpg", |
|||
"look": "查看" |
|||
} |
|||
], |
|||
"buyOrderStepInfo": { |
|||
"orderNum": "新疆兵团军垦博物馆", |
|||
"isliCode": "010005-000000000000010504999999-9", |
|||
"registTime": 1644903665000, |
|||
"certifTime": 1644909665000, |
|||
"certifType":"机构", |
|||
"orderStatus": "已认证" |
|||
}, |
|||
"myCetification":{ |
|||
"organization":0, |
|||
"personal":1, |
|||
"service":0 |
|||
}, |
|||
"mycetificationOptionValue":["四川省","贵州省","辽宁省","云南省"] |
|||
} |
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1,98 @@ |
|||
<!DOCTYPE html> |
|||
<html> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>临时文化数据交易协议</title> |
|||
<link rel="stylesheet" href="../css/agreement.css"> |
|||
</head> |
|||
<body> |
|||
<div class="trade_agreement"> |
|||
<h1 class="trade_h11">全国文化大数据交易中心</h1> |
|||
<p class="p1"></p> |
|||
<h1 class="trade_h">临时文化数据交易协议</h1> |
|||
<h2 class="trade_h12" style="font-weight: normal;">（被授权方/买方适用）</h2> |
|||
<p class="trade_p"> |
|||
依据《中华人民共和国著作权法》、《中华人民共和国民法典》等有关法律法规和《国家文化大数据交易规则（试行）》及其他相关配套规定，现就文化大数据交易相关事宜达成如下协议，以咨共同遵守。</p> |
|||
<p class="trade_p">本协议中的部分条款仅针对特定的交易类别和交易方式（即转让或授权）适用，详见本协议具体条款标注说明，未作特定标注说明的适用于所有情形。</p> |
|||
<h3 class="trade_h12_bold">专用条款</h3> |
|||
<p class="trade_p_no_indent"> <span class="trade_bold">第一条</span> |
|||
本协议是被授权方/买方签订的交易（转让/授权）协议，对被授权方/买方购买/被授权授权方/卖方交易标的的行为作出规定。如果买方/被授权方通过全国文化大数据交易中心（以下简称“平台”）购买/被授权交易标的的，视为接受本协议的条款。 |
|||
</p> |
|||
<p class="trade_bold">第二条 转让/授权范围</p> |
|||
<p class="trade_p_no_indent">（一）转让情形适用</p> |
|||
<p class="trade_p_no_indent">1、 |
|||
转让范围包括但不限于复制权、发行权、出租权、展览权、表演权、放映权、广播权、信息网络传播权、摄制权、改编权、翻译权、汇编权、应当由著作权人享有的使用作品的其他权利的单个、组合或全部权利转让。</p> |
|||
<p class="trade_p_no_indent">2 、转让分单一转让和批量转让。授权方/卖方采用哪种转让方式以平台最终展示的标的详情信息为准。</p> |
|||
<p class="trade_p_no_indent">（二）授权情形适用</p> |
|||
<p class="trade_p_no_indent">1 |
|||
、授权方授权的一定时间和区域内包括但不限于复制权、发行权、出租权、展览权、表演权、放映权、广播权、信息网络传播权、摄制权、改编权、翻译权、汇编权、应当由著作权人享有的使用作品的其他权利及其他的单个、组合或全部权利授权。 |
|||
</p> |
|||
<p class="trade_p_no_indent">2 、授权方式包括：</p> |
|||
<p class="trade_p_no_indent">授权数量划分：授权分单一授权和批量授权。</p> |
|||
<p class="trade_p">按授权权益类型划分：授权分交易标的财产权的单一权益、组合权益与全部权益的授权。</p> |
|||
<p class="trade_p">按授权时限分：一次性授权、阶段性授权、永久性授权。</p> |
|||
<p class="trade_p">按授权性质划分：普通授权、排他授权、独占授权。</p> |
|||
<p class="trade_p_no_indent">也可以同时使用上述几种组合授权方式。授权方/卖方采用哪种授权方式以平台最终展示的标的详情信息为准。</p> |
|||
<p class="trade_bold">第三条 标的价款与付款方式</p> |
|||
<p class="trade_p_no_indent">转让/授权标的价款以点击支付为准，买方/被授权方在支付完成后由平台统一结算。</p> |
|||
<p class="trade_bold">第四条 交易方式</p> |
|||
<p class="trade_p_no_indent">以授权方/卖方自主报价、被授权方/买方点选成交为主；同时当交易主体有指定匹配需求时，交易机构提供中介服务机构评估价和撮合成交为辅的交易方式。</p> |
|||
<h3 class="trade_h12_bold">自定义条款</h3> |
|||
<p class="trade_bold">第一条 标的尽调</p> |
|||
<p class="trade_bold decora_line"> |
|||
被授权方/买方通过平台点选交易标的，并支付成功的，视为被授权方/买方已经对交易标的及其价格进行了尽调且予以认可，是被授权方/买方意愿的真实表示。被授权方/买方应承担操作及购买/被授权交易标的所带来的一切权利义务及风险，平台不对被授权方/买方的操作行为做任何承诺以及承担任何责任。 |
|||
</p> |
|||
<p class="trade_bold">第二条 标的交割</p> |
|||
<p class="trade_p_no_indent">被授权方/买方付款完成后可下载相关数据，<span |
|||
class="trade_bold decora_line">7个自然日</span>内未下载完毕则系统默认交易成功并进行结算。</p> |
|||
<p class="trade_bold">第三条 标的的限制性</p> |
|||
<p class="trade_p_no_indent">1、不得非法使用。被授权方/买方不得以淫秽、诋毁性或其他非法形式或违反任何适用法规或行业规范的形式使用交易标的的内容。</p> |
|||
<p class="trade_p_no_indent">2、转授权：未经授权方书面同意，被授权方无权将授权权利转授权第三方。</p> |
|||
<p class="trade_p_no_indent">3、当以单个或组合权利授权时，不得使用其他权利。</p> |
|||
<p class="trade_bold">第四条 交易涉及的费用</p> |
|||
<p class="trade_p_no_indent">1、 交易标的转让/授权中涉及的交易佣金、服务佣金，按照《国家文化大数据交易规则（试行）》及相关配套规定、平台发布的管理规定等要求执行。</p> |
|||
<p class="trade_p_no_indent">2、交易标的转让/授权中涉及的有关税费，按照国家有关法律规定缴纳。</p> |
|||
<h3 class="trade_h12_bold">通用条款</h3> |
|||
<p class="trade_bold">第一条 陈述与保证</p> |
|||
<p class="trade_bold decora_line">本协议被授权方/买方承诺：</p> |
|||
<p class="trade_p_no_indent"> |
|||
1、除本协议明确约定的以外，被授权方/买方拥有签订和履行本协议全部义务所必需的所有合法权利以及所有内部和外部的批准、授权和许可，包括但不限于法律及公司章程规定的股东会、董事会批准。</p> |
|||
<p class="trade_p_no_indent">2、 被授权方/买方购买/被授权行为属于真实意思表示，有合法的资金来源和支付能力。</p> |
|||
<p class="trade_bold">第二条 保密</p> |
|||
<p class="trade_p_no_indent">1、被授权方/买方不得向第三方泄露本协议条款内容及签订履行情况。</p> |
|||
</p> |
|||
<p class="trade_p_no_indent"> |
|||
2、同意对签订本协议过程中所获悉的属于其他方的且无法自公开渠道获取的文件及资料（包括但不限于商业秘密、公司计划、运营活动、财务信息、技术信息、经营信息及其他商业秘密）予以保密。未经该资料和文件的原提供方同意，其他方不得向任何第三方泄露上述资料和文件的全部或部分内容。 |
|||
</p> |
|||
<p class="trade_p_no_indent">3、上述保密义务，在本协议终止或解除之后仍需履行。</p> |
|||
<p class="trade_bold">第三条 违约责任</p> |
|||
<p class="trade_p_no_indent"> |
|||
1、因授权方/卖方作品权利存在瑕疵或者授权方/卖方处分权利存在瑕疵，导致被授权方/买方无法正常行使被授权或使用权利的，被授权方/买方有权解除本协议，并要求授权方/卖方赔偿因第三方索赔导致被授权方/买方支出的诉讼仲裁成本、向第三方支付的赔偿等全部损失。 |
|||
</p> |
|||
<p class="trade_p_no_indent"> |
|||
2、任何一方有其他违反本协议情形的，应赔偿守约方全部损失，该损失包括但不限于对守约方所造成的直接损失、可得利益损失、守约方支付给第三方的赔偿费用/违约金/罚款、调查取证费用/公证费、诉讼费用、律师费用以及因此而支付的其他合理费用。 |
|||
</p> |
|||
<p class="trade_bold">第四条 争议解决</p> |
|||
<p class="trade_p_no_indent"> |
|||
本协议的签署地点为中华人民共和国深圳市福田区，因本协议以及本协议项下订单/附件/补充协议等（如有）引起或有关的任何争议，由协议各方协商解决，也可由有关部门调解。协商或调解不成的，任何一方可向<span |
|||
class="weight_bold decora_line">深圳市福田区人民法院</span>诉讼解决。</p> |
|||
<p class="trade_bold">第五条 协议生效</p> |
|||
<p class="trade_p_no_indent">1、本协议自被授权方/买方勾选确认后生效。</p> |
|||
<p class="trade_bold decora_line"> |
|||
2、本协议生效，即表示被授权方/买方主动接受本协议的各项约定，并愿意就违反本协议约定承担相应的法律责任。现有的协议约定也不能保证完全符合未来发展的需求。因此，平台发布的文化大数据交易规则及相关配套规定、管理制度及相关声明均为本协议的补充约定，与本协议不可分割且具有同等法律效力。如被授权方/买方使用平台服务或参与文化大数据交易活动，视为被授权方/买方同意上述补充约定。 |
|||
</p> |
|||
<p class="trade_p_no_indent">3、被授权方/买方须知本协议中任何条款被废止、无效或因任何理由不可执行，不影响任何其它条款的有效性和可执行性。</p> |
|||
<p class="trade_p_no_indent"> |
|||
4、平台有权根据需要制定或修改平台的规章制度等相关规则及配套规定，该等已经公布的或将来公布的相关规则及配套规定，视为本协议不可分割的一部分，与协议正文具有同等的法律效力，经平台公布即生效。</p> |
|||
<p class="trade_p_no_indent">5、平台保留在法律框架下对本协议的解释权和修订权。</p> |
|||
<p class="trade_bold decora_line"> |
|||
特别提示：您在进行交易之前，请您务必审慎阅读并充分理解本协议各条款内容，特别是涉及免除或者限制责任的条款、对权利进行限制的条款、争议解决条款等。其中，免除或者限制责任条款将以加粗、加下划线等形式提示您注意，您应重点阅读。 |
|||
</p> |
|||
<p class="trade_bold decora_line">如您自主选择进行交易的，即视为您已充分理解本协议，完全同意本协议各项内容，并同意作为本协议的一方当事人接受本协议及相关协议和规则的约束。</p> |
|||
<div style="height: 200px;"></div> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
|
After Width: | Height: | Size: 108 KiB |
@ -0,0 +1,364 @@ |
|||
let query = {}; //URL参数 |
|||
let scr = $(location).prop('href').split("?")[1]; |
|||
Array.prototype.myForEach = function myForEach(callback, context) { |
|||
context = context || window; |
|||
if (Array.prototype.forEach) { |
|||
// 调用forEach方法，不做任何处理 |
|||
this.forEach(callback, context); |
|||
return; |
|||
} |
|||
} |
|||
if (scr) { |
|||
scr = scr.split("&").join("=").split("=") |
|||
scr.myForEach(function (item, index, arr) { |
|||
if (index % 2 === 0) { |
|||
query[item] = "" |
|||
} else { |
|||
query[scr[index - 1]] = item |
|||
} |
|||
}); |
|||
} |
|||
// query.islicode = decodeURI(query.islicode); |
|||
let data = JSON.parse(localStorage.getItem("data")); |
|||
let sourceData = JSON.parse(data[0].source_data) |
|||
let targetData = [] |
|||
let tableType = [] |
|||
let disable = true |
|||
let new_linkcode = []; |
|||
data.myForEach(function (item, index, arr) { |
|||
if (tableType.indexOf(JSON.parse(item.target_data).serviceType) == -1) { |
|||
tableType.push(JSON.parse(item.target_data).serviceType); |
|||
targetData.push([]); |
|||
new_linkcode.push([]); |
|||
} |
|||
targetData[tableType.indexOf(JSON.parse(item.target_data).serviceType)].push(JSON.parse(item.target_data)); |
|||
new_linkcode[tableType.indexOf(JSON.parse(item.target_data).serviceType)].push(item.linkcode); |
|||
}); |
|||
|
|||
let listQuerys = { |
|||
goods_isli: query.islicode, // 委托数据委托关联编码 |
|||
use_years: 99, // 购买使用年限 |
|||
user_isli: cookieHandler.get("isliCode") // 用户isli编码 |
|||
}; |
|||
|
|||
function collection(data) { |
|||
if (data == "1") { |
|||
return "完好"; |
|||
} else if (data == "2") { |
|||
return "残破"; |
|||
} else if (data == "3") { |
|||
return "残缺"; |
|||
} else if (data == "4") { |
|||
return "霉变"; |
|||
} else if (data == "5") { |
|||
return "皱褶"; |
|||
} else if (data == "6") { |
|||
return "污渍"; |
|||
} else if (data == "7") { |
|||
return "脱浆"; |
|||
} else if (data == "8") { |
|||
return "脱线"; |
|||
} else if (data == "9") { |
|||
return "生锈"; |
|||
} else if (data == "10") { |
|||
return "褪色"; |
|||
} else if (data == "11") { |
|||
return "焦脆"; |
|||
} else { |
|||
return data |
|||
} |
|||
}; |
|||
|
|||
function carrier(data) { |
|||
if (data == "1") { |
|||
return "纸张"; |
|||
} else if (data == "2") { |
|||
return "感光材料"; |
|||
} else if (data == "3") { |
|||
return "磁带"; |
|||
} else if (data == "4") { |
|||
return "光盘"; |
|||
} else if (data == "5") { |
|||
return "移动终端"; |
|||
} else if (data == "6") { |
|||
return "计算机"; |
|||
} else if (data == "7") { |
|||
return "数字化数据"; |
|||
} else if (data == "8") { |
|||
return "天然载体"; |
|||
} else if (data == "9") { |
|||
return "器具载体"; |
|||
} else if (data == "10") { |
|||
return "其它载体"; |
|||
} else { |
|||
return data |
|||
} |
|||
}; |
|||
|
|||
function edition(data) { |
|||
if (data == "1") { |
|||
return "真迹"; |
|||
} else if (data == "2") { |
|||
return "抄本"; |
|||
} else if (data == "3") { |
|||
return "拓本"; |
|||
} else if (data == "4") { |
|||
return "临摹"; |
|||
} else if (data == "5") { |
|||
return "复制"; |
|||
} else if (data == "6") { |
|||
return "复原"; |
|||
} else if (data == "7") { |
|||
return "重建"; |
|||
} else if (data == "8") { |
|||
return "原始录音"; |
|||
} else if (data == "9") { |
|||
return "原始视频"; |
|||
} else if (data == "10") { |
|||
return "刻录"; |
|||
} else if (data == "11") { |
|||
return "原创"; |
|||
} else { |
|||
return data |
|||
} |
|||
}; |
|||
|
|||
function isbaseId(data) { |
|||
if (data) { |
|||
let list = data.split(";"); |
|||
let str = ""; |
|||
list.myForEach(function (v, index, arr) { |
|||
if (v == "1") { |
|||
str += "标本库;"; |
|||
} else if (v == "2") { |
|||
str += "基因库;"; |
|||
} else if (v == "3") { |
|||
str += "素材库;"; |
|||
} |
|||
}); |
|||
if (str) { |
|||
return str.substr(0, str.length - 1); |
|||
} else { |
|||
return data; |
|||
} |
|||
} else { |
|||
return ""; |
|||
} |
|||
}; |
|||
|
|||
function filter(data) { |
|||
if (data) { |
|||
return data; |
|||
} else { |
|||
return "——"; |
|||
} |
|||
}; |
|||
|
|||
function FileSize(data) { |
|||
if (data === 0) { |
|||
return "0 B"; |
|||
} |
|||
var k = 1024; |
|||
var sizes = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], |
|||
i = Math.floor(Math.log(data) / Math.log(k)); |
|||
return (data / Math.pow(k, i)).toPrecision(3) + " " + sizes[i]; |
|||
}; |
|||
// 函数节流 |
|||
function debounce(fn) { |
|||
var timerId = null |
|||
return function () { |
|||
var arg = arguments[0] //获取事件 |
|||
if (timerId) { |
|||
return |
|||
} |
|||
timerId = setTimeout(function () { |
|||
fn(arg) //事件传入函数 |
|||
timerId = null |
|||
}, 1000) |
|||
} |
|||
} |
|||
|
|||
function addCart() { |
|||
if (cookieHandler.get("normal_login_token")) { |
|||
if (cookieHandler.get("isliCode")) { |
|||
if (cookieHandler.get("userType") === "0") { |
|||
Dreamer.error("个人认证账号不能加入购物车！"); |
|||
} else { |
|||
let postList = new AJAX_OBJ(AgencyAddress + "order/addShoppingCa?goods_isli=" + listQuerys.goods_isli + |
|||
"&user_isli=" + listQuerys.user_isli + "&use_years=" + listQuerys.use_years, successGood, |
|||
onUrlError); |
|||
postList.postRequestData(); |
|||
|
|||
function successGood(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
Dreamer.success("添加购物车成功"); |
|||
$("#addCart").text("已加入购物车") |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
} |
|||
} |
|||
} else { |
|||
Dreamer.error("账号未认证，请进行认证！"); |
|||
setTimeout(function () { |
|||
window.location.href = 'MyCetification.html?time=' + new Date().getTime(); |
|||
}, 1000); |
|||
} |
|||
} else { |
|||
Dreamer.error("请先登录"); |
|||
setTimeout(function () { |
|||
window.location.href = 'login.html?time=' + new Date().getTime(); |
|||
}, 1000) |
|||
} |
|||
} |
|||
|
|||
let Client_date = { |
|||
entrustingPartyName: decodeURI(query.entrustingPartyName), //委托方名称 |
|||
identityCode: query.identityCode, //身份认证编码 |
|||
entrustSignNumber: 0, //委托标的数 |
|||
orderNumber: 1 //订单总数 |
|||
} |
|||
|
|||
function employ() { |
|||
if (cookieHandler.get("normal_login_token")) { |
|||
if (cookieHandler.get("isliCode")) { |
|||
if (cookieHandler.get("userType") === "0") { |
|||
Dreamer.error("个人认证账号不能申请使用！"); |
|||
} else { |
|||
if (query.type_status == 1 || query.type_status == 5) { |
|||
if (disable) { |
|||
disable = false |
|||
$(".pingCart > div:nth-child(2)").css("background-color", "#5a1d1d") |
|||
var closeMsg = Dreamer.loading("正在申请使用，请稍等！"); |
|||
let postList = new AJAX_OBJ(AgencyAddress + "order/createOrder?goods_isli=" + listQuerys |
|||
.goods_isli + "&is_car=2&user_isli=" + listQuerys.user_isli + "&use_years=" + listQuerys |
|||
.use_years, successGood, onUrlError); |
|||
postList.postRequestData(); |
|||
|
|||
function successGood(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
addClient(Client_date); |
|||
setTimeout(function () { |
|||
$(location).prop('href', './BuyOrder.html?time=' + new Date().getTime()); |
|||
}, 3000) |
|||
} else { |
|||
disable = true |
|||
closeMsg(); |
|||
Dreamer.error(res.resultMsg); |
|||
$(".pingCart > div:nth-child(2)").css("background-color", "#842911") |
|||
} |
|||
} |
|||
} |
|||
} else { |
|||
if (query.type_status == 5) { |
|||
Dreamer.warning(query.title_Name + "正在委托中,无法购买"); |
|||
} else { |
|||
Dreamer.warning(query.title_Name + "无法购买"); |
|||
} |
|||
} |
|||
} |
|||
} else { |
|||
Dreamer.error("账号未认证，请进行认证！"); |
|||
setTimeout(function () { |
|||
window.location.href = 'MyCetification.html?time=' + new Date().getTime(); |
|||
}, 1000) |
|||
} |
|||
} else { |
|||
Dreamer.error("请先登录"); |
|||
setTimeout(function () { |
|||
window.location.href = 'login.html?time=' + new Date().getTime(); |
|||
}, 1000) |
|||
} |
|||
} |
|||
// 初始化 |
|||
$(document).ready(function () { |
|||
$(".pingCart").hide(); //隐藏div |
|||
if(Client_date.entrustingPartyName != "北京玖扬博文文化发展有限公司"){ |
|||
$("#addCart").show();//显示div |
|||
$("#employ").show();//显示div |
|||
}else{ |
|||
$("#employ").hide();//隐藏div |
|||
$("#addCart").css("margin-right","168px"); |
|||
$("#addCart").show();//显示div |
|||
} |
|||
$(".coll-title").text("名称：" + filter(sourceData.titleName)) |
|||
$(".coll-item")[0].innerText = "其他标识符：" + filter(sourceData.otherIdentifiers) |
|||
$(".coll-item")[1].innerText = "标识符：" + filter(sourceData.isliCode) |
|||
$(".coll-item")[2].innerText = "类型：" + filter(sourceData.collectionType) |
|||
$(".coll-item")[3].innerText = "服务类型：" + filter(sourceData.serviceType) |
|||
$(".coll-item")[4].innerText = "分类：" + filter(sourceData.classification) |
|||
$(".coll-item")[5].innerText = "贡献者：" + filter(sourceData.contributors) |
|||
$(".coll-item")[6].innerText = "著作权人：" + filter(sourceData.copyrightOwner) |
|||
$(".coll-item")[7].innerText = "载体：" + filter(carrier(sourceData.carrier)) |
|||
$(".coll-item")[8].innerText = "登记者：" + filter(sourceData.registrant) |
|||
$(".coll-item")[9].innerText = "登记日期：" + filter(sourceData.registerDate) |
|||
$(".coll-item")[10].innerText = "所属/收藏机构：" + filter(sourceData.repositoryName) |
|||
$(".coll-item")[11].innerText = "尺寸：" + filter(sourceData.dimensions) |
|||
$(".coll-item")[12].innerText = "组件数量：" + filter(sourceData.quantity) |
|||
$(".coll-item")[13].innerText = "标签：" + filter(sourceData.label) |
|||
$(".coll-item")[14].innerText = "描述：" + filter(sourceData.description) |
|||
$(".coll-item")[15].innerText = "哈希值：" + filter(sourceData.md5Val) |
|||
$(".coll-item")[16].innerText = "入库标识：" + filter(isbaseId(sourceData.databaseId)) |
|||
$(".coll-item")[17].innerText = "版本：" + filter(edition(sourceData.edition)) |
|||
$(".coll-item")[18].innerText = "现况：" + filter(collection(sourceData.collectionCondition)) |
|||
$(".coll-item")[19].innerText = "封面：" + filter(sourceData.cover) |
|||
$(".title").text(query.goods_type == "1" ? "文化资源数据" : "文化数字内容") |
|||
$(".title2").text(query.goods_type == "1" ? "文化资源数据-关联资源" : "文化数字内容-关联资源") |
|||
let str = ""; |
|||
targetData.myForEach(function (item, id, arr) { |
|||
str += '<div class="details">' + tableType[id] + |
|||
'</div><table class="table_box"><tr><td>资源名称</td><td>ISLI标志码</td><td>ISLI关联编码</td><td>大小</td><td>格式</td><td>时间</td></tr>' |
|||
item.myForEach(function (i, index, arr) { |
|||
str += '<tr><td>' + i.titleName + |
|||
'</td><td>' + i.isliCode + |
|||
'</td><td>' + new_linkcode[id][index] + |
|||
// '</td><td>' + query.user_islicode + |
|||
'</td><td>' + FileSize(i.metadataFileSize) + |
|||
'</td><td>' + i.metadataFileFormat + |
|||
'</td><td>' + i.registerDate.split(" ")[0].split("-").join("-") + |
|||
'</td></tr>' |
|||
}) |
|||
str += '</table>' |
|||
}); |
|||
$("#resources").html(str); |
|||
if (cookieHandler.get("normal_login_token")) { |
|||
if (cookieHandler.get("isliCode")) { |
|||
searchOrder(); |
|||
$(".pingCart").show(); //显示div |
|||
} |
|||
} |
|||
$("#addCart").click(debounce(addCart)) |
|||
$("#employ").click(debounce(employ)) |
|||
}) |
|||
|
|||
function searchOrder() { |
|||
let data = { |
|||
user_isli: cookieHandler.get("isliCode"), |
|||
user_role: '1', |
|||
order_status: "" |
|||
} |
|||
let OrderList = new AJAX_OBJ(AgencyAddress + 'order/queryRrder?user_isli=' + data.user_isli + '&user_role=' + data.user_role + '&order_status=' + data.order_status, succesOrder, onUrlError); |
|||
OrderList.postRequestData(); |
|||
} |
|||
|
|||
function succesOrder(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
for (i = 0; i < res.data.length; i++) { |
|||
for (j = 0; j < res.data[i].order_detail.length; j++) { |
|||
if (res.data[i].order_detail[j].goods_islicode == query.islicode) { |
|||
if (cookieHandler.get("userType") === "1" || cookieHandler.get("userType") === "2") { |
|||
$("#addCart").hide(); //隐藏div |
|||
$('#employ').css({ "pointer-events": "none", "background-color": "#AAAAAA" }); |
|||
$("#employ").text("已申请"); |
|||
} else { |
|||
$(".pingCart").hide(); //隐藏div |
|||
} |
|||
} |
|||
break; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,171 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="zh"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>我的协议</title> |
|||
<!-- 引入初始化样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/reset.css" /> |
|||
<!-- 引入默认样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/default.css" /> |
|||
<!-- 引入公共样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/myComm.css" /> |
|||
<!-- 引入bootstrap样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" /> |
|||
<!-- 引入我的协议页面样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/Mydeal.css" /> |
|||
<link rel="stylesheet" href="../css/header.css"> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap-table.min.css" /> |
|||
<script src="../js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap-table.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<!-- 消息提示插件 --> |
|||
<script src="../js/Dream-Msg.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/ajax.ipanel.js" type="text/javascript" charset="utf-8"></script> |
|||
<style type="text/css"> |
|||
html, |
|||
body { |
|||
width: 100%; |
|||
height: 100%; |
|||
background: #F2F8FC; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<!-- 头部导航样式 --> |
|||
<div class="header"> |
|||
<div class="login"> |
|||
<div id="login"><a href="./login.html">登录</a></div> |
|||
<div id="Logout"><a href="./Home.html">退出登录</a></div> |
|||
<div id="personalCenter"><a href="./Account.html">用户中心</a></div> |
|||
<div id="news"><a href="./MyMessage.html">消息</a></div> |
|||
</div> |
|||
<div class="navbarbox"> |
|||
<div class="titles-name"></div> |
|||
<div class="navbar-tab"> |
|||
<div class="itembox"></div> |
|||
<div class="cart"> |
|||
<img src="../images/cart.png" alt=""> |
|||
<div>购物车</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div style="height: 100px;"></div> |
|||
<!-- 面包屑 --> |
|||
<div class="rumbs"> |
|||
<div class="rumbs_box clear"> |
|||
<div class="rumbs_title">当前位置：个人中心 - </div> |
|||
<div class="rumbs_name">账号管理</div> |
|||
</div> |
|||
</div> |
|||
<!-- 右侧返回顶部 --> |
|||
<div class="right-bottom"> |
|||
<div class="r-b-top"> |
|||
<a href="#"><span class="a-back">返回顶部</span></a> |
|||
</div> |
|||
<div class="r-b-bottom" id="customer"> |
|||
<div> |
|||
<div>留言</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 留言表单 --> |
|||
<div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
|||
<div class="modal-dialog modal-lg" role="document"> |
|||
<div class="modal-content modal-contents"> |
|||
<div class="modal-headers"> |
|||
<div>在线留言</div> |
|||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
</div> |
|||
<div class="modal-body"> |
|||
<div class="modal-top">请把您的问题留下，客服人员会尽快与您取得联系。</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">姓名</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value1" placeholder="请填写您的姓名" /> |
|||
<p id="step_validate1" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">手机号码</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value2" placeholder="请填写您的联系电话" /> |
|||
<p id="step_validate2" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">公司名称</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value3" placeholder="请填写您的公司名称" /> |
|||
<p id="step_validate3" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">留言</div> |
|||
<div class="step_name"> |
|||
<textarea id="step_value4" placeholder="请填写您的需求，我们会尽快与您取得联系"></textarea> |
|||
<p id="step_validate4" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_button"> |
|||
<button type="button" id="submit">提交</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="wraper clear mt30"> |
|||
<div class="mydeal_left"> |
|||
<ul> |
|||
<li style="border-top: 2px solid #4B93E6;"> |
|||
<a href="javaScript:;" style="font-size: 16px;">个人中心</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('Account.html')" style="cursor: pointer;">账户管理</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('MyCetification.html')" style="cursor: pointer;">我的认证</a> |
|||
</li> |
|||
<li class="tabs_item"> |
|||
<a onclick="handelBuyOrder('BuyOrder.html')" style="cursor: pointer;">买入订单</a> |
|||
</li> |
|||
<li class="tabs_item"> |
|||
<a onclick="handelBuyOrder('ByOrder.html')" style="cursor: pointer;">卖出订单</a> |
|||
</li> |
|||
<li class="tabs_item"> |
|||
<a onclick="handelBuyOrder('BillManage.html')" style="cursor: pointer;">发票管理</a> |
|||
</li> |
|||
<li class="tabs_item"> |
|||
<a onclick="handelBuyOrder('MyClosing.html')" style="cursor: pointer;">我的结算</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('MyMessage.html')" style="cursor: pointer;">我的消息</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('CerationPayment.html')" style="cursor: pointer;">认证缴费订单</a> |
|||
</li> |
|||
<li> |
|||
<a onclick="handelBuyOrder('Mydeal.html')" class="active" style="cursor: pointer;">我的协议</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<div class="mydeal_right ml20"> |
|||
<div id="rightBox" class="rightBox"> |
|||
<div class="right_title">我的协议</div> |
|||
<div class="right_name">已签署协议</div> |
|||
<!-- tabele表格数据 --> |
|||
<table id="mytable" class="table"></table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script src="../js/public.js"></script> |
|||
<script src="../js/Mydeal.js" type="text/javascript" charset="utf-8"></script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,32 @@ |
|||
/*放置整站通用的样式*/ |
|||
.clear:after{ |
|||
content: "."; |
|||
display: block; |
|||
clear: both; |
|||
height: 0; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.clear { |
|||
*zoom: 1; |
|||
} |
|||
|
|||
.wraper{ |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
.mt20{ |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.mt30{ |
|||
margin-top: 30px; |
|||
} |
|||
.mt40{ |
|||
margin-top: 40px; |
|||
} |
|||
|
|||
.ml20{ |
|||
margin-left: 20px; |
|||
} |
|||
@ -0,0 +1,381 @@ |
|||
@charset "UTF-8"; |
|||
|
|||
/** |
|||
* @version: v1.8 |
|||
* @author: xgc-whj |
|||
* @date: 2019-05-29 00:00:00 |
|||
* @license: MIT license release |
|||
* @jq22 address: http://www.jq22.com/jquery-info17548 |
|||
* @GitHub: https://github.com/w0624/jquery-pagination |
|||
* @description: jQuery分页插件，可自定义样式，默认有五套样式，可自定义插件选项，简单方便，兼容IE8 |
|||
*/ |
|||
|
|||
/*ccs-1*/ |
|||
.whj_jqueryPaginationCss-1 { |
|||
display: inline-block; |
|||
user-select: none; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 div { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
height: 24px; |
|||
line-height: 24px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 .whj_padding { |
|||
padding: 1px 9px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 .whj_bgc { |
|||
background-color: #fff; |
|||
color: #698ca9; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 .whj_border { |
|||
border: 1px solid #5b9fd6; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 .whj_color { |
|||
color: #698ca9; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 .whj_hover:hover { |
|||
background-color: #d4f1ff; |
|||
color: #698ca9; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 .whj_checked { |
|||
background-color: #d4f1ff; |
|||
color: #698ca9; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 .whj_hoverDisable { |
|||
opacity: 0.5; |
|||
filter: alpha(opacity=50); |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 select { |
|||
height: 28px; |
|||
vertical-align: middle; |
|||
padding: 0px; |
|||
outline: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 input { |
|||
padding: 0px; |
|||
height: 26px; |
|||
outline: none; |
|||
text-align: center; |
|||
width: 60px; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 div, .whj_jqueryPaginationCss-1 input, .whj_jqueryPaginationCss-1 select { |
|||
margin: 2px; |
|||
} |
|||
|
|||
/*只有设置显示总页数时，该样式才生效*/ |
|||
.whj_jqueryPaginationCss-1 .whj_totalSizeSingle { |
|||
margin-left: -8px; |
|||
} |
|||
|
|||
/*ccs-2*/ |
|||
.whj_jqueryPaginationCss-2 { |
|||
display: inline-block; |
|||
user-select: none; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 div { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
height: 24px; |
|||
line-height: 24px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 .whj_padding { |
|||
padding: 1px 9px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 .whj_bgc { |
|||
background-color: #5194ca; |
|||
color: #fff; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 .whj_border { |
|||
border: 1px solid #5194ca; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 .whj_color { |
|||
color: #5194ca; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 .whj_hover:hover { |
|||
background-color: #d4f1ff; |
|||
color: #5194ca; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 .whj_checked { |
|||
background-color: #d4f1ff; |
|||
color: #5194ca; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 .whj_hoverDisable { |
|||
opacity: 0.7; |
|||
filter: alpha(opacity=70); |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 select { |
|||
height: 28px; |
|||
vertical-align: middle; |
|||
padding: 0px; |
|||
outline: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 input { |
|||
padding: 0px; |
|||
height: 26px; |
|||
outline: none; |
|||
text-align: center; |
|||
width: 60px; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 div, .whj_jqueryPaginationCss-2 input, .whj_jqueryPaginationCss-2 select { |
|||
margin: 2px; |
|||
} |
|||
|
|||
/*只有设置显示总页数时，该样式才生效*/ |
|||
.whj_jqueryPaginationCss-2 .whj_totalSizeSingle { |
|||
margin-left: -8px; |
|||
} |
|||
|
|||
/*ccs-3*/ |
|||
.whj_jqueryPaginationCss-3 { |
|||
display: inline-block; |
|||
user-select: none; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 div { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
height: 24px; |
|||
line-height: 24px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 .whj_padding { |
|||
padding: 1px 9px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 .whj_bgc { |
|||
background-color: #7a7b7b; |
|||
color: #fff; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 .whj_border { |
|||
border: 1px solid #929292; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 .whj_color { |
|||
color: #929292; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 .whj_hover:hover { |
|||
background-color: #e0dddd; |
|||
color: #7a7b7b; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 .whj_checked { |
|||
background-color: #e0dddd; |
|||
color: #7a7b7b; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 .whj_hoverDisable { |
|||
opacity: 0.5; |
|||
filter: alpha(opacity=50); |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 select { |
|||
height: 28px; |
|||
vertical-align: middle; |
|||
padding: 0px; |
|||
outline: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 input { |
|||
padding: 0px; |
|||
height: 26px; |
|||
outline: none; |
|||
text-align: center; |
|||
width: 60px; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 div, .whj_jqueryPaginationCss-3 input, .whj_jqueryPaginationCss-3 select { |
|||
margin: 2px; |
|||
} |
|||
|
|||
/*只有设置显示总页数时，该样式才生效*/ |
|||
.whj_jqueryPaginationCss-3 .whj_totalSizeSingle { |
|||
margin-left: -8px; |
|||
} |
|||
|
|||
/*ccs-4*/ |
|||
.whj_jqueryPaginationCss-4 { |
|||
display: inline-block; |
|||
user-select: none; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 div { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
height: 24px; |
|||
line-height: 24px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 .whj_padding { |
|||
padding: 1px 9px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 .whj_bgc { |
|||
background-color: #f5f5f5; |
|||
color: #907272; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 .whj_border { |
|||
border: 1px solid #907272; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 .whj_color { |
|||
color: #907272; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 .whj_hover:hover { |
|||
background-color: #afacac; |
|||
color: #fff; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 .whj_checked { |
|||
background-color: #afacac; |
|||
color: #fff; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 .whj_hoverDisable { |
|||
opacity: 0.5; |
|||
filter: alpha(opacity=50); |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 select { |
|||
height: 28px; |
|||
vertical-align: middle; |
|||
padding: 0px; |
|||
outline: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 input { |
|||
padding: 0px; |
|||
height: 26px; |
|||
outline: none; |
|||
text-align: center; |
|||
width: 60px; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 div, .whj_jqueryPaginationCss-4 input, .whj_jqueryPaginationCss-4 select { |
|||
margin: 2px; |
|||
} |
|||
|
|||
/*只有设置显示总页数时，该样式才生效*/ |
|||
.whj_jqueryPaginationCss-4 .whj_totalSizeSingle { |
|||
margin-left: -8px; |
|||
} |
|||
|
|||
/*ccs-5*/ |
|||
.whj_jqueryPaginationCss-5 { |
|||
display: inline-block; |
|||
user-select: none; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 div { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
height: 24px; |
|||
line-height: 24px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 .whj_padding { |
|||
padding: 1px 9px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 .whj_bgc { |
|||
background-color: #199eaf; |
|||
color: #fff; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 .whj_border { |
|||
border: 1px solid #199eaf; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 .whj_color { |
|||
color: #199eaf; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 .whj_hover:hover { |
|||
background-color: #d4f1ff; |
|||
color: #199eaf; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 .whj_checked { |
|||
background-color: #d4f1ff; |
|||
color: #199eaf; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 .whj_hoverDisable { |
|||
opacity: 0.5; |
|||
filter: alpha(opacity=50); |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 select { |
|||
height: 28px; |
|||
vertical-align: middle; |
|||
padding: 0px; |
|||
outline: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 input { |
|||
padding: 0px; |
|||
height: 26px; |
|||
outline: none; |
|||
text-align: center; |
|||
width: 60px; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 div, .whj_jqueryPaginationCss-5 input, .whj_jqueryPaginationCss-5 select { |
|||
margin: 2px; |
|||
} |
|||
|
|||
/*只有设置显示总页数时，该样式才生效*/ |
|||
.whj_jqueryPaginationCss-5 .whj_totalSizeSingle { |
|||
margin-left: -8px; |
|||
} |
|||
File diff suppressed because it is too large
@ -0,0 +1,214 @@ |
|||
let query = {}; //URL参数 |
|||
let scr = $(location).prop('href').split("?")[1]; |
|||
Array.prototype.myForEach = function myForEach(callback, context) { |
|||
context = context || window; |
|||
if (Array.prototype.forEach) { |
|||
// 调用forEach方法，不做任何处理 |
|||
this.forEach(callback, context); |
|||
return; |
|||
} |
|||
} |
|||
if (scr) { |
|||
scr = scr.split("&").join("=").split("=") |
|||
scr.myForEach(function(item, index, arr) { |
|||
if (index % 2 === 0) { |
|||
query[item] = "" |
|||
} else { |
|||
query[scr[index - 1]] = item |
|||
} |
|||
}); |
|||
} |
|||
query.record_type = decodeURI(query.record_type); |
|||
|
|||
//浏览器后退箭头刷新页面 |
|||
if(window.name != "noReload"){ |
|||
window.name = "noReload"; |
|||
location.reload(); |
|||
} else { |
|||
window.name = ""; |
|||
} |
|||
|
|||
let listNewNum = null; |
|||
|
|||
let listQuery = { |
|||
pay_type: 1, // 付费类型 |
|||
goods_status: 1, // 委托状态 |
|||
record_type: "", // 数据类型 |
|||
entrust_name: "", // 委托数据名称 |
|||
entrust_user_name: "", // 委托方名称 |
|||
page: 1, // 页码 |
|||
limit: 8, // 单页数据量 |
|||
}; |
|||
// 分页对象 |
|||
let paging = { |
|||
pageNum: 1, // 当前页面 |
|||
totalNum: 1, // 总页码 |
|||
totalList: 0, // 记录总数量 |
|||
pageRows: 8, // 每页条数 |
|||
pageSizes: [8, 16, 32], // 每页显示个数选择器的选项设置 |
|||
callback: function(num, pageRows) { //回调函数 |
|||
if (paging.pageRows === pageRows) { |
|||
listNewNum = num |
|||
listQuery.page = num |
|||
listQuery.limit = pageRows |
|||
searchGoods(listQuery) |
|||
} else { |
|||
listQuery.page = 1 |
|||
listQuery.limit = pageRows |
|||
searchGoods(listQuery) |
|||
} |
|||
} |
|||
}; |
|||
// 委托数据查询接口 |
|||
function searchGoods(data) { |
|||
let postList = new AJAX_OBJ(AgencyAddress + "order/searchGoods", successGood, onUrlError); |
|||
postList.postRequestData(JSON.stringify(data)); |
|||
|
|||
function successGood(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
render(res.data.data); |
|||
paging.pageNum = res.data.current_page |
|||
paging.pageRows = res.data.per_page; |
|||
paging.totalNum = res.data.last_page; |
|||
paging.totalList = res.data.total; |
|||
// 渲染分页 |
|||
$("#page").paging(paging); |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
}; |
|||
}; |
|||
//进入公共数据详情 |
|||
function detilss(list_isli, type, img,username) { |
|||
localStorage.setItem("listNewNum", listNewNum); |
|||
$(location).prop('href', './PublicDetails.html?list_isli=' + list_isli + '&goods_type=' + type + '&img=' + img + '&username=' + username +'&time=' + new Date().getTime()) |
|||
}; |
|||
// 渲染列表 |
|||
function render(data) { |
|||
let mainstr = '' |
|||
if (data.length) { |
|||
data.myForEach(function(item, index, arr) { |
|||
let createStr = item.createtime.split(" ")[0].split("-").join("/") |
|||
let charges = item.charges_type == 1 ? "免费" : "付费" |
|||
let goodsEntrust = item.goods_entrust == 1 ? "转让" : "授权" |
|||
let img_html = good_img(item.goods_image) |
|||
mainstr += '<div class="main-cent-item" onclick="detilss(\'' + item.goods_islicode + '\',\'' + item |
|||
.goods_type + '\',\'' + goods_image_url + '\',\'' + item.username + '\')"><div class="item-top">' + img_html + |
|||
'<div class="item-date">' + createStr + |
|||
'</div><div class="item-img"><div>' + item.goods_name + |
|||
'</div><div>' + charges + |
|||
'</div></div></div><div class="item-bottom"><div class="item-text">委托关联编码：<a class="isli-text" title="' + |
|||
item.goods_islicode + '">' + item.goods_islicode + |
|||
'</a></div><div class="item-text">交易类型：' + goodsEntrust + |
|||
'</div><div class="item-text">委托方：' + item.username + |
|||
'</div><div class="item-cart"><div title="' + item.username + '">' + item.username + |
|||
'</div><div title="' + '加入购物车' + '">加入购物车</div></div></div></div>' |
|||
}); |
|||
} else { |
|||
mainstr = |
|||
'<div style="width: 100%;height: 275px;display: flex;align-items: center;justify-content: center;font-size: 28px;color: #c0c4cf;">暂无数据</div>' |
|||
} |
|||
$('.main-cent').html(mainstr) |
|||
if (data.length) { |
|||
data.myForEach(function(item, index, arr) { |
|||
let Index = index + 1 |
|||
if (Index % 4 !== 0) { |
|||
$(".main-cent-item:nth-child(" + Index + ")").css("margin-right", "20px") |
|||
} |
|||
if (index >= data.length - 4) { |
|||
$(".main-cent-item:nth-child(" + Index + ")").css("margin-bottom", "0") |
|||
} |
|||
}); |
|||
// data.forEach((item, index) => { |
|||
// let Index = index + 1 |
|||
// if (Index % 4 !== 0) { |
|||
// $(".main-cent-item:nth-child(" + Index + ")").css("margin-right", "20px") |
|||
// } |
|||
// if (index >= data.length - 4) { |
|||
// $(".main-cent-item:nth-child(" + Index + ")").css("margin-bottom", "0") |
|||
// } |
|||
// }); |
|||
} |
|||
}; |
|||
// 数据类型过滤 |
|||
function filters(data) { |
|||
if (data === "全部") { |
|||
return "" |
|||
} else if (data === "文化资源数据") { |
|||
return 1 |
|||
} else if (data === "文化数字内容") { |
|||
return 2 |
|||
} |
|||
}; |
|||
let Publicdate = { |
|||
retrievalPage: "公共数据专区" |
|||
} |
|||
// 初始化 |
|||
$(document).ready(function() { |
|||
if (localStorage.getItem("listNewNum") == null) { |
|||
listQuery.page = 1 |
|||
}else{ |
|||
listQuery.page = localStorage.getItem("listNewNum"); |
|||
localStorage.removeItem("listNewNum"); |
|||
} |
|||
jQuery.each(jQuery('.type-tab'), function(index, item) { |
|||
if (item.innerText === query.record_type) { |
|||
$(".type-tab").removeClass("type-item") |
|||
item.className = "type-tab type-item" |
|||
listQuery.record_type = filters(item.innerText) |
|||
} |
|||
}); |
|||
// $(".type-tab").each((index, item) => { |
|||
// if (item.innerText === query.record_type) { |
|||
// $(".type-tab").removeClass("type-item") |
|||
// item.className = "type-tab type-item" |
|||
// listQuery.record_type = filters(item.innerText) |
|||
// } |
|||
// }); |
|||
// 初始化列表渲染 |
|||
searchGoods(listQuery); |
|||
// 文化数据类别检索 |
|||
$(".type-tab").bind("click", function(data) { |
|||
$(".type-tab").removeClass("type-item") |
|||
data.target.className = "type-tab type-item" |
|||
listQuery.record_type = filters(data.target.innerText) |
|||
listQuery.page = 1 |
|||
searchGoods(listQuery) |
|||
//检索信息数据 |
|||
RetrieveURL(Publicdate); |
|||
}); |
|||
// 委托方名称检索 |
|||
$("#entrustName").bind('change', function(data) { |
|||
listQuery.entrust_user_name = data.target.value |
|||
listQuery.page = 1 |
|||
searchGoods(listQuery); |
|||
//检索信息数据 |
|||
RetrieveURL(Publicdate); |
|||
}); |
|||
// $("#entrustName").change((data) => { |
|||
// listQuery.entrust_user_name = data.target.value |
|||
// listQuery.page = 1 |
|||
// searchGoods(listQuery) |
|||
// }); |
|||
// 关键词检索 |
|||
$("#keyWord").bind('change', function(data) { |
|||
listQuery.entrust_name = data.target.value |
|||
listQuery.page = 1 |
|||
searchGoods(listQuery); |
|||
//检索信息数据 |
|||
RetrieveURL(Publicdate); |
|||
}); |
|||
// $("#keyWord").change((data) => { |
|||
// listQuery.entrust_name = data.target.value |
|||
// listQuery.page = 1 |
|||
// searchGoods(listQuery) |
|||
// }); |
|||
// 搜索 |
|||
$(".search").bind("click", function() { |
|||
listQuery.page = 1 |
|||
searchGoods(listQuery); |
|||
//检索信息数据 |
|||
RetrieveURL(Publicdate); |
|||
}); |
|||
}) |
|||
@ -0,0 +1,50 @@ |
|||
/* |
|||
固定导航，回到顶部 |
|||
*/ |
|||
var scrollTop = document.getElementById('scrollTop'); |
|||
var navBar = document.getElementById('navBar'); |
|||
var returnTop = document.getElementById('returnTop'); |
|||
var mian = document.getElementById('mian'); |
|||
|
|||
window.onscroll = function() { |
|||
console.log(scrollTop.offsetHeight); |
|||
console.log(scroll().top); |
|||
if (scroll().top > scrollTop.offsetHeight) { |
|||
navBar.className = "objfixed"; |
|||
//navBar变为固定定位后 脱离标准流 不在占位置，后面的就跳上来了。 |
|||
//防止后面内容跳上来 给后面加pading margin |
|||
mian.style.paddingTop = navBar.offsetHeight + "px"; |
|||
} else { |
|||
navBar.className = ""; |
|||
mian.style.paddingTop = 0; |
|||
} |
|||
|
|||
if (scroll().top > 1000) { |
|||
returnTop.style.display = "block"; |
|||
} else { |
|||
returnTop.style.display = "none"; |
|||
} |
|||
} |
|||
|
|||
returnTop.onclick = function() { |
|||
var timer = null; |
|||
var step = Math.ceil(scroll().top / 60); |
|||
var leader = scroll().top; |
|||
clearInterval(timer); //防止重复设置定时器 |
|||
timer = setInterval(() => { |
|||
var target = 0; |
|||
if (leader > target) { |
|||
leader = leader - step; |
|||
document.body.scrollTop = document.documentElement.scrollTop = leader; |
|||
} else { |
|||
clearInterval(timer); |
|||
} |
|||
}, 15) //每秒钟60贞会形成比较细腻的动画效果 |
|||
} |
|||
|
|||
function scroll() { |
|||
return { |
|||
top: window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0, |
|||
left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0 |
|||
} |
|||
} |
|||
@ -0,0 +1,804 @@ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.banner { |
|||
width: 100%; |
|||
height: 400px; |
|||
} |
|||
|
|||
.banner-wrapper { |
|||
position: relative; |
|||
overflow: hidden; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.punctuation { |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 35px; |
|||
/* background-color: red; */ |
|||
bottom: 40px; |
|||
} |
|||
|
|||
.punct_box { |
|||
height: 35px; |
|||
margin: 0 auto; |
|||
display: flex; |
|||
/* background-color: #206CCF; */ |
|||
} |
|||
|
|||
.punct_item { |
|||
width: 80px; |
|||
height: 35px; |
|||
background-color: #000; |
|||
opacity: 0.72; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.punct_item2 { |
|||
margin-right: 20px; |
|||
} |
|||
|
|||
.punct_item3 { |
|||
background-color: #fff; |
|||
} |
|||
|
|||
.banner-list { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
display: flex; |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
|
|||
.item { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.item img { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.subtitle { |
|||
height: 70px; |
|||
text-align: center; |
|||
font-weight: 700; |
|||
font-style: normal; |
|||
font-size: 40px; |
|||
color: #252e4b; |
|||
margin: 30px 0 0; |
|||
position: relative; |
|||
} |
|||
|
|||
.mesMore { |
|||
font-weight: normal; |
|||
font-size: 16px; |
|||
position: absolute; |
|||
cursor: pointer; |
|||
top: 31px; |
|||
right: 352px; |
|||
color: #D8E0FF; |
|||
} |
|||
|
|||
.publicData { |
|||
width: 100%; |
|||
background-color: #fff; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.public { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
margin-bottom: 20px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.publicbox { |
|||
width: 49%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.publictitle { |
|||
height: 30px; |
|||
font-size: 22px; |
|||
padding-left: 5px; |
|||
border-left: 5px solid rgba(23, 38, 72, 1); |
|||
color: #252e4b; |
|||
} |
|||
|
|||
.publicmore { |
|||
color: #4d4d4d; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.publicmore:hover { |
|||
color: #f18914; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.p-itembox { |
|||
width: 1200px; |
|||
height: 390px; |
|||
margin: 0 auto; |
|||
margin-bottom: 40px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.p-itemlist { |
|||
width: 49%; |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
/* justify-content: space-between; */ |
|||
align-content: flex-start; |
|||
} |
|||
|
|||
.p-item { |
|||
width: 180px; |
|||
height: 180px; |
|||
background-size: 100% 100%; |
|||
position: relative; |
|||
overflow: hidden; |
|||
margin-bottom: 30px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.p-item-top { |
|||
position: absolute; |
|||
top: -140px; |
|||
width: 180px; |
|||
height: 140px; |
|||
background-color: #fff; |
|||
font-size: 14px; |
|||
padding: 10px; |
|||
opacity: 0.7; |
|||
color: #000; |
|||
} |
|||
|
|||
.p-item-bottom { |
|||
position: absolute; |
|||
bottom: -40px; |
|||
width: 100%; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
text-indent: 10px; |
|||
background-color: rgba(0, 0, 0, 0.6); |
|||
font-size: 14px; |
|||
color: #fff; |
|||
} |
|||
|
|||
.supermarket { |
|||
width: 100%; |
|||
height: 600px; |
|||
background-image: linear-gradient(#3c5fdb, #9dbaf8); |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.sup-title { |
|||
color: #fff; |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.sup-box { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
height: 440px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.Jump { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
text-align: right; |
|||
font-weight: 400; |
|||
font-style: normal; |
|||
font-size: 22px; |
|||
color: #000000; |
|||
padding: 20px 0; |
|||
} |
|||
|
|||
.Jump>span { |
|||
margin-left: 40px; |
|||
margin-right: 20px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.sup-recommend { |
|||
width: 67%; |
|||
} |
|||
|
|||
.sup-name { |
|||
height: 30px; |
|||
line-height: 30px; |
|||
font-size: 16px; |
|||
padding-left: 15px; |
|||
border-left: 5px solid #fff; |
|||
font-family: 'Microsoft YaHei Bold', 'Microsoft YaHei Regular', 'Microsoft YaHei', sans-serif; |
|||
font-weight: 700; |
|||
font-style: normal; |
|||
color: #D8E0FF; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.sup-itemlist { |
|||
height: 390px; |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
/* justify-content: space-between; */ |
|||
align-content: flex-start; |
|||
} |
|||
|
|||
.sup-ranking { |
|||
width: 31%; |
|||
} |
|||
|
|||
.ranking-header { |
|||
height: 30px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.sup-name1 { |
|||
height: 30px; |
|||
line-height: 30px; |
|||
font-size: 16px; |
|||
padding-left: 15px; |
|||
border-left: 5px solid #fff; |
|||
font-family: 'Microsoft YaHei Bold', 'Microsoft YaHei Regular', 'Microsoft YaHei', sans-serif; |
|||
font-weight: 700; |
|||
font-style: normal; |
|||
color: #D8E0FF; |
|||
} |
|||
|
|||
.sup-tab { |
|||
width: 124px; |
|||
height: 30px; |
|||
font-size: 14px; |
|||
color: #0b0b0b; |
|||
background-color: #eaeaea; |
|||
display: flex; |
|||
} |
|||
|
|||
.sup-tab>div { |
|||
width: 50%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.sup-tab>div:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.ranking-list-box { |
|||
background-color: #a1b3ef; |
|||
height: 390px; |
|||
} |
|||
|
|||
.list-item { |
|||
height: 39px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 0 20px; |
|||
color: #444; |
|||
font-size: 14px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.list_name { |
|||
color: #444; |
|||
width: 260px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.list_name:hover { |
|||
color: #444; |
|||
} |
|||
|
|||
.information { |
|||
width: 100%; |
|||
height: 630px; |
|||
background-color: #364168; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.inf-title { |
|||
color: #fff; |
|||
margin-top: 30px; |
|||
height: 50px; |
|||
} |
|||
|
|||
.inf-tab-box { |
|||
width: 740px; |
|||
margin: 0 auto; |
|||
height: 50px; |
|||
display: flex; |
|||
align-items: center; |
|||
/* justify-content: space-between; */ |
|||
font-size: 22px; |
|||
color: #9eb2fb; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.inf-tab-item { |
|||
margin-right: 50px; |
|||
} |
|||
|
|||
.inf-tab-item:last-of-type { |
|||
margin-right: 0; |
|||
} |
|||
|
|||
.inf-tab-item:hover { |
|||
cursor: pointer; |
|||
color: #fff; |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
.inf-tabs { |
|||
color: #fff; |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
.inf-content { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
height: 400px; |
|||
background-color: #fff; |
|||
border-radius: 5px; |
|||
box-shadow: 0px 0px 5px rgb(253 253 253 / 35%); |
|||
padding: 20px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.inf-content-left { |
|||
width: 49%; |
|||
} |
|||
|
|||
.inf-content-left>img { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.inf-content-right { |
|||
width: 49%; |
|||
} |
|||
|
|||
.inf-content-title { |
|||
display: inline-block; |
|||
font-size: 24px; |
|||
color: #144987; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.inf-content-title:hover, |
|||
.inf-content-item-content:hover { |
|||
color: #f18914; |
|||
} |
|||
|
|||
.inf-content-item { |
|||
height: 72px; |
|||
color: #144987; |
|||
font-size: 16px; |
|||
border-top: 1px solid #ddd; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.inf-content-item:last-child { |
|||
border-bottom: 1px solid #ddd; |
|||
} |
|||
|
|||
.inf-content-date { |
|||
width: 79px; |
|||
height: 60px; |
|||
border-right: 1px solid #ddd; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.inf-date-box { |
|||
text-align: center; |
|||
color: #444; |
|||
} |
|||
|
|||
.inf-date-day { |
|||
font-size: 24px; |
|||
} |
|||
|
|||
.inf-date-years { |
|||
font-size: 12px; |
|||
} |
|||
|
|||
.inf-content-item-content { |
|||
width: calc(100% - 120px); |
|||
font-size: 16px; |
|||
line-height: 25px; |
|||
padding: 0 20px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.publicity { |
|||
width: 100%; |
|||
height: 480px; |
|||
background-color: #fff; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.pub-box { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
height: 340px; |
|||
background-color: #f7f8fa; |
|||
box-sizing: border-box; |
|||
border-radius: 7px; |
|||
border: 1px solid #e5e6eb; |
|||
padding: 20px; |
|||
} |
|||
|
|||
.pub-btn { |
|||
height: 30px; |
|||
margin-bottom: 10px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.pub-btn-left { |
|||
width: 320px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
|
|||
.pub-btn-left-item { |
|||
font-size: 16px; |
|||
color: #4d4d4d; |
|||
} |
|||
|
|||
.pub-btn-left-item:hover { |
|||
cursor: pointer; |
|||
color: #f18914; |
|||
} |
|||
|
|||
.btns { |
|||
color: #f18914; |
|||
} |
|||
|
|||
.pub-btn-right { |
|||
width: 120px; |
|||
background-color: #e5e6eb; |
|||
border-radius: 5px; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
font-size: 12px; |
|||
color: #063078; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.pub-btn-right:hover { |
|||
color: #f18914; |
|||
background-color: #d7d9dd; |
|||
} |
|||
|
|||
#pub-table { |
|||
height: 252px; |
|||
box-sizing: border-box; |
|||
overflow: auto; |
|||
} |
|||
|
|||
.table-box { |
|||
width: 100%; |
|||
} |
|||
|
|||
.table-box .tr { |
|||
width: 100%; |
|||
display: flex; |
|||
font-weight: 600; |
|||
color: #535353; |
|||
} |
|||
|
|||
.table-box .td { |
|||
width: 140px; |
|||
height: 50px; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
font-size: 14px; |
|||
border-right: 1px solid #e5e6eb; |
|||
border-bottom: 1px solid #e5e6eb; |
|||
padding: 0 5px; |
|||
} |
|||
|
|||
.pub-text1 { |
|||
width: 310px; |
|||
color: #444; |
|||
text-align: center; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.pub-text1:hover { |
|||
color: #444; |
|||
} |
|||
|
|||
.pub-text3:hover { |
|||
color: #444; |
|||
} |
|||
|
|||
.pub-text3 { |
|||
color: #444; |
|||
width: 200px; |
|||
text-align: center; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.table-box .td:nth-child(1) { |
|||
width: 310px; |
|||
} |
|||
|
|||
.table-box .td:nth-child(2) { |
|||
width: 280px; |
|||
} |
|||
|
|||
.table-box .td:nth-child(3) { |
|||
width: 200px; |
|||
} |
|||
|
|||
.table-box .td:nth-child(4) { |
|||
width: 100px; |
|||
} |
|||
|
|||
.table-box .td:nth-child(5) { |
|||
width: 180px; |
|||
} |
|||
|
|||
.table-box .td:nth-child(6) { |
|||
width: 70px; |
|||
} |
|||
|
|||
.table-box .pub-tr { |
|||
color: #444; |
|||
font-weight: 500; |
|||
} |
|||
|
|||
.provider { |
|||
width: 100%; |
|||
background-color: #f2f3f5; |
|||
overflow: hidden; |
|||
padding-bottom: 50px; |
|||
} |
|||
|
|||
.pro-title { |
|||
height: 60px; |
|||
color: #063078; |
|||
} |
|||
|
|||
.pro-tab-box { |
|||
width: 900px; |
|||
height: 50px; |
|||
margin: 0 auto; |
|||
margin-bottom: 30px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
|
|||
.pro-tab { |
|||
font-size: 22px; |
|||
color: #206CCF; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.pro-tab:hover { |
|||
text-decoration: underline; |
|||
color: #114ba3; |
|||
} |
|||
|
|||
.tabs { |
|||
text-decoration: underline; |
|||
color: #114ba3; |
|||
} |
|||
|
|||
.pro-content { |
|||
width: 1200px; |
|||
height: 412px; |
|||
overflow: auto; |
|||
margin: 0 auto; |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
align-content: start; |
|||
} |
|||
|
|||
.pro-content-item { |
|||
width: 277px; |
|||
height: 182px; |
|||
margin-bottom: 24px; |
|||
} |
|||
|
|||
.pro-content-img { |
|||
width: 231px; |
|||
height: 118px; |
|||
/* opacity: 0.5; */ |
|||
margin: 0 auto; |
|||
margin-top: 25.5px; |
|||
background-color: #f2f2f2; |
|||
} |
|||
|
|||
.pro-content-img>img { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.pro-content-text { |
|||
width: 231px; |
|||
margin: 0 auto; |
|||
margin-top: 7px; |
|||
height: 21px; |
|||
font-size: 16px; |
|||
color: #fff; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.transaction { |
|||
width: 100%; |
|||
/* height: 426px; */ |
|||
background-color: #c9cdd4; |
|||
/* overflow: hidden; */ |
|||
} |
|||
|
|||
.tran-title { |
|||
height: 80px; |
|||
color: #272e3b; |
|||
} |
|||
|
|||
.tran-content { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
/* height: 190px; */ |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
align-content: start; |
|||
display: none; |
|||
} |
|||
|
|||
.lanList { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
/* height: 190px; */ |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
align-content: start; |
|||
} |
|||
|
|||
.tran-content-item { |
|||
width: 180px; |
|||
height: 80px; |
|||
background-color: #f7f8fa; |
|||
border-radius: 5px; |
|||
box-sizing: border-box; |
|||
padding: 10px 15px; |
|||
box-shadow: 3px 3px 5px rgb(0 0 0 / 14%); |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.tran-content-item:hover { |
|||
background-color: #fff; |
|||
box-shadow: 3px 3px 5px rgb(0 0 0 / 28%); |
|||
} |
|||
|
|||
.tran-content-name { |
|||
font-size: 16px; |
|||
text-align: center; |
|||
color: #444; |
|||
} |
|||
|
|||
.tran-content-split { |
|||
height: 1px; |
|||
background-color: #979797; |
|||
margin: 10px 0 6px; |
|||
} |
|||
|
|||
.tran-content-url { |
|||
font-size: 13px; |
|||
color: #828282; |
|||
} |
|||
|
|||
.current { |
|||
color: white !important; |
|||
} |
|||
|
|||
/* 订单轮播图 */ |
|||
.order_slides { |
|||
width: 1200px; |
|||
height: 40px; |
|||
margin: 20px auto; |
|||
border-radius: 5px; |
|||
/* line-height: 100px; */ |
|||
/* display: flex; */ |
|||
} |
|||
|
|||
/* .grad { |
|||
background-image: linear-gradient(to right, #f01768, #fc5068); |
|||
} */ |
|||
|
|||
.order_left { |
|||
width: 100%; |
|||
height: 40px; |
|||
/* border-radius: 5px 0 0 5px; */ |
|||
/* color: #fff; */ |
|||
text-align: center; |
|||
font-size: 28px; |
|||
font-weight: bold; |
|||
/* #262b4c */ |
|||
} |
|||
|
|||
.order_right { |
|||
box-sizing: border-box; |
|||
width: 100%; |
|||
height: 70px; |
|||
background-color: #262b4c; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.freetitle_box { |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.order_shop { |
|||
width: 300px !important; |
|||
height: 70px !important; |
|||
margin-left: 10px; |
|||
color: #fff; |
|||
display: flex; |
|||
justify-content: space-evenly; |
|||
align-items: center; |
|||
} |
|||
|
|||
.order_shop:nth-child(1) { |
|||
margin-left: 0; |
|||
} |
|||
|
|||
.sup_flex { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
|
|||
.examine_market { |
|||
border: none; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.ipbut { |
|||
width: 140px; |
|||
height: 40px; |
|||
color: white; |
|||
background-color: rgba(104, 131, 255, 1); |
|||
border: none; |
|||
border-radius: 5px; |
|||
font-weight: 400; |
|||
font-style: normal; |
|||
text-align: center; |
|||
margin: 20px auto; |
|||
line-height: 40px; |
|||
} |
|||
@ -0,0 +1,429 @@ |
|||
// //截取url中的参数 |
|||
// function GetQueryString(name) { |
|||
// var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); |
|||
// var r = window.location.search.substr(1).match(reg); |
|||
// if (r != null) return unescape(r[2]); |
|||
// return null |
|||
// } |
|||
|
|||
// // 传递userId |
|||
// if (GetQueryString("list_isli") != null && GetQueryString("list_isli").toString().length > 1) { |
|||
// var list_isli = GetQueryString("list_isli"); |
|||
// } |
|||
|
|||
// if (GetQueryString("goods_type") != null && GetQueryString("goods_type").toString().length >= 1) { |
|||
// var goods_type = GetQueryString("goods_type"); |
|||
// } |
|||
|
|||
// //单价 |
|||
// if (GetQueryString("pricets") != null && GetQueryString("pricets").toString().length > 1) { |
|||
// var pricets = GetQueryString("pricets"); |
|||
// } |
|||
|
|||
// //判断是否是转让还是授权 |
|||
// if (GetQueryString("ears_of") != null && GetQueryString("ears_of").toString().length > 1) { |
|||
// var ears_of = GetQueryString("ears_of"); |
|||
// } |
|||
|
|||
let query = {}; //URL参数 |
|||
let scr = $(location).prop('href').split("?")[1]; |
|||
Array.prototype.myForEach = function myForEach(callback, context) { |
|||
context = context || window; |
|||
if (Array.prototype.forEach) { |
|||
// 调用forEach方法，不做任何处理 |
|||
this.forEach(callback, context); |
|||
return; |
|||
} |
|||
} |
|||
if (scr) { |
|||
scr = scr.split("&").join("=").split("=") |
|||
scr.myForEach(function (item, index, arr) { |
|||
if (index % 2 === 0) { |
|||
query[item] = "" |
|||
} else { |
|||
query[scr[index - 1]] = item |
|||
} |
|||
}); |
|||
} |
|||
|
|||
query.title_Name = decodeURI(query.title_Name); |
|||
query.NewuserName = decodeURI(query.NewuserName); |
|||
|
|||
let purchase = {}; //加入购物车，立即购买的参数 |
|||
|
|||
let data = JSON.parse(localStorage.getItem("data")); |
|||
let sourceData = JSON.parse(data[0].source_data); |
|||
let targetData = [] |
|||
let tableType = [] |
|||
let new_linkcode = []; |
|||
data.myForEach(function (item, index, arr) { |
|||
if (tableType.indexOf(JSON.parse(item.target_data).entityName) == -1) { |
|||
tableType.push(JSON.parse(item.target_data).entityName); |
|||
targetData.push([]); |
|||
new_linkcode.push([]); |
|||
} |
|||
targetData[tableType.indexOf(JSON.parse(item.target_data).entityName)].push(JSON.parse(item.target_data)); |
|||
new_linkcode[tableType.indexOf(JSON.parse(item.target_data).entityName)].push(item.linkcode); |
|||
}); |
|||
|
|||
let user_isli = null; |
|||
|
|||
//过滤 |
|||
function collection(data) { |
|||
if (data == "1") { |
|||
return "完好"; |
|||
} else if (data == "2") { |
|||
return "残破"; |
|||
} else if (data == "3") { |
|||
return "残缺"; |
|||
} else if (data == "4") { |
|||
return "霉变"; |
|||
} else if (data == "5") { |
|||
return "皱褶"; |
|||
} else if (data == "6") { |
|||
return "污渍"; |
|||
} else if (data == "7") { |
|||
return "脱浆"; |
|||
} else if (data == "8") { |
|||
return "脱线"; |
|||
} else if (data == "9") { |
|||
return "生锈"; |
|||
} else if (data == "10") { |
|||
return "褪色"; |
|||
} else if (data == "11") { |
|||
return "焦脆"; |
|||
} else { |
|||
return data |
|||
} |
|||
}; |
|||
|
|||
function carrier(data) { |
|||
if (data == "1") { |
|||
return "纸张"; |
|||
} else if (data == "2") { |
|||
return "感光材料"; |
|||
} else if (data == "3") { |
|||
return "磁带"; |
|||
} else if (data == "4") { |
|||
return "光盘"; |
|||
} else if (data == "5") { |
|||
return "移动终端"; |
|||
} else if (data == "6") { |
|||
return "计算机"; |
|||
} else if (data == "7") { |
|||
return "数字化数据"; |
|||
} else if (data == "8") { |
|||
return "天然载体"; |
|||
} else if (data == "9") { |
|||
return "器具载体"; |
|||
} else if (data == "10") { |
|||
return "其它载体"; |
|||
} else { |
|||
return data |
|||
} |
|||
}; |
|||
|
|||
function edition(data) { |
|||
if (data == "1") { |
|||
return "真迹"; |
|||
} else if (data == "2") { |
|||
return "抄本"; |
|||
} else if (data == "3") { |
|||
return "拓本"; |
|||
} else if (data == "4") { |
|||
return "临摹"; |
|||
} else if (data == "5") { |
|||
return "复制"; |
|||
} else if (data == "6") { |
|||
return "复原"; |
|||
} else if (data == "7") { |
|||
return "重建"; |
|||
} else if (data == "8") { |
|||
return "原始录音"; |
|||
} else if (data == "9") { |
|||
return "原始视频"; |
|||
} else if (data == "10") { |
|||
return "刻录"; |
|||
} else if (data == "11") { |
|||
return "原创"; |
|||
} else { |
|||
return data |
|||
} |
|||
}; |
|||
|
|||
function isbaseId(data) { |
|||
if (data) { |
|||
let list = data.split(";"); |
|||
let str = ""; |
|||
list.myForEach(function (v, index, arr) { |
|||
if (v == "1") { |
|||
str += "标本库;"; |
|||
} else if (v == "2") { |
|||
str += "基因库;"; |
|||
} else if (v == "3") { |
|||
str += "素材库;"; |
|||
} |
|||
}); |
|||
if (str) { |
|||
return str.substr(0, str.length - 1); |
|||
} else { |
|||
return data; |
|||
} |
|||
} else { |
|||
return ""; |
|||
} |
|||
}; |
|||
|
|||
function filter(data) { |
|||
if (data) { |
|||
return data; |
|||
} else { |
|||
return "——"; |
|||
} |
|||
}; |
|||
|
|||
function FileSize(data) { |
|||
if (data === 0) { |
|||
return "0 B"; |
|||
} |
|||
var k = 1024; |
|||
var sizes = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], |
|||
i = Math.floor(Math.log(data) / Math.log(k)); |
|||
return (data / Math.pow(k, i)).toPrecision(3) + " " + sizes[i]; |
|||
}; |
|||
|
|||
// 初始化 |
|||
$(document).ready(function () { |
|||
user_isli = cookieHandler.get("isliCode"); |
|||
$(".ipt").val(""); //输入年限 |
|||
$("#addprice").html(0); //计算价格 |
|||
$(".Shopcart").hide();//隐藏div |
|||
$(".shopyear").hide();//隐藏div |
|||
$(".talprice").hide();//隐藏div |
|||
$(".purchase").hide();//隐藏div |
|||
if (query.NewuserName != "中国数字文化集团有限公司" && query.NewuserName != "国家图书馆出版社有限公司" && query.NewuserName != "深圳国夏文化数字科技有限公司") { |
|||
$(".Shopcart").show();//显示div |
|||
$(".shopyear").show();//显示div |
|||
$(".talprice").show();//显示div |
|||
$(".purchase").show();//显示div |
|||
} else { |
|||
$(".Shopcart").css("margin-left", "1200px"); |
|||
$(".Shopcart").show();//显示div |
|||
} |
|||
$(".coll-title").text("名称：" + filter(sourceData.titleName)) |
|||
$(".coll-item")[0].innerText = "其他标识符：" + filter(sourceData.otherIdentifiers) |
|||
$(".coll-item")[1].innerText = "标识符：" + filter(sourceData.isliCode) |
|||
$(".coll-item")[2].innerText = "类型：" + filter(sourceData.collectionType) |
|||
$(".coll-item")[3].innerText = "服务类型：" + filter(sourceData.serviceType) |
|||
$(".coll-item")[4].innerText = "分类：" + filter(sourceData.classification) |
|||
$(".coll-item")[5].innerText = "贡献者：" + filter(sourceData.contributors) |
|||
$(".coll-item")[6].innerText = "著作权人：" + filter(sourceData.copyrightOwner) |
|||
$(".coll-item")[7].innerText = "载体：" + filter(carrier(sourceData.carrier)) |
|||
$(".coll-item")[8].innerText = "登记者：" + filter(sourceData.registrant) |
|||
$(".coll-item")[9].innerText = "登记日期：" + filter(sourceData.registerDate) |
|||
$(".coll-item")[10].innerText = "所属/收藏机构：" + filter(sourceData.repositoryName) |
|||
$(".coll-item")[11].innerText = "尺寸：" + filter(sourceData.dimensions) |
|||
$(".coll-item")[12].innerText = "组件数量：" + filter(sourceData.quantity) |
|||
$(".coll-item")[13].innerText = "标签：" + filter(sourceData.label) |
|||
$(".coll-item")[14].innerText = "描述：" + filter(sourceData.description) |
|||
$(".coll-item")[15].innerText = "哈希值：" + filter(sourceData.md5Val) |
|||
$(".coll-item")[16].innerText = "入库标识：" + filter(isbaseId(sourceData.databaseId)) |
|||
$(".coll-item")[17].innerText = "版本：" + filter(edition(sourceData.edition)) |
|||
$(".coll-item")[18].innerText = "现况：" + filter(collection(sourceData.collectionCondition)) |
|||
$(".coll-item")[19].innerText = "封面：" + filter(sourceData.cover) |
|||
$(".title").text(query.goods_type == "1" ? "文化资源数据" : "文化数字内容") |
|||
$(".title2").text(query.goods_type == "1" ? "文化资源数据-关联资源" : "文化数字内容-关联资源") |
|||
let str = ""; |
|||
targetData.myForEach(function (item, id, arr) { |
|||
str += '<div class="details">' + tableType[id] + |
|||
'</div><table class="table_box"><tr><td>资源名称</td><td>ISLI标志码</td><td>ISLI关联编码</td><td>大小</td><td>格式</td><td>时间</td></tr>' |
|||
item.myForEach(function (i, index, arr) { |
|||
str += '<tr><td>' + i.titleName + |
|||
'</td><td>' + i.isliCode + |
|||
'</td><td>' + new_linkcode[id][index] + |
|||
// '</td><td>' + query.user_islicode + |
|||
'</td><td>' + FileSize(i.metadataFileSize) + |
|||
'</td><td>' + i.metadataFileFormat + |
|||
'</td><td>' + i.registerDate.split(" ")[0].split("-").join("-") + |
|||
'</td></tr>' |
|||
}) |
|||
str += '</table>' |
|||
}); |
|||
$("#resources").html(str); |
|||
transfer(query.ears_of); |
|||
}) |
|||
|
|||
|
|||
//判断数据是否是转让的 |
|||
function transfer(pass_Num) { |
|||
if (pass_Num == "1") { |
|||
$(".shopyear").hide() |
|||
// let shopRice = Math.floor(parseFloat(query.pricets * 100 * 99)) / 100; |
|||
$("#addprice").html(query.pricets); |
|||
purchase = { |
|||
goods_islicode: query.list_isli, |
|||
use_years: 99, |
|||
is_car: 2, //1：购物车商品；2：不是购物车商品 |
|||
} |
|||
} |
|||
} |
|||
|
|||
|
|||
let addprice = null; |
|||
// //输入年限获取价格 |
|||
$('.ipt').bind('input propertychange', function (e) { |
|||
addprice = $(".ipt").val(); |
|||
if (addprice == 0 || addprice == null) { |
|||
Dreamer.warning("购买年限只能输入整数"); |
|||
$(".ipt").val(""); |
|||
} |
|||
if (addprice) { |
|||
let shopRice = Math.round(parseFloat(query.pricets * 100 * e.delegateTarget.value)) / 100; |
|||
$("#addprice").html(shopRice); |
|||
purchase = { |
|||
goods_islicode: query.list_isli, |
|||
use_years: addprice, |
|||
is_car: 2, //1：购物车商品；2：不是购物车商品 |
|||
} |
|||
} else { |
|||
$("#addprice").html(0); |
|||
} |
|||
}); |
|||
|
|||
function Shopp_Cart() { |
|||
if (cookieHandler.get("normal_login_token")) { |
|||
if (user_isli) { |
|||
if (cookieHandler.get("userType") === "0") { |
|||
Dreamer.error("个人认证账号不能加入购物车！"); |
|||
} else { |
|||
if (query.ears_of == "2") { |
|||
if (addprice != null) { |
|||
$(".Shopcart").attr("disabled", true); |
|||
shop_goods(); |
|||
} else { |
|||
Dreamer.warning("购买年限只能输入整数"); |
|||
} |
|||
} |
|||
if (query.ears_of == "1") { |
|||
$(".Shopcart").attr("disabled", true); |
|||
shop_goods(); |
|||
} |
|||
if (query.ears_of == "3") { |
|||
$(".Shopcart").attr("disabled", true); |
|||
shop_goods(); |
|||
} |
|||
} |
|||
} else { |
|||
Dreamer.error("账号未认证，请进行认证！"); |
|||
setTimeout(function () { |
|||
window.location.href = 'MyCetification.html?time=' + new Date().getTime(); |
|||
}, 1000) |
|||
} |
|||
} else { |
|||
Dreamer.error("请先登录"); |
|||
setTimeout(function () { |
|||
window.location.href = 'login.html?time=' + new Date().getTime(); |
|||
}, 1000) |
|||
} |
|||
} |
|||
|
|||
//加入购物车 |
|||
function shop_goods() { |
|||
if (query.ears_of == "3") { |
|||
purchase.use_years = 1; |
|||
purchase.goods_islicode = goods_islicode |
|||
} |
|||
var ajaxaddShop = new AJAX_OBJ(AgencyAddress + "order/addShoppingCa?goods_isli=" + purchase.goods_islicode + |
|||
"&user_isli=" + user_isli + "&use_years=" + purchase.use_years, entrustaddShop, onUrlError); |
|||
ajaxaddShop.postRequestData(); |
|||
} |
|||
|
|||
function entrustaddShop(xmlHttp) { |
|||
var res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
Dreamer.success("加入购物车成功"); |
|||
$(".Shopcart").val("已加入购物车"); |
|||
} else { |
|||
$(".Shopcart").attr("disabled", false); |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
} |
|||
|
|||
//点击购物车将数据传到购物车 |
|||
$(".Shopcart").click(Shopp_Cart); |
|||
|
|||
function order() { |
|||
if (cookieHandler.get("normal_login_token")) { |
|||
if (user_isli) { |
|||
if (cookieHandler.get("userType") === "0") { |
|||
Dreamer.error("个人认证账号不能购买！"); |
|||
} else { |
|||
if (query.type_status == 1 || query.type_status == 5) { |
|||
if (query.ears_of == "2") { |
|||
if (addprice) { |
|||
// if ($("#addprice").html() > 20000) { |
|||
// Dreamer.warning("单次购买金额不能高于2万"); |
|||
// } else { |
|||
$(".purchase").attr("disabled", true); |
|||
Buy_now(); |
|||
// } |
|||
} else { |
|||
Dreamer.warning("请输入购买年限"); |
|||
} |
|||
|
|||
} |
|||
if (query.ears_of == "1") { |
|||
// if (query.pricets > 20000) { |
|||
// Dreamer.warning("单次购买金额不能高于2万"); |
|||
// } else { |
|||
$(".purchase").attr("disabled", true); |
|||
Buy_now(); |
|||
// } |
|||
} |
|||
} else { |
|||
if (query.type_status == 5) { |
|||
Dreamer.warning(query.title_Name + "正在委托中,无法购买"); |
|||
} else { |
|||
Dreamer.warning(query.title_Name + "无法购买"); |
|||
} |
|||
} |
|||
} |
|||
} else { |
|||
Dreamer.error("账号未认证，请进行认证！"); |
|||
setTimeout(function () { |
|||
window.location.href = 'MyCetification.html?time=' + new Date().getTime(); |
|||
}, 1000) |
|||
} |
|||
} else { |
|||
Dreamer.error("请先登录"); |
|||
setTimeout(function () { |
|||
window.location.href = 'login.html?time=' + new Date().getTime(); |
|||
}, 1000) |
|||
} |
|||
} |
|||
|
|||
//立即购买 |
|||
function Buy_now() { |
|||
var ajaxAddress = new AJAX_OBJ(AgencyAddress + "order/createOrder?goods_isli=" + purchase.goods_islicode + |
|||
"&is_car=" + purchase.is_car + "&user_isli=" + user_isli + "&use_years=" + purchase.use_years, |
|||
entrustAddress, onUrlError); |
|||
ajaxAddress.postRequestData(); |
|||
} |
|||
|
|||
function entrustAddress(xmlHttp) { |
|||
var res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
$(location).prop('href', './payment.html?batchcode=' + res.data.batchcode + '&img=' + img + '&time=' + |
|||
new Date().getTime()); |
|||
$(".ipt").val(""); |
|||
$("#addprice").html(0); |
|||
} else { |
|||
$(".purchase").attr("disabled", false); |
|||
Dreamer.error(res.resultMsg); |
|||
$(".ipt").val(""); |
|||
$("#addprice").html(0); |
|||
} |
|||
} |
|||
|
|||
//点击立即购买,调下单推送接收接口 |
|||
$(".purchase").click(order); |
|||
@ -0,0 +1,194 @@ |
|||
/* |
|||
* 跨域执行的ajax |
|||
* @url: request url |
|||
* @callback: callback function |
|||
* @errorhandle: error handle function |
|||
* @timer: request interval |
|||
* @retrial: error request times(value=-1:infinity) |
|||
* var playAjax = new AJAX_OBJ(url, onSuccessHandler,onErrorHandler,2, 1000); |
|||
playAjax.getRequestData();playAjax.postRequestData(""); |
|||
onSuccessHandler(data) |
|||
onErrorHandler(data) |
|||
*/ |
|||
|
|||
|
|||
var objPool = []; |
|||
|
|||
function AJAX_OBJ(url, callback, errorhandle, timer, retrial) { |
|||
this.xmlHttp = null; |
|||
this.num = 0; |
|||
this.url = url; |
|||
this.urlParameters = ""; |
|||
this.callback = callback; |
|||
this.errorhandle = errorhandle; |
|||
|
|||
this.timer = timer || 5000; |
|||
this.timeout = -1; |
|||
this.retrial = retrial || 1; |
|||
|
|||
this.childnodes = null; |
|||
} |
|||
|
|||
/*创建 XMLHttpRequest 对象，IE 浏览器使用 ActiveXObject，而其他的浏览器使用名为 XMLHttpRequest 的 JavaScript 内建对象。*/ |
|||
AJAX_OBJ.prototype.createXMLHttpRequest = function() { |
|||
var xmlh = null; |
|||
if (window.ActiveXObject) { |
|||
xmlh = new ActiveXObject("Microsoft.XMLHttp"); |
|||
} else if (window.XMLHttpRequest) { |
|||
xmlh = new XMLHttpRequest(); |
|||
} |
|||
return xmlh; |
|||
} |
|||
|
|||
/*获取一个XMLHttpRequest 对象*/ |
|||
AJAX_OBJ.prototype.getInstance = function() { |
|||
for (var i = 0; i < objPool.length; i++) { |
|||
if (objPool[i].readyState == 0 || objPool[i].readyState == 4) { // 返回已有的readyState属性值为0或者4的XMLHttpRequest对象，readyState=0，请求未初始化（在调用 open() 之前）；readyState=4，请求已完成（可以访问服务器响应并使用它） |
|||
return objPool[i]; |
|||
} |
|||
} |
|||
objPool[objPool.length] = this.createXMLHttpRequest(); //如果已有的XMLHttpRequest对象都属于非空闲状态，则创建返回一个新的XMLHttpRequest对象 |
|||
return objPool[objPool.length - 1]; |
|||
} |
|||
|
|||
/*GET请求数据*/ |
|||
AJAX_OBJ.prototype.getRequestData = function(heads) { |
|||
this.xmlHttp = this.getInstance(); //获取一个XMLHttpRequest 对象 |
|||
var request_url = this.url + this.urlParameters; //服务器端脚本的 URL |
|||
|
|||
// alert(request_url); |
|||
var self = this; |
|||
if (request_url.indexOf("?") > -1) { |
|||
request_url = request_url + "&random=" + Math.random(); //如果XMLHttpRequest提交的URL与历史一样则使用缓存，地址后面加上随机数可以避免使用缓存，取到最新的数据 |
|||
} else { |
|||
request_url = request_url + "?random=" + Math.random(); |
|||
} |
|||
|
|||
this.xmlHttp.onreadystatechange = function() { //每当 readyState 改变时，onreadystatechange 函数就会被执行。 |
|||
self.stateChanged(); |
|||
}; |
|||
|
|||
this.xmlHttp.open("GET", request_url, true); //向服务器发送一个请求 |
|||
|
|||
if (heads == "chaoxing") { |
|||
this.setRequestHeader(heads); //设置请求头 |
|||
} else { |
|||
this.setDefaultRequestHeader(heads); //设置请求头 |
|||
} |
|||
|
|||
|
|||
this.xmlHttp.send(null); |
|||
//显示加载 |
|||
//showLoading(); |
|||
} |
|||
|
|||
/*POST请求数据*/ |
|||
AJAX_OBJ.prototype.postRequestData = function(param, heads) { |
|||
this.xmlHttp = this.getInstance(); //获取一个XMLHttpRequest 对象 |
|||
var request_url = this.url + this.urlParameters; //服务器端脚本的 URL |
|||
//alert(request_url); |
|||
var self = this; |
|||
if (request_url.indexOf("?") > -1) { |
|||
request_url = request_url + "&random=" + Math.random(); //如果XMLHttpRequest提交的URL与历史一样则使用缓存，地址后面加上随机数可以避免使用缓存，取到最新的数据 |
|||
} else { |
|||
request_url = request_url + "?random=" + Math.random(); |
|||
} |
|||
|
|||
this.xmlHttp.onreadystatechange = function() { //每当 readyState 改变时，onreadystatechange 函数就会被执行。 |
|||
self.stateChanged(); |
|||
}; |
|||
|
|||
this.xmlHttp.open("POST", request_url, true); //向服务器发送一个请求 |
|||
this.setDefaultRequestHeader(heads); //设置请求头 |
|||
|
|||
if (param == null || param === undefined || param == "") { |
|||
this.xmlHttp.send(null); |
|||
} else { |
|||
this.xmlHttp.send(param); |
|||
} |
|||
//显示加载 |
|||
//showLoading(); |
|||
} |
|||
|
|||
/* 自定义请求头信息，heads对象，key-value形式 */ |
|||
AJAX_OBJ.prototype.setDefaultRequestHeader = function(heads) { |
|||
this.xmlHttp.setRequestHeader("Content-type", "application/json;charset=utf-8"); |
|||
this.xmlHttp.setRequestHeader("Accept", "application/json;charset=UTF-8"); |
|||
this.xmlHttp.setRequestHeader("normal_login_token", cookieHandler.get("normal_login_token")); |
|||
// this.xmlHttp.setRequestHeader("prodCode","fxcloud2.0"); |
|||
heads = heads || {}; |
|||
for (var key in heads) { |
|||
this.xmlHttp.setRequestHeader(key, heads[key]); |
|||
} |
|||
} |
|||
/*超星图书请求头信息，head对象，key-value形式 */ |
|||
AJAX_OBJ.prototype.setRequestHeader = function(heads) { |
|||
this.xmlHttp.setRequestHeader("Content-type", "application/json;charset=utf-8"); |
|||
this.xmlHttp.setRequestHeader("Accept", "application/json;charset=UTF-8"); |
|||
//this.xmlHttp.setRequestHeader("Content-length",param.length); |
|||
heads = heads || {}; |
|||
for (var key in heads) { |
|||
this.xmlHttp.setRequestHeader(key, heads[key]); |
|||
} |
|||
} |
|||
/*每当 readyState 改变时,执行此方法*/ |
|||
AJAX_OBJ.prototype.stateChanged = function() { |
|||
if (this.xmlHttp.readyState == 4) { //请求已完成 |
|||
if (this.xmlHttp.status == 200) { //请求成功时，调用回到函数callback,将请求到的对象作为函数参数 |
|||
//隐藏加载 |
|||
//hiddenLoading(); |
|||
if (this.xmlHttp.getResponseHeader("normal_login_token") == null) { |
|||
console.log('--------------token 未过期-------------') |
|||
} else { |
|||
var token = this.xmlHttp.getResponseHeader("normal_login_token"); |
|||
cookieHandler.set("normal_login_token", token); //保存最新token |
|||
// 解析token 设置isli |
|||
verifyToken(token); |
|||
} |
|||
this.callback(this.xmlHttp); |
|||
} else { //error handling 请求失败时，再次请求 |
|||
//alert("请求失败"); |
|||
this.num++; |
|||
//隐藏加载 |
|||
//hiddenLoading(); |
|||
this.errorhandle(this.xmlHttp.status); |
|||
if (this.retrial != -1 && this.num < this.retrial) { |
|||
clearTimeout(this.timeout); |
|||
//this.timeout = setTimeout(function(){self.requestData();}, this.timer); |
|||
} else if (this.retrial == -1) { // |
|||
var self = this; |
|||
clearTimeout(this.timeout); |
|||
//this.timeout = setTimeout(function(){self.requestData();}, this.timer); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
/*向请求地址增加参数*/ |
|||
AJAX_OBJ.prototype.addParameter = function(params) { |
|||
if (params.length > 0) { |
|||
this.urlParameters = ""; |
|||
for (var i = 0; i < params.length; i++) { |
|||
var curr_param = params[i]; |
|||
if (i == 0) this.urlParameters += "?" + curr_param.name + "=" + curr_param.value; |
|||
else this.urlParameters += "&" + curr_param.name + "=" + curr_param.value; |
|||
} |
|||
} |
|||
} |
|||
|
|||
/*获取返回来的xml数据的某个节点*/ |
|||
AJAX_OBJ.prototype.getNodes = function(param, index) { |
|||
if (typeof(this.xmlHttp.responseXML) != "undefined") { |
|||
if (typeof(param) != "undefined" && typeof(index) != "undefined") { |
|||
this.childnodes = this.xmlHttp.responseXML.getElementsByTagName(param)[index].childNodes; |
|||
return this.childnodes; |
|||
} else if (typeof(param) != "undefined") { |
|||
this.childnodes = this.xmlHttp.responseXML.getElementsByTagName(param); |
|||
return this.childnodes; |
|||
} else { |
|||
return null; |
|||
} |
|||
} else { |
|||
return null; |
|||
} |
|||
} |
|||
@ -0,0 +1,107 @@ |
|||
<!DOCTYPE html> |
|||
<html> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>临时买卖委托协议</title> |
|||
<link rel="stylesheet" href="../css/agreement.css"> |
|||
</head> |
|||
<body> |
|||
<div class="trade_agreement"> |
|||
<h1 class="trade_h11">全国文化大数据交易中心</h1> |
|||
<p class="p1"></p> |
|||
<h1 class="trade_h">临时买卖委托协议</h1> |
|||
<h2 class="trade_h12" style="font-weight: normal;">（授权方/卖方、被授权方/买方适用）</h2> |
|||
<p class="trade_p"> |
|||
授权方/卖方是指数据供给方和数据出售方，是经国家文化大数据标识注册中心认证，并合法持有符合国家文化大数据标准的、可产生内关联或外关联的文化数据，经数据技术解构后通过全国文化大数据交易中心（以下简称：平台）授权或转让其文化资源数据及文化数字内容的各类数据权属主体（以下简称：您）。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
被授权方/买方是指可通过全国文化大数据交易中心（以下简称：平台）受让或被授权所需文化资源数据及文化数字内容并接收相关服务的使用人（以下简称：您）。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
平台是为您提供全国文化大数据自主报价与点选成交为主、评估价与撮合成交为辅的交易方式及相关技术服务的信息中介平台。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
本协议中的部分条款仅针对特定交易主体角色适用，详见本协议具体条款标注说明，未作特定标注说明的适用于所有角色。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
依据《中华人民共和国著作权法》、《中华人民共和国民法典》等有关法律法规和《国家文化大数据交易规则（试行）》及其他相关配套规定，双方就您委托平台转让/授权（或购买/被授权）文化数据及其他相关事宜达成如下协议，供双方共同遵守。 |
|||
</p> |
|||
<h3 class="trade_h12_bold">专用条款</h3> |
|||
<p class="trade_p">第一条 |
|||
若您为授权方/卖方，您承诺：您系文化数据中作品的权利人，享有该作品著作权权利。您有权行使作品的相关权利而无需其他作品权利人同意。您承诺作品不存在抄袭、剽窃他人作品或侵犯任何其他第三人知识产权、智力成果及合法权益的情形。您所授权/出售的作品不存在可能被第三人主张权利的瑕疵。（授权方/卖方适用） |
|||
</p> |
|||
<p class="trade_p_nobold"> |
|||
若您为被授权方/买方，您承诺：您的资金为合法、安全的自有资金，不存在不诚实经营、诈骗客户资金等违法经营行为所得或盗窃、受贿、侵占挪用公司财产、毒品犯罪、黑社会性质的组织犯罪、恐怖活动犯罪、走私犯罪、贪污贿赂犯罪、破坏金融管理秩序犯罪、金融诈骗犯罪等行为所得资金，不存在洗钱行为来掩饰其资金非法来源，获取不法收益的行为。不涉及与洗钱相关的大额现金交易、可疑交易、恐怖融资交易。（被授权方/买方适用） |
|||
</p> |
|||
<p class="trade_p_nobold">第二条 委托期限</h3> |
|||
<p class="trade_p_nobold">委托期限依据您的业务需要可选择一次性委托、阶段性委托、永久性委托，最终以平台展示的标的详情为准。（授权方/卖方适用）</p> |
|||
<p class="trade_p_nobold">您在点击确认本协议后至您的被授权方/买方交易主体身份到期或终止。（被授权方/买方适用）</p> |
|||
<p class="trade_p_nobold">第三条委托范围及效力</p> |
|||
<p class="trade_p_nobold"> |
|||
您委托平台发布文化数据标的相关信息时，同时授权平台在相关平台同步发布相关信息，相关信息以平台对外公布的内容详情为准。您不可撤销的同意在平台发布的委托信息视为您的邀约表示，在平台交易流程完成后，交易双方的买卖/授权合同关系即可生效，各方应按照与平台签署的相关协议履行。 |
|||
</p> |
|||
<h3 class="trade_h12_bold">自定义条款</h3> |
|||
<p class="trade_p_nobold">第一条 若交易的标的文化数据是国有资产，根据相关国有资产转让的法律法规要求，您应当自行履行相应审批及交易的法定义务。（授权方/卖方适用）</p> |
|||
<p class="trade_p_nobold">若交易的标的文化数据是国有资产，且相关法规和转让方有相关规定和要求的，您应当自行审查是否具备购买资质，并自行履行国有资产交易的法定义务。（被授权方/买方适用） |
|||
</p> |
|||
<p class="trade_p_nobold">第二条 授权方/卖方如与被授权方/买方成交后，需做出以下承诺：</p> |
|||
<p class="trade_p_nobold"> |
|||
1、除本协议明确约定的以外，各方应有签订和履行本协议全部义务所必需的所有合法权利以及所有内部和外部的批准、授权和许可，包括但不限于法律及公司章程规定的股东会、董事会批准。</p> |
|||
<p class="trade_p_nobold">2、提交的文件、资料等均是真实、全面和有效的。</p> |
|||
<p class="trade_p_nobold">3、具备签订和履行本协议的能力与资质。</p> |
|||
<p class="trade_p_nobold"> |
|||
4、因授权方/卖方作品权利存在瑕疵或者授权方/卖方处分权利存在瑕疵，导致被授权方/买方无法正常行使许可权利的，被授权方/买方有权解除交易协议，并要求授权方/卖方赔偿因第三方索赔导致被授权方/买方支出的诉讼仲裁成本、向第三方支付的赔偿等全部损失。 |
|||
</p> |
|||
<p class="trade_p_nobold"> |
|||
5、授权方/卖方、被授权方/买方双方有违反交易协议情形的，应赔偿守约方全部损失，该损失包括但不限于对守约方所造成的直接损失、可得利益损失、守约方支付给第三方的赔偿费用/违约金/罚款、调查取证费用/公证费、诉讼费用、律师费用以及因此而支付的其他合理费用。 |
|||
</p> |
|||
<p class="trade_p_nobold">第三条 <span |
|||
class="weight_bold decora_line">您通过平台委托交易标的转让/授权的，视为您已经对交易标的及其价格履行了内部决策的相关要求且予以认可，是您意愿的真实表示。您应承担您操作及转让/授权交易标的所带来的一切权利义务及风险，平台不对您的行为做任何承诺以及承担任何责任。在被授权方/买方按照您所委托的价格成功购买标的/被授权后，未经被授权方/买方同意您不得撤销该交易，且应当履行相应的合同义务，否则应当承担相应的违约及赔偿责任。（授权方/卖方适用）</span> |
|||
</p> |
|||
<p class="trade_bold decora_line"> |
|||
您通过平台点选交易标的，并支付成功的，视为您已经对交易标的及其价格进行了尽调且予以认可，是您意愿的真实表示，您应承担您操作的交易行为所带来的一切权利义务及风险。平台不对您的行为做任何承诺以及承担任何责任，您不得因自身操作的交易行为向平台主张任何诉求，但平台可对您的诉求提供合理帮助。（被授权方/买方适用） |
|||
</p> |
|||
<p class="trade_p_nobold">第四条 授权方/卖方、被授权方/买方双方均认可同意，被授权方/买方付款完成后可下载相关数据，7个自然日内未下载完毕则系统默认交易成功并进行结算。</p> |
|||
<h3 class="trade_h12_bold">通用条款</h3> |
|||
<p class="trade_p_nobold">第一条 您保证提供的身份信息和相关材料是真实、有效、完整的。</p> |
|||
<p class="trade_p_nobold">第二条 |
|||
您保证对在讨论、签订、履行本协议过程中所获悉的属于其他方的且无法自公开渠道获取的文件及资料（包括但不限于商业秘密、公司计划、运营活动、财务信息、技术信息、经营信息及其他商业秘密）予以保密。未经该资料和文件的原提供方同意，其他方不得向任何第三方泄露上述资料和文件的全部或部分内容。 |
|||
上述保密义务，在本协议终止或解除之后仍需履行。 |
|||
</p> |
|||
<p class="trade_p_nobold">第三条 双方同意，您接受平台提供以下服务：</p> |
|||
<p class="trade_p_nobold">1、您同意平台执行您依照本协议约定的方式下达的合法有效的委托指令；</p> |
|||
<p class="trade_p_nobold">2、您同意平台为您进行资金、文化数据交易标的的清算、交收；</p> |
|||
<p class="trade_p_nobold">3、您同意平台为您保管买入或存入的资金；</p> |
|||
<p class="trade_p_nobold">4、您同意平台对您委托、成交及账户内的资产及变化情况的查询，并应您的要求提供相应的清单；</p> |
|||
<p class="trade_p_nobold">5、您同意平台将您的相关信息提供给本平台合理使用，以及提供必要服务的其他第三方使用；</p> |
|||
<p class="trade_p_nobold">6、依据法律、法规、规章、平台公布规则的规定，平台可以代您进行的其他活动。</p> |
|||
<p class="trade_p_nobold">7、按约定的其他委托事项。</p> |
|||
<p class="trade_p_nobold">第四条 |
|||
您委托平台转让/授权的文化数据交易标的成交的，应当依法缴纳税费并按平台相关规则及管理办法向平台交纳相关费用，并保证根据成交结果承担相应的清算交收责任。（授权方/卖方适用）</p> |
|||
<p class="trade_p_nobold">第五条 因地震、台风、水灾、火灾、战争、瘟疫、社会动乱、政策变动等不可抗力因素造成交易平台停市或其他情况导致的您损失，平台不承担任何赔偿责任。</p> |
|||
<p class="trade_p_nobold"> 第六条 |
|||
任何一方违反本协议约定，违约方应当向守约方赔偿全部损失。但因平台不可预测或无法控制的系统故障、设备故障、通讯故障、电力故障等突发事故及其他非平台人为因素，以及监管部门、自律组织等规定的其他免责情形，给您造成的损失，平台不承担任何赔偿责任。 |
|||
</p> |
|||
<p class="trade_p_nobold">第七条 本协议的签署地点为中华人民共和国深圳市福田区，凡因本协议或者执行本协议发生的纠纷，双方可以自行协商解决，若协商不成，任何一方可向 <span |
|||
class="weight_bold decora_line">深圳市福田区人民法院</span>诉讼解决。</p> |
|||
<p class="trade_p_nobold">第八条 协议生效</p> |
|||
<p class="trade_p_nobold">1、本协议自您勾选同意并缴纳全部费用，且平台审核通过后生效。</p> |
|||
<p class="trade_bold decora_line"> |
|||
2、本协议生效，即表示您主动接受本协议的各项约定，并愿意就违反本协议约定承担相应的法律责任。现有的协议约定也不能保证完全符合未来发展的需求。因此，平台发布的文化大数据交易规则及相关配套规定、管理制度及相关声明均为本协议的补充约定，与本协议不可分割且具有同等法律效力。如您使用平台服务或参与文化大数据交易活动，视为您同意上述补充约定。 |
|||
</p> |
|||
<p class="trade_p_nobold">3、您须知本协议中任何条款被废止、无效或因任何理由不可执行，不影响任何其它条款的有效性和可执行性。</p> |
|||
<p class="trade_p_nobold"> |
|||
4、平台有权根据需要制定或修改平台的规章制度等相关规则及配套规定，该等已经公布的或将来公布的相关规则及配套规定，视为本协议不可分割的一部分，与协议正文具有同等的法律效力，经平台公布即生效。</p> |
|||
<p class="trade_p_nobold">5、平台保留在法律框架下对本协议的解释权和修订权。</p> |
|||
<p class="trade_bold decora_line"> |
|||
特别提示：您在使用本平台和相关服务之前，请您务必审慎阅读并充分理解本协议各条款内容，特别是涉及免除或者限制责任的条款、对权利进行限制的条款、争议解决条款等。其中，免除或者限制责任条款将以加粗、加下划线等形式提示您注意，您应重点阅读。 |
|||
</p> |
|||
<p class="trade_bold decora_line">如您自主选择使用本平台及相关服务，即视为您已充分理解本协议，完全同意本协议各项内容，并同意作为本协议的一方当事人接受本协议及相关协议和规则的约束。 |
|||
</p> |
|||
<div style="height: 200px;"></div> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,80 @@ |
|||
/* |
|||
认证缴费样式 |
|||
*/ |
|||
/* 面包屑样式 */ |
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
/* 内容样式 */ |
|||
.wraper .mydeal_left { |
|||
float: left; |
|||
width: 180px; |
|||
height: 520px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.wraper .mydeal_left ul li { |
|||
text-align: center; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
} |
|||
|
|||
.wraper .mydeal_left ul li a { |
|||
text-decoration: none; |
|||
color: #444444; |
|||
} |
|||
|
|||
.wraper .mydeal_left ul li .active { |
|||
color: #4689C6; |
|||
} |
|||
|
|||
/* 右侧样式 */ |
|||
.wraper .mydeal_right { |
|||
float: left; |
|||
width: 980px; |
|||
background: #FFFFFF; |
|||
padding: 20px; |
|||
min-height: 520px; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.wraper .mydeal_right .rightBox { |
|||
display: block; |
|||
} |
|||
|
|||
.wraper .mydeal_right .right_title { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wraper .mydeal_right .right_name { |
|||
border-left: 5px solid rgba(17, 116, 155, 1); |
|||
margin-top: 15px; |
|||
padding-left: 10px; |
|||
} |
|||
|
|||
.wraper .mydeal_right .table { |
|||
margin-top: 15px; |
|||
} |
|||
|
|||
.wraper .mydeal_right .table span { |
|||
display: inline-block; |
|||
color: #0000FF; |
|||
} |
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1,259 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>公共数据详情</title> |
|||
<!-- 引入初始化样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/reset.css" /> |
|||
<!-- 引入默认样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/default.css" /> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" /> |
|||
<link rel="stylesheet" href="../css/PublicDetails.css"> |
|||
<link rel="stylesheet" href="../css/header.css"> |
|||
<!-- 引入jquery --> |
|||
<script src="../js/jquery-2.2.4.min.js"></script> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap-table.min.css" /> |
|||
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap-table.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/Dream-Msg.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/ajax.ipanel.js" type="text/javascript" charset="utf-8"></script> |
|||
<style type="text/css"> |
|||
html, |
|||
body { |
|||
background: #F2F8FC !important; |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="header"> |
|||
<div class="login"> |
|||
<div id="login"><a href="./login.html">登录</a></div> |
|||
<div id="Logout"><a href="./Home.html">退出登录</a></div> |
|||
<div id="personalCenter"><a href="./Account.html">用户中心</a></div> |
|||
<div id="news"><a href="./MyMessage.html">消息</a></div> |
|||
</div> |
|||
<div class="navbarbox"> |
|||
<div class="titles-name"></div> |
|||
<div class="navbar-tab"> |
|||
<div class="itembox"></div> |
|||
<div class="cart"> |
|||
<img src="../images/cart.png" alt=""> |
|||
<div>购物车</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="right-bottom"> |
|||
<div class="r-b-top"> |
|||
<a href="#"><span class="a-back">返回顶部</span></a> |
|||
</div> |
|||
<div class="r-b-bottom" id="customer"> |
|||
<div> |
|||
<div>留言</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 留言表单 --> |
|||
<div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
|||
<div class="modal-dialog modal-lg" role="document"> |
|||
<div class="modal-content modal-contents"> |
|||
<div class="modal-headers"> |
|||
<div>在线留言</div> |
|||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
</div> |
|||
<div class="modal-body"> |
|||
<div class="modal-top">请把您的问题留下，客服人员会尽快与您取得联系。</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">姓名</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value1" placeholder="请填写您的姓名" /> |
|||
<p id="step_validate1" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">手机号码</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value2" placeholder="请填写您的联系电话" /> |
|||
<p id="step_validate2" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">公司名称</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value3" placeholder="请填写您的公司名称" /> |
|||
<p id="step_validate3" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">留言</div> |
|||
<div class="step_name"> |
|||
<textarea id="step_value4" placeholder="请填写您的需求，我们会尽快与您取得联系"></textarea> |
|||
<p id="step_validate4" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_button"> |
|||
<button type="button" id="submit">提交</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div style="height: 100px;"></div> |
|||
<div class="footers"> |
|||
<div class="pingCart"> |
|||
<div id="addCart">加入购物车</div> |
|||
<div id="employ">申请使用</div> |
|||
</div> |
|||
</div> |
|||
<div class="rumbs"> |
|||
<div class="rumbs_box clear"> |
|||
<div class="rumbs_title">当前位置：</div> |
|||
<div class="rumbs_name">标的详情</div> |
|||
</div> |
|||
</div> |
|||
<div class="super_detword clear"> |
|||
<div class="super_detmain"> |
|||
<div class="super_title"> |
|||
<h3>标的信息</h3> |
|||
</div> |
|||
<div class="super_center"> |
|||
<div class="center_left"> |
|||
</div> |
|||
<div class="center_right"> |
|||
<div class="cen_right_one"> |
|||
<h3>标的信息</h3> |
|||
<div id="cen-ock"> |
|||
<div class="con_box"> |
|||
<div class="title">标的名称</div> |
|||
<div class="content"></div> |
|||
</div> |
|||
<div class="con_box"> |
|||
<div class="title">标的ISLI标志码</div> |
|||
<div class="content"></div> |
|||
</div> |
|||
<div class="con_box"> |
|||
<div class="title">标的类型</div> |
|||
<div class="content"></div> |
|||
</div> |
|||
<div class="con_box"> |
|||
<div class="title">交易方式</div> |
|||
<div class="content"></div> |
|||
</div> |
|||
<div class="con_box"> |
|||
<div class="title">权益</div> |
|||
<div class="content"></div> |
|||
</div> |
|||
<div class="con_box"> |
|||
<div class="title">免责条款</div> |
|||
<div class="content"><a href="./Clause.html" style="color: #00A1FF;" target="_blank">点击查看免责条款</a></div> |
|||
</div> |
|||
<div class="con_box"> |
|||
<div class="title">委托类型</div> |
|||
<div class="content"></div> |
|||
</div> |
|||
<div class="con_box"> |
|||
<div class="title">收费类型</div> |
|||
<div class="content"></div> |
|||
</div> |
|||
<!-- <div class="con_box"> |
|||
<div class="title">交易保证金</div> |
|||
<div class="content"></div> |
|||
</div> --> |
|||
<div class="con_box"> |
|||
<div class="title">标的价款</div> |
|||
<div class="content"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="cen_right_two"> |
|||
<h3>委托方信息</h3> |
|||
<div id="cen-ock_two"> |
|||
<div class="con_box"> |
|||
<div class="title_two">卖方/授权方名称</div> |
|||
<div class="content_two"></div> |
|||
<div class="title1_two">交易主体唯一标志码</div> |
|||
<div class="content1_two"></div> |
|||
</div> |
|||
<div class="con_box"> |
|||
<div class="title_two">认证类型</div> |
|||
<div class="content_two"></div> |
|||
<div class="title1_two">认证状态</div> |
|||
<div class="content1_two"></div> |
|||
</div> |
|||
<div class="con_box"> |
|||
<div class="title_two">标的数量</div> |
|||
<div class="content_two"></div> |
|||
<div class="title1_two">店铺详情</div> |
|||
<div class="content1_two" onclick="store_Detil()" style="color: #337ab7;cursor:pointer"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="cen_right_three" id="three1"> |
|||
<h3 id="resourceSet"></h3> |
|||
<div class="cen-ock_three"> |
|||
<div class="thre_centen"> |
|||
<table class="table table-bordered table-striped"> |
|||
<thead> |
|||
<tr> |
|||
<th class="text-center" style="width: 250px;"><span id="resourceName"></span></th> |
|||
<th class="text-center"><span>分类</span></th> |
|||
<th class="text-center"><span>生成时间</span></th> |
|||
<th class="text-center" style="width: 250px;"><span>ISLI标志码</span></th> |
|||
<th class="text-center"><span>资源总数</span></th> |
|||
<th class="text-center"><span>查看</span></th> |
|||
</tr> |
|||
</thead> |
|||
<tbody id="text-body"></tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="cen_right_three" id="three2"> |
|||
<h3 id="singleResource"></h3> |
|||
<div class="cen-ock_three"> |
|||
<div class="thre_centen"> |
|||
<table class="table table-bordered table-striped"> |
|||
<thead> |
|||
<tr> |
|||
<th class="text-center"><span>资源名称</span></th> |
|||
<th class="text-center" style="width: 320px;"><span>ISLI标志码</span></th> |
|||
<th class="text-center"><span>大小</span></th> |
|||
<th class="text-center"><span>格式</span></th> |
|||
<th class="text-center"><span>时间</span></th> |
|||
</tr> |
|||
</thead> |
|||
<tbody id="text-bodys"></tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="footer"> |
|||
<div class="top"> |
|||
<div class="top1"></div> |
|||
<div class="top2"></div> |
|||
<div class="top3"></div> |
|||
</div> |
|||
<div class="bottom"> |
|||
<div class="footerbox"></div> |
|||
</div> |
|||
</div> |
|||
<div style="height: 50px;"></div> |
|||
<!-- 引入公共数据详情js --> |
|||
<script src="../js/public.js"></script> |
|||
<script src="../js/PublicDetails.js"></script> |
|||
<script src="../js/browse_check.js"></script> |
|||
</body> |
|||
|
|||
</html> |
|||
|
After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1,12 @@ |
|||
/*! |
|||
* BootstrapValidator (http://bootstrapvalidator.com) |
|||
* The best jQuery plugin to validate form fields. Designed to use with Bootstrap 3 |
|||
* |
|||
* @version v0.5.3, built on 2014-11-05 9:14:18 PM |
|||
* @author https://twitter.com/nghuuphuoc |
|||
* @copyright (c) 2013 - 2014 Nguyen Huu Phuoc |
|||
* @license Commercial: http://bootstrapvalidator.com/license/ |
|||
* Non-commercial: http://creativecommons.org/licenses/by-nc-nd/3.0/ |
|||
*/ |
|||
|
|||
.bv-form .help-block{margin-bottom:0}.bv-form .tooltip-inner{text-align:left}.nav-tabs li.bv-tab-success>a{color:#3c763d}.nav-tabs li.bv-tab-error>a{color:#a94442}.bv-form .bv-icon-no-label{top:0}.bv-form .bv-icon-input-group{top:0;z-index:100} |
|||
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
File diff suppressed because it is too large
@ -0,0 +1,81 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<link rel="stylesheet" type="text/css" href="../css/reset.css" /> |
|||
<link rel="stylesheet" type="text/css" href="../css/fxiyunLogin.css" /> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" /> |
|||
<title>国家文化大数据</title> |
|||
<script src="../js/jquery-2.2.4.min.js"></script> |
|||
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/jquery.md5.js"></script> |
|||
<script src="../js/Dream-Msg.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/ajax.ipanel.js" type="text/javascript" charset="utf-8"></script> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="login"> |
|||
<div class="login_box3"> |
|||
<div id="login"><a href="./login.html">登录</a></div> |
|||
<div id="Logout"><a href="./Home.html">退出登录</a></div> |
|||
<div id="personalCenter"><a href="./Account.html">用户中心</a></div> |
|||
<div id="news"><a href="./MyMessage.html">消息</a></div> |
|||
</div> |
|||
<div class="login_box" id="login_box1"> |
|||
<div class="title">手机号密码登录</div> |
|||
<div class="margins"> |
|||
<input class="input" type="text" name="phone" id="phone1" placeholder="手机号" /> |
|||
<span class="phone1 tips"></span> |
|||
</div> |
|||
<div class="margins"> |
|||
<input class="input" type="password" name="newpwd" id="pwd1" placeholder="密码" /> |
|||
<span class="pwd1 tips"></span> |
|||
</div> |
|||
<div class="margins"> |
|||
<div id="loginbtn1" class="loginbtn">登录</div> |
|||
</div> |
|||
<div class="margins" style="margin-top:20px"> |
|||
<div id="getPasswod1" class="getPasswod"> |
|||
<span>忘记密码</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="login_box" id="login_box2"> |
|||
<div class="title">重置密码</div> |
|||
<div class="margins"> |
|||
<input class="input" type="text" name="phone" id="phone" placeholder="手机号" /> |
|||
<span class="phone tips"></span> |
|||
</div> |
|||
<div class="margins"> |
|||
<input class="input1" type="text" name="authcode" id="authcode" placeholder="请输入短信验证码" /> |
|||
<button type="button" class="authbtn" id="authbtns">发送短信验证码</button> |
|||
<span class="authcode tips"></span> |
|||
</div> |
|||
<div class="margins"> |
|||
<input class="input" type="password" name="newpwd" id="pwd2" placeholder="请设置6-20位密码" /> |
|||
<span class="pwd2 tips"></span> |
|||
</div> |
|||
<div class="margins"> |
|||
<input class="input" type="password" name="newpwd1" id="pwd3" placeholder="请设置6-20位密码" /> |
|||
<span class="pwd3 tips"></span> |
|||
</div> |
|||
<div class="margins"> |
|||
<div id="loginbtn" class="loginbtn">确定</div> |
|||
</div> |
|||
<div class="margins" style="margin-top:20px"> |
|||
<div id="getPasswod" class="getPasswod"> |
|||
<span>登录</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script src="../js/public.js"></script> |
|||
<script src="../js/fxiyunLogin.js"></script> |
|||
<script src="../js/browse_check.js"></script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -0,0 +1,150 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>公共数据专区</title> |
|||
<!-- 引入初始化样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/reset.css" /> |
|||
<!-- 引入bootstrap样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" /> |
|||
<link rel="stylesheet" href="../css/PublicData.css"> |
|||
<link rel="stylesheet" href="../css/header.css"> |
|||
<!-- 引入jquery --> |
|||
<script src="../js/jquery-2.2.4.min.js"></script> |
|||
<!-- 引入bootstrap.js --> |
|||
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/Dream-Msg.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/ajax.ipanel.js" type="text/javascript" charset="utf-8"></script> |
|||
<!-- 引入分页 --> |
|||
<script src="../js/page.js"></script> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="header"> |
|||
<div class="login"> |
|||
<div id="login"><a href="./login.html">登录</a></div> |
|||
<div id="Logout"><a href="./Home.html">退出登录</a></div> |
|||
<div id="personalCenter"><a href="./Account.html">用户中心</a></div> |
|||
<div id="news"><a href="./MyMessage.html">消息</a></div> |
|||
</div> |
|||
<div class="navbarbox"> |
|||
<div class="titles-name"></div> |
|||
<div class="navbar-tab"> |
|||
<div class="itembox"></div> |
|||
<div class="cart"> |
|||
<img src="../images/cart.png" alt=""> |
|||
<div>购物车</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="right-bottom"> |
|||
<div class="r-b-top"> |
|||
<a href="#"><span class="a-back">返回顶部</span></a> |
|||
</div> |
|||
<div class="r-b-bottom" id="customer"> |
|||
<div> |
|||
<div>留言</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 留言表单 --> |
|||
<div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
|||
<div class="modal-dialog modal-lg" role="document"> |
|||
<div class="modal-content modal-contents"> |
|||
<div class="modal-headers"> |
|||
<div>在线留言</div> |
|||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
</div> |
|||
<div class="modal-body"> |
|||
<div class="modal-top">请把您的问题留下，客服人员会尽快与您取得联系。</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">姓名</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value1" placeholder="请填写您的姓名" /> |
|||
<p id="step_validate1" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">手机号码</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value2" placeholder="请填写您的联系电话" /> |
|||
<p id="step_validate2" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">公司名称</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value3" placeholder="请填写您的公司名称" /> |
|||
<p id="step_validate3" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">留言</div> |
|||
<div class="step_name"> |
|||
<textarea id="step_value4" placeholder="请填写您的需求，我们会尽快与您取得联系"></textarea> |
|||
<p id="step_validate4" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_button"> |
|||
<button type="button" id="submit">提交</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div style="height: 100px;"></div> |
|||
<div class="content"> |
|||
<div class="search-box"> |
|||
<div class="search-type"> |
|||
<div class="name">文化数据类别</div> |
|||
<div class="type"> |
|||
<div class="type-tab type-item">全部</div> |
|||
<div class="type-tab">文化资源数据</div> |
|||
<div class="type-tab">文化数字内容</div> |
|||
</div> |
|||
</div> |
|||
<div class="search-name"> |
|||
<div class="name">委托方名称</div> |
|||
<input type="text" class="form-control" id="entrustName" value="" id="name" placeholder="请输入委托方名称"> |
|||
</div> |
|||
<div class="search-name"> |
|||
<div class="name">关键词</div> |
|||
<input type="text" class="form-control" id="keyWord" value="" id="name" placeholder="请输入关键词"> |
|||
</div> |
|||
<div class="search-name"> |
|||
<div class="name"></div> |
|||
<div class="search">搜索</div> |
|||
</div> |
|||
</div> |
|||
<div class="content-box"> |
|||
<div class="main-cent"> |
|||
<div style="width: 100%;height: 275px;display: flex;align-items: center;justify-content: center;font-size: 28px;color: #c0c4cf;">暂无数据</div> |
|||
</div> |
|||
<div id="page" class="page_div"></div> |
|||
</div> |
|||
<div id="titleTips"></div> |
|||
</div> |
|||
<div class="footer"> |
|||
<div class="top"> |
|||
<div class="top1"></div> |
|||
<div class="top2"></div> |
|||
<div class="top3"></div> |
|||
</div> |
|||
<div class="bottom"> |
|||
<div class="footerbox"></div> |
|||
</div> |
|||
</div> |
|||
<!-- 引入公共数据专区js --> |
|||
<script src="../js/public.js"></script> |
|||
<script src="../js/PublicData.js"></script> |
|||
<script src="../js/browse_check.js"></script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -0,0 +1,10 @@ |
|||
//接口地址 |
|||
|
|||
// 获取短信验证码， |
|||
var urlone = "http://api.cncbox.com:51317/user"; |
|||
|
|||
// 兑换会员，是否领取 |
|||
var urltwo = "http://pay.cncbox.com/pay/pay/"; |
|||
|
|||
|
|||
|
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1,100 @@ |
|||
/* |
|||
我的消息样式 |
|||
*/ |
|||
/* 面包屑样式 */ |
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
/* 内容样式 */ |
|||
.wraper .MyMessage_left { |
|||
float: left; |
|||
width: 180px; |
|||
height: 520px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.wraper .MyMessage_left ul li { |
|||
text-align: center; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
} |
|||
|
|||
.wraper .MyMessage_left ul li a { |
|||
text-decoration: none; |
|||
color: #444444; |
|||
} |
|||
|
|||
.wraper .MyMessage_left ul li .active { |
|||
color: #4689C6; |
|||
} |
|||
|
|||
.wraper .MyMessage_right { |
|||
float: left; |
|||
width: 980px; |
|||
min-height: 520px; |
|||
background: #FFFFFF; |
|||
padding: 20px; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.wraper .MyMessage_right .right_title { |
|||
font-size: 16px; |
|||
color: #000000; |
|||
} |
|||
|
|||
/* 详情样式 */ |
|||
.wraper .MyMessage_right .table_details { |
|||
display: none; |
|||
height: 420px; |
|||
} |
|||
|
|||
.wraper .MyMessage_right .table_details .details_title { |
|||
width: 300px; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
padding-left: 20px; |
|||
margin-top: 20px; |
|||
border-radius: 5px; |
|||
background: #F2F2F2; |
|||
} |
|||
|
|||
.wraper .MyMessage_right .table_details .details_content { |
|||
width: 940px; |
|||
border-radius: 10px; |
|||
background: #F2F2F2; |
|||
height: 230px; |
|||
margin-top: 17px; |
|||
position: relative; |
|||
padding: 20px; |
|||
} |
|||
|
|||
.wraper .MyMessage_right .table_details .details_content .details_box { |
|||
text-indent: 2em; |
|||
height: 160px; |
|||
overflow-y: auto; |
|||
} |
|||
|
|||
.wraper .MyMessage_right .table_details .details_content .detailsTime { |
|||
position: absolute; |
|||
bottom: 15px; |
|||
right: 20px; |
|||
} |
|||
|
|||
@ -0,0 +1,631 @@ |
|||
/* |
|||
买入订单样式 |
|||
*/ |
|||
|
|||
|
|||
/* 面包屑样式 */ |
|||
|
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
|
|||
/* 内容样式 */ |
|||
|
|||
.wraper .buyOrder_left { |
|||
float: left; |
|||
width: 180px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.wraper .buyOrder_left ul li { |
|||
text-align: center; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
} |
|||
|
|||
.wraper .buyOrder_left ul li a { |
|||
text-decoration: none; |
|||
color: #444444; |
|||
} |
|||
|
|||
.wraper .buyOrder_left ul li .active { |
|||
color: #4689C6; |
|||
} |
|||
|
|||
.wraper .buyOrder_right { |
|||
float: left; |
|||
width: 980px; |
|||
background: #FFFFFF; |
|||
padding: 20px; |
|||
min-height: 600px; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
|
|||
/* |
|||
模态框样式 |
|||
*/ |
|||
|
|||
#myModal .modal-dialog .modal-content .modal-body { |
|||
width: 440px; |
|||
height: 46px; |
|||
border: 1px solid #CFAF0F; |
|||
border-radius: 5px; |
|||
margin: 20px; |
|||
background: #FEFFE8; |
|||
color: #785D03; |
|||
} |
|||
|
|||
|
|||
/* 标的信息部分 */ |
|||
|
|||
.wraper .buyOrder_right .right_sign { |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_box { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_box .sign_title { |
|||
font-weight: 700; |
|||
font-size: 18px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_box .sign_btn #btn1 { |
|||
width: 120px; |
|||
height: 30px; |
|||
background: #D5D5D5; |
|||
text-align: center; |
|||
color: #4D4D4D; |
|||
border-radius: 5px; |
|||
margin-right: 25px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_box .sign_btn #btn2 { |
|||
width: 45px; |
|||
height: 30px; |
|||
border-radius: 5px; |
|||
line-height: 30px; |
|||
border: 1px solid #DDDDDD; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic { |
|||
margin-top: 20px; |
|||
display: flex; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_img img { |
|||
width: 160px; |
|||
height: 140px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .basic_title { |
|||
font-size: 18px; |
|||
font-weight: 700; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info { |
|||
margin-top: 25px; |
|||
margin-bottom: 40px; |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box { |
|||
display: flex; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box .info_left { |
|||
text-align: right; |
|||
padding-right: 10px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box .info_right { |
|||
text-align: left; |
|||
padding-left: 10px; |
|||
margin-left: -1px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box:nth-child(2n) { |
|||
margin-left: -1px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box:nth-child(2n+1) .info_left { |
|||
width: 97px; |
|||
border: 1px solid #EEEEEE; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box:nth-child(2n) .info_left { |
|||
width: 155px; |
|||
border: 1px solid #EEEEEE; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box:nth-child(2n+1) .info_right { |
|||
width: 201px; |
|||
border: 1px solid #EEEEEE; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box:nth-child(2n) .info_right { |
|||
width: 307px; |
|||
border: 1px solid #EEEEEE; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .list_box { |
|||
line-height: 30px; |
|||
display: flex; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .list_box:nth-child(0) { |
|||
margin-top: 0px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .list_box:nth-child(10) { |
|||
margin-bottom: 25px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .list_box .list_left { |
|||
width: 130px; |
|||
height: 30px; |
|||
border: 1px solid #EEEEEE; |
|||
text-align: right; |
|||
padding-right: 10px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .list_box .list_content { |
|||
width: 630px; |
|||
height: 30px; |
|||
border: 1px solid #EEEEEE; |
|||
text-align: left; |
|||
padding-left: 10px; |
|||
margin-left: -1px; |
|||
color: #888888; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .entrust_box { |
|||
width: 760px; |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
margin-bottom: 40px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n+1) .list_left { |
|||
width: 130px; |
|||
height: 30px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n+1) .list_content { |
|||
width: 201px; |
|||
height: 30px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n) .list_left { |
|||
width: 140px; |
|||
height: 30px; |
|||
margin-left: -1px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n) .list_content { |
|||
width: 285px; |
|||
height: 30px; |
|||
margin-left: -1px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
|
|||
/* |
|||
评估报告样式 |
|||
*/ |
|||
|
|||
.wraper .buyOrder_right .right_assess { |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_assess .assess_box { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_assess .assess_box .assess_titile { |
|||
font-size: 18px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_assess .assess_box .btn001 { |
|||
width: 45px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
border: 1px solid #DDDDDD; |
|||
border-radius: 5px; |
|||
font-size: 13px; |
|||
} |
|||
|
|||
|
|||
/* step部分样式 */ |
|||
|
|||
.wraper .buyOrder_right .right_details { |
|||
display: none; |
|||
height: 800px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .make_details { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .make_details .make_title { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .make_details .make_return { |
|||
width: 44px; |
|||
height: 30px; |
|||
border: 1px solid #DDDDDD; |
|||
background: #FDFDFD; |
|||
border-radius: 3px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box { |
|||
margin-bottom: 30px; |
|||
margin-top: 40px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
position: relative; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box .step001 { |
|||
width: 180px; |
|||
height: 100px; |
|||
border-radius: 10px; |
|||
text-align: center; |
|||
background: #E5E3E3; |
|||
color: #444444; |
|||
position: relative; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box .success_step001 { |
|||
background: #24803E; |
|||
color: #ffffff; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box .step001 .step_type { |
|||
padding-top: 10px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box .step001 .step_line { |
|||
width: 90px; |
|||
height: 1px; |
|||
background: #444444; |
|||
margin-left: 45px; |
|||
margin-top: 8px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box .step001 .success_line { |
|||
background: #ffffff; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box .step001 .step_status { |
|||
margin-top: 8px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box .step001 .step_longLine { |
|||
width: 203px; |
|||
height: 2px; |
|||
background: #E5E3E3; |
|||
position: absolute; |
|||
top: 49px; |
|||
left: 180px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box .step001 .success_longLine { |
|||
width: 203px; |
|||
height: 2px; |
|||
background: #24803E; |
|||
position: absolute; |
|||
top: 49px; |
|||
left: 180px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box .step_info { |
|||
width: 384px; |
|||
height: 2px; |
|||
background: #24803E; |
|||
position: absolute; |
|||
top: 49px; |
|||
left: 376px; |
|||
z-index: 8888; |
|||
/* display: none; */ |
|||
} |
|||
|
|||
.wraper .buyOrder_right .unTicket .un_table { |
|||
margin-top: 15px; |
|||
margin-bottom: 35px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .unTicket .titck_box { |
|||
margin-top: 21px; |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .unTicket .titck_box .box { |
|||
display: flex; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .unTicket .titck_box .box:nth-child(2n+1) .box_title { |
|||
width: 151px; |
|||
border: 1px solid #DDDDDD; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .unTicket .titck_box .box:nth-child(2n) .box_title { |
|||
width: 205px; |
|||
border: 1px solid #DDDDDD; |
|||
margin-top: -1px; |
|||
margin-left: -1px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .unTicket .titck_box .box:nth-child(2n+1) .box_con { |
|||
width: 226px; |
|||
border: 1px solid #DDDDDD; |
|||
text-align: left; |
|||
padding-left: 20px; |
|||
margin-left: -1px; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .unTicket .titck_box .box:nth-child(2n) .box_con { |
|||
width: 358px; |
|||
border: 1px solid #DDDDDD; |
|||
text-align: left; |
|||
padding-left: 20px; |
|||
margin-left: -1px; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .btn_btns { |
|||
margin-top: 35px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .btn_btns input:nth-child(1) { |
|||
width: 110px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
background: #3685BF; |
|||
color: #ffffff; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .btn_btns input:nth-child(2) { |
|||
margin-left: 20px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
border-radius: 5px; |
|||
width: 80px; |
|||
background: #EAEAEA; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .toolTicket { |
|||
margin-top: 35px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .toolTicket input { |
|||
width: 110px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
background: #F02525; |
|||
color: #ffffff; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .successTicket { |
|||
margin-top: 35px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .successTicket input:nth-child(1) { |
|||
width: 110px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
background: #3685BF; |
|||
color: #ffffff; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .successTicket input:nth-child(2) { |
|||
margin-left: 20px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
border-radius: 5px; |
|||
width: 110px; |
|||
background: #EAEAEA; |
|||
} |
|||
|
|||
|
|||
/* 下载模态框样式 */ |
|||
|
|||
#myModalD .modal-body .body_title { |
|||
height: 65px; |
|||
background: #FEFFE8; |
|||
border: 1px solid #CFAF0F; |
|||
font-size: 12px; |
|||
padding: 10px; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
#myModalD .modal-body .body_title .body_message { |
|||
color: red; |
|||
} |
|||
|
|||
#myModalD .modal-body .body_title .body_name { |
|||
margin-top: 10px; |
|||
color: #785D03; |
|||
} |
|||
|
|||
#myModalD .modal-body .body_table .table_title { |
|||
margin: 20px 0px; |
|||
} |
|||
|
|||
#myModalD .modal-body .body_table .table_box { |
|||
height: 38px; |
|||
border-radius: 3px; |
|||
line-height: 38px; |
|||
font-size: 12px; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
|
|||
/* 下载单资源模态框样式 */ |
|||
|
|||
#myModalD .body_table .table_box .table_source { |
|||
width: 450px; |
|||
height: 46px; |
|||
line-height: 46px; |
|||
display: flex; |
|||
background: #E8F7FF; |
|||
justify-content: space-between; |
|||
border: 1px solid #57A9FB; |
|||
padding: 0px 15px; |
|||
border-radius: 3px; |
|||
margin-top: 10px; |
|||
color: #323FFF; |
|||
} |
|||
|
|||
|
|||
/* 资源列表 查看模态框 */ |
|||
|
|||
#myModalImage .modal-body .body_box { |
|||
display: flex; |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_img { |
|||
width: 300px; |
|||
height: 392px; |
|||
box-shadow: 2px 2px 5px rgb(0 0 0 / 35%); |
|||
border-color: rgba(215, 215, 215, 1); |
|||
line-height: 392px; |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_img img { |
|||
width: 260px; |
|||
height: 217px; |
|||
padding-left: 8px; |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_message { |
|||
margin-left: 30px; |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_message .mess_title { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_message .mess_con { |
|||
color: #7F7F7F; |
|||
} |
|||
|
|||
#myModalImage .modal-body #body_video { |
|||
display: none; |
|||
} |
|||
|
|||
#myModalImage .modal-body #body_audio { |
|||
display: none; |
|||
} |
|||
|
|||
|
|||
/* 资源集详情数据 */ |
|||
|
|||
.wraper .buyOrder_right #sources_detial { |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial { |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial .sign_box { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial .sign_box .sign_title { |
|||
font-weight: 700; |
|||
font-size: 18px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial .sign_box .sign_btn #btn2 { |
|||
width: 45px; |
|||
height: 30px; |
|||
border-radius: 5px; |
|||
line-height: 30px; |
|||
border: 1px solid #DDDDDD; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial .title { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial .sources_info { |
|||
margin-top: 20px; |
|||
display: flex; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial .sources_info .left_info { |
|||
width: 50%; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial .sources_info .left_info .title { |
|||
margin-top: 5px; |
|||
color: #7F7F7F; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial .image_box .iamge_title { |
|||
margin: 20px 0px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial .image_box .iamge_title::before { |
|||
content: "|"; |
|||
width: 2px; |
|||
background: #1890FF; |
|||
color: #1890FF; |
|||
font-size: 22px; |
|||
margin-right: 5px; |
|||
} |
|||
@ -0,0 +1,211 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>隐私政策</title> |
|||
<!-- <link rel="stylesheet" href="../css/clause.css"> --> |
|||
<link rel="stylesheet" href="../css/agreement.css"> |
|||
<script src="../js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="trade_agreement"> |
|||
<h1 class="trade_h">隐私政策</h1> |
|||
<p class="trade_p"> |
|||
感谢您选择全国文化大数据交易中心（以下简称“我们”）的服务。我们深知个人信息对您的重要性，因此我们将按照法律法规及行业标准的规定及要求采取有效的安全保障措施，力求保障您个人信息的安全可控。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
请您在<span class="weight_bold decora_line">注册和</span> 使用我们的服务前<span |
|||
class="weight_bold decora_line">，</span>仔细阅读<span |
|||
class="weight_bold">并</span><span |
|||
class="weight_bold decora_line">在</span><span |
|||
class="weight_bold">充分理解</span>《隐私政策》<span |
|||
class="weight_bold decora_line">的基础上做出相应的选择。有关您个人信息权益的重要条款</span>我们会以加粗、<span |
|||
class="weight_bold">加下划线</span>的形式予以提示<span class="weight_bold decora_line">，请特别关注。</span>若您<span |
|||
class="weight_bold decora_line">注册和</span>使用我们的服务，则表示您<span |
|||
class="weight_bold decora_line">已充分理解本政策，完全同意和</span>认可我们在政策中所表述的内容，同意我们按照本隐私政策处理您的个人信息。 |
|||
</p> |
|||
<p class="trade_p">本隐私政策适用于您通过我们的应用程序和应用程序编程接口（API）方式来访问和使用我们的服务。</p> |
|||
<p class="trade_p_nobold">您将通过本政策了解到以下内容：</p> |
|||
<p class="trade_p_nobold">1、我们如何收集您的个人信息；</p> |
|||
<p class="trade_p_nobold">2、我们如何使用您的个人信息；</p> |
|||
<p class="trade_p_nobold">3、我们如何存储个人信息；</p> |
|||
<p class="trade_p_nobold">4、我们如何使用Cookie和同类技术；</p> |
|||
<p class="trade_p_nobold">5、我们如何共享、转让、公开披露您的个人信息；</p> |
|||
<p class="trade_p_nobold">6、我们如何保护您的个人信息；</p> |
|||
<p class="trade_p_nobold">7、您对个人信息的管理；</p> |
|||
<p class="trade_p_nobold">8、隐私政策的适用及更新；</p> |
|||
<p class="trade_p_nobold">9、如何联系我们。</p> |
|||
<p class="trade_bold">1、我们如何收集您的个人信息</p> |
|||
<p class="trade_p">我们会遵循隐私政策收集、使用您的信息，但不会仅因您同意本隐私政策超范围收集个人信息。</p> |
|||
<p class="trade_p"> |
|||
当您使用或开启相关功能或使用服务时，为实现功能、服务所必需，我们会收集、使用相关信息。除非是为实现基本业务功能或根据法律法规要求所必需的必要信息，您均可以拒绝提供且不影响其他功能或服务。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
出于本政策以下目的，为实现我们服务的功能，我们会遵循合法、正当、必要的原则，收集您的个人信息，帮助您成为我们的用户，以期您能够获得良好的服务体验。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
请注意，无法与任何特定个人直接建立联系数据（如单独的设备信息、日志信息等），不属于个人信息。如果我们将无法与任何特定个人建立联系的数据与其他信息结合用于识别自然人个人身份，或者将其与个人信息结合使用，则在结合使用期间，此类信息将被视为个人信息。 |
|||
</p> |
|||
<p class="trade_p_nobold">1.1基本业务功能</p> |
|||
<p class="trade_p_nobold"> |
|||
1.1.1用户注册和认证 |
|||
</p> |
|||
<p class="trade_p"> |
|||
在您注册并认证成为我们的用户时，需要提供《用户注册协议》要求的资料和授权文件，其中手机号码（账号绑定手机号码）、短信验证码、姓名（个人账号）、公司名称（机构账号）、登录密码以创建账号；身份证明类型、身份证明号码（个人账号提供个人身份证号码，机构账号提供机构组织代码）、身份证明文件复印件（个人账号提供个人身份证复印件，机构账号提供机构组织代码复印件）、法人名称（机构账号认证时提供）、法定代表人身份证号码（机构账号认证时提供）、交易账号银行卡开户行、交易账号银行卡号码（持卡人须与用户名称一致的卡号）等用以认证注册账号类型。 |
|||
</p> |
|||
<p class="trade_p_nobold">1.1.2账户管理。</p> |
|||
<p class="trade_p">我们为您提供账户信息储存、查询、更正、注销、退出功能。</p> |
|||
<p class="trade_bold decora_line"> |
|||
1.1.3日志分析 |
|||
</p> |
|||
<p class="trade_p weight_bold decora_line"> |
|||
我们需要记录您在使用我们服务过程中（或后台运行时）产生的日志信息，日志中将会收集您的使用日期和时间，以及设备信息（您的硬件型号、操作系统版本、使用语言、设备配置、唯一设备标识符、DeviceID、IMEI、MAC地址、IP地址、MEID、UDID）。我们会对日志信息进行分析，用于客户服务、提升用户体验。 |
|||
</p> |
|||
<p class="trade_bold"> |
|||
1.2涉及嵌入第三方代码、插件采集个人信息的目录如下：<span |
|||
class="decora_line">姓名/公司名称、身份证明类型、身份证明号码、身份证明文件复印件、法人名称、法人身份证号码、交易账号银行卡开户行和交易账号银行卡号码等。 |
|||
</span> |
|||
</p> |
|||
<p class="trade_bold">2、我们如何使用您的个人信息</p> |
|||
<p class="trade_p">我们会严格遵守法律法规的规定使用您的个人信息，您的个人信息将被用到以下用途：</p> |
|||
<p class="trade_bold decora_line"> |
|||
2.1.为您提供安全保障，我们会将您的信息用于身份验证、安全防范、反诈骗监测、存档备份、客户的安全服务等用途，以保护您、其他用户、我们或关联方的合法权益，并记录一些我们认为有风险的链接。 |
|||
</p> |
|||
<p class="trade_bold decora_line"> |
|||
2.2改进我们的服务，我们可能会在符合法律规定并根据您具体授权的情况下收集并使用您的个人信息用于统计分析以形成用户画像，以此改进我们的服务。 |
|||
</p> |
|||
<p class="trade_bold decora_line"> |
|||
2.3其他用途，我们将信息用于本政策未载明的其他用途，或者将基于特定目的收集而来的信息用于其他目的时，会事先征求您的同意。 |
|||
</p> |
|||
<p class="trade_p_nobold">2.4例外情形</p> |
|||
<p class="trade_p">出现下列情形我们无须征得您的授权同意，请您悉知。</p> |
|||
<p class="trade_p_nobold">2.4.1与国家安全、国防安全有关的；</p> |
|||
<p class="trade_p_nobold">2.4.2与公共安全、公共卫生、重大公共利益有关的；</p> |
|||
<p class="trade_p_nobold">2.4.3与犯罪侦查、起诉、审判和判决执行等有关的；</p> |
|||
<p class="trade_p_nobold">2.4.4出于维护个人信息主体或其他个人的生命、财产等重大合法权益但又很难得到本人同意的；</p> |
|||
<p class="trade_p_nobold">2.4.5所收集的个人信息是个人信息主体自行向社会公众公开的；</p> |
|||
<p class="trade_p_nobold">2.4.6从合法公开披露的信息中收集的您的个人信息的，如合法的新闻报道、政府信息公开等渠道；</p> |
|||
<p class="trade_p_nobold">2.4.7根据您的要求签订合同所必需的；</p> |
|||
<p class="trade_p_nobold">2.4.8用于维护所提供的服务的安全稳定运行所必需的，例如发现、处置服务的故障；</p> |
|||
<p class="trade_p_nobold">2.4.9为合法的新闻报道所必需的；</p> |
|||
<p class="trade_p_nobold">2.4.10学术研究机构基于公共利益开展统计或学术研究所必要，且对外提供学术研究或描述的结果时，对结果中所包含的个人信息进行去标识化处理的；</p> |
|||
<p class="trade_p_nobold">2.4.11法律法规规定的其他情形。</p> |
|||
<p class="trade_bold">3、我们如何存储个人信息</p> |
|||
<p class="trade_p_nobold">3.1存储地点</p> |
|||
<p class="trade_p"> |
|||
我们依照法律法规的规定，将在境内运营过程中收集和产生的您的个人信息存储于中华人民共和国境内。目前，我们不会将上述信息传输至境外，如果我们向境外传输，我们将会遵循相关国家规定或者征求您的同意。 |
|||
</p> |
|||
<p class="trade_p_nobold">3.2存储期限</p> |
|||
<p class="trade_p"> |
|||
我们仅在为提供服务之目的所必需的期间内保留您的个人信息。在您未注销账户期间，我们会保留相关信息。超出必要期限后，我们将对您的个人信息进行删除或匿名化处理，但法律法规另有规定的除外。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
如我们停止我们的服务时，我们将及时停止继续收集您个人信息的活动，将停止运营的通知以逐一送达或公告的形式通知您，对所持有的个人信息进行删除或匿名化处理。 |
|||
</p> |
|||
<p class="trade_bold">4、我们如何使用Cookie和同类技术</p> |
|||
<p class="trade_p_nobold">4.1Cookie</p> |
|||
<p class="trade_p weight_bold decora_line"> |
|||
为确保网站正常高效运转、为您获得更轻松的访问体验，我们会在您的计算机或移动设备上存储相关信息：这些信息可能是Cookie或您的浏览器或关联应用程序提供的其他本地存储。Cookie会帮助您在后续访问我们网站时调用您的信息，简化您填写个人信息（例如一键登录等）的流程；为您提供安全购物的偏好设置；帮助您优化对广告的选择与互动；保护您的数据安全等。我们不会将Cookie用于本隐私政策所述目的之外的任何用途。您可根据自己的偏好管理或删除Cookie，但拒绝我们的Cookie在某些情况下可能会影响您安全访问网站和使用我们提供的服务。 |
|||
</p> |
|||
<p class="trade_p_nobold">4.2同类技术</p> |
|||
<p class="trade_p weight_bold decora_line"> |
|||
除Cookie外，我们还会在网站上使用网站信标和像素标签等其他同类技术。它们可以帮助网站计算浏览网页的用户或访问某些Cookie。 |
|||
</p> |
|||
<p class="trade_bold">5、我们如何共享、转让、公开披露您的个人信息；</p> |
|||
<p class="trade_p_nobold">5.1共享</p> |
|||
<p class="trade_bold decora_line">5.1.1我们会严格遵照法律法规的规定使用您的个人信息，非因法定或者约定情形，我们不会与第三方共享您的个人信息。</p> |
|||
<p class="trade_bold decora_line"> |
|||
5.1.2我们可能将您的手机号码、地理位置、共享给您同意第三方，以便第三方可以更好地为您提供服务。上述共享的行为我们将在您明示同意且知悉该具体第三方的情况下进行。 |
|||
</p> |
|||
<p class="trade_bold decora_line">但是，若共享的信息无法与任何特定个人建立联系的除外。</p> |
|||
<p class="trade_bold decora_line"> |
|||
5.1.3我们将审慎评估第三方使用共享信息的目的，对这些合作方的安全保障能力进行综合评估，并要求其遵循合作法律协议。我们会对合作方获取信息的软件工具开发包（SDK）、应用程序接口（API）进行严格的安全监测，以保护数据安全。我们接入的相关第三方开发包（SDK）、应用程序接口（API）的目录包括但不限于： |
|||
</p> |
|||
<p class="trade_bold decora_line">订单支付（后台）接口</p> |
|||
<p class="trade_bold decora_line">接收支付报告接口</p> |
|||
<p class="trade_bold decora_line">批量代付接口</p> |
|||
<p class="trade_bold decora_line">接收代付结果报告接口</p> |
|||
<p class="trade_bold decora_line">获取支行信息接口</p> |
|||
<p class="trade_bold decora_line">线上开票接口</p> |
|||
<p class="trade_bold decora_line">文化数据服务中心用户接口</p> |
|||
<p class="trade_bold decora_line">底层关联集成系统标的数据接口</p> |
|||
<p class="trade_p_nobold">5.2转让</p> |
|||
<p class="trade_p"> |
|||
我们会严格遵照法律法规的规定使用您的个人信息，非因法定或者约定情形我们不会向第三方转让您的个人信息，但以下情形除外： |
|||
</p> |
|||
<p class="trade_p_nobold"> |
|||
5.2.1在获取明确同意的情况下转让：获得您的明确同意后，我们会向其他方转让您的个人信息。 |
|||
</p> |
|||
<p class="trade_p_nobold"> |
|||
5.2.2业务转让：在我们及我们的关联方之间发生合并、收购、资产转让等交易导致向第三方分享您的个人信息时，我们将通过推送通知、公告等形式告知您相关情形，我们会要求受让您个人信息的公司、组织继续接受本隐私政策的约束，否则,我们将要求该公司、组织重新征求您的授权同意。 |
|||
</p> |
|||
<p class="trade_p_nobold">5.3信息公开披露</p> |
|||
|
|||
<p class="trade_p"> |
|||
我们仅会在以下情况下，且采取符合业界标准的安全防护措施的前提下，才可能公开披露您的个人信息： |
|||
</p> |
|||
|
|||
<p class="trade_p_nobold">5.3.1根据您的需求，在您明确同意的披露方式下披露您所指定的个人信息。</p> |
|||
<p class="trade_p_nobold"> |
|||
5.3.2根据法律、法规的要求、强制性的行政执法或司法要求所必须提供您个人信息的情况下，我们可能会依据所要求的个人信息类型和披露方式公开披露您的个人信息。在符合法律法规的前提下，当我们收到上述披露信息的请求时，我们会要求必须出具与之相应的法律文件，如传票或调查函。 |
|||
</p> |
|||
<p class="trade_p_nobold"> |
|||
5.4共享、转让、公开披露个人信息时事先征得授权同意的例外 |
|||
</p> |
|||
<p class="trade_p_nobold"> |
|||
请您悉知，以下情形中，共享、转让、公开披露您的个人信息无需事先征得您的授权同意: |
|||
</p> |
|||
<p class="trade_p_nobold">5.4.1与国家安全、国防安全有关的；</p> |
|||
<p class="trade_p_nobold">5.4.2与公共安全、公共卫生、重大公共利益有关的；</p> |
|||
<p class="trade_p_nobold">5.4.3与犯罪侦查、起诉、审判和判决执行等有关的；</p> |
|||
<p class="trade_p_nobold">5.4.4出于维护您或其他个人的生命、财产等重大合法权益但又很难得到本人同意的；</p> |
|||
<p class="trade_p_nobold">5.4.5其他维护公共利益的情形，例如您的信用评价信息需要被公开共享；</p> |
|||
<p class="trade_p_nobold">5.4.6您自行向社会公众公开的个人信息；</p> |
|||
<p class="trade_p_nobold">5.4.7从合法公开披露的信息中收集个人信息的，如合法的新闻报道、政府信息公开等渠道。</p> |
|||
<p class="trade_bold">6、我们如何保护您的个人信息</p> |
|||
<p class="trade_p_nobold">6.1安全防护技术，我们已采取符合业界标准、合理可行的安全防护措施保护您提供的个人信息安全，防止个人信息遭到未经授权访问、公开披露、使用、修改、损坏或丢失。</p> |
|||
<p class="trade_p_nobold">6.2完善的信息安全管理制度，我们建立专门的管理制度、流程和组织确保信息安全。例如，我们严格限制访问信息的人员范围，要求他们遵守保密义务，并进行审查。</p> |
|||
<p class="trade_p_nobold"> |
|||
6.3请您知悉并理解，互联网并非绝对安全的环境，我们强烈建议您通过安全方式、使用复杂密码，协助我们保证您的账号安全。如您发现自己的个人信息泄密，尤其是您的账户或密码发生泄露，请您立即根据本隐私政策中提供的联系方式联络们，以便我们采取相应措施。 |
|||
</p> |
|||
<p class="trade_p_nobold">6.4我们将不定期更新并公开安全风险、个人信息安全影响评估报告等有关内容，您可以通过我们公布的官方网站获取相关信息。</p> |
|||
<p class="trade_p_nobold"> |
|||
6.5如不幸发生个人信息安全事件，我们将按照法律法规的要求，及时向您告知安全事件的基本情况和可能的影响、我们已采取或将要采取的处置措施、您可自主防范和降低风险的建议、对您的补救措施等。我们将及时将事件相关情况以邮件、信函、电话、推送通知等方式告知您，难以逐一告知个人信息主体时，我们会采取合理、有效的方式发布公告。同时，我们还将按照监管部门要求，主动上报个人信息安全事件的处置情况。 |
|||
</p> |
|||
<p class="trade_bold">7、您对个人信息的管理</p> |
|||
<p class="trade_p_nobold">7.1个人信息管理编辑。</p> |
|||
<p class="trade_p_nobold">您可以通过以下方式实现：<span class="decora_line">个人中心</span></p> |
|||
<p class="trade_p_nobold">7.2个人信息删除。</p> |
|||
<p class="trade_p_nobold">在以下情形中，您可以向我们提出删除个人信息的请求：</p> |
|||
<p class="trade_p_nobold">7.2.1如果我们处理个人信息的行为违反法律法规；</p> |
|||
<p class="trade_p_nobold">7.2.2如果我们收集、使用您的个人信息，却未征得您的明确同意；</p> |
|||
<p class="trade_p_nobold">7.2.3如果我们处理个人信息的行为严重违反了与您的约定；</p> |
|||
<p class="trade_p_nobold">若我们决定响应您的删除请求，我们还将同时尽可能通知从我们处获得您的个人信息的主体，要求其及时删除，除非法律法规另有规定，或这些主体获得您的独立授权。当您从我们的服务中删除信息后，我们可能不会立即从备份系统中删除相应的信息，但会在备份更新时删除这些信息。 |
|||
</p> |
|||
<p class="trade_p_nobold">7.3注销账号。</p> |
|||
<p class="trade_p"> |
|||
您可以进行账户注销申请，在您注销账户前，我们将验证您的个人身份、安全状态、设备信息等。您知悉并理解，注销账户的行为是不可逆的行为，当您注销账户后，我们将根据适用的法律法规的要求尽快使其匿名或删除您的个人信息，但法律法规作出例外规定，我们会严格按照要求执行。 |
|||
</p> |
|||
<p class="trade_p_bold">8、隐私政策的适用及更新</p> |
|||
<p class="trade_p_nobold">8.1隐私政策的适用</p> |
|||
<p class="trade_p weight_bold"> |
|||
如果我们没有特别说明，本隐私政策适用于我们全部的服务。如我们发布的特定隐私政策与本政策存在不一致时，请以特定隐私政策为准。 |
|||
</p> |
|||
<p class="trade_p_nobold">8.2隐私政策的更新</p> |
|||
<p class="trade_p weight_bold"> |
|||
根据我们提供服务的更新情况，我们可能适时调整隐私政策，但未经您明确同意，我们不会削减您依据本隐私政策所应享的权利。如该等变更会导致您在本政策项下权利的实质减损，我们将在变更生效前，通过在页面显著位置提示或向您发送电子邮件的方式通知您。在该种情况下，若您继续使用我们的服务，我们履行法定的通知义务和程序后，即视为您接受隐私协议。 |
|||
</p> |
|||
<p class="trade_bold">9、如何联系我们</p> |
|||
<p class="trade_p">如果您对本隐私政策有疑问或者建议，请通过以下方式与我们联系：</p> |
|||
<p class="trade_p_nobold">深圳文化产权交易所</p> |
|||
<p class="trade_p_nobold">电话：0755-88266839 </p> |
|||
<p class="trade_p_nobold">邮箱：szwenjiaosuo@126.com</p> |
|||
<p class="trade_p_nobold">地址：深圳市福田区福田街道滨河大道5008号</p> |
|||
<div style="height: 200px;"></div> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,81 @@ |
|||
body { |
|||
background-color: #F2F8FC; |
|||
} |
|||
|
|||
.login { |
|||
display: flex; |
|||
justify-content: center; |
|||
margin-top: 200px; |
|||
} |
|||
|
|||
.login_box3 { |
|||
display: none; |
|||
} |
|||
|
|||
.login_box { |
|||
width: 340px; |
|||
} |
|||
|
|||
.title { |
|||
font-size: 26px; |
|||
} |
|||
|
|||
.margins { |
|||
margin-top: 30px; |
|||
position: relative; |
|||
} |
|||
|
|||
.input { |
|||
width: 326px; |
|||
line-height: 25px; |
|||
border: 1px solid #d7d7d7; |
|||
border-radius: 3px; |
|||
outline-style: none; |
|||
padding: 3px 3px 3px 10px; |
|||
background-color: #fff; |
|||
} |
|||
|
|||
.input1 { |
|||
width: 150px; |
|||
line-height: 25px; |
|||
border: 1px solid #d7d7d7; |
|||
border-radius: 3px; |
|||
outline-style: none; |
|||
padding: 3px 3px 3px 10px; |
|||
background-color: #fff; |
|||
} |
|||
|
|||
.authbtn { |
|||
width: 130px; |
|||
margin-left: 40px; |
|||
line-height: 29px; |
|||
/* border: 1px solid #d7d7d7; */ |
|||
background-color: #d7d7d7; |
|||
color: #02a7f0; |
|||
outline-style: none; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.tips { |
|||
font-size: 12px; |
|||
color: #f56c6c; |
|||
float: left; |
|||
} |
|||
|
|||
.loginbtn { |
|||
width: 340px; |
|||
line-height: 30px; |
|||
height: 30px; |
|||
border-radius: 5px; |
|||
background-color: #242e4b; |
|||
color: white; |
|||
text-align: center; |
|||
font-size: 14px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.getPasswod span { |
|||
color: #7f0000; |
|||
font-size: 14px; |
|||
cursor: pointer; |
|||
} |
|||
|
After Width: | Height: | Size: 8.7 KiB |
@ -0,0 +1,132 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>联系我们</title> |
|||
<!-- 引入初始化样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/reset.css" /> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" /> |
|||
<link rel="stylesheet" href="../css/contact.css"> |
|||
<link rel="stylesheet" href="../css/header.css"> |
|||
<link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" /> |
|||
<script type="text/javascript" |
|||
src="//webapi.amap.com/maps?v=2.0&key=5c53213496be7a8e64c42f2676e07f2d&plugin=AMap.CitySearch"></script> |
|||
<!-- 引入jquery --> |
|||
<script src="../js/jquery-2.2.4.min.js"></script> |
|||
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/Dream-Msg.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/ajax.ipanel.js" type="text/javascript" charset="utf-8"></script> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="header"> |
|||
<div class="login"> |
|||
<div id="login"><a href="./login.html">登录</a></div> |
|||
<div id="Logout"><a href="./Home.html">退出登录</a></div> |
|||
<div id="personalCenter"><a href="./Account.html">用户中心</a></div> |
|||
<div id="news"><a href="./MyMessage.html">消息</a></div> |
|||
</div> |
|||
<div class="navbarbox"> |
|||
<div class="titles-name"></div> |
|||
<div class="navbar-tab"> |
|||
<div class="itembox"></div> |
|||
<div class="cart"> |
|||
<img src="../images/cart.png" alt=""> |
|||
<div>购物车</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="right-bottom"> |
|||
<div class="r-b-top"> |
|||
<a href="#"><span class="a-back">返回顶部</span></a> |
|||
</div> |
|||
<div class="r-b-bottom" id="customer"> |
|||
<div> |
|||
<div>留言</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 留言表单 --> |
|||
<div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
|||
<div class="modal-dialog modal-lg" role="document"> |
|||
<div class="modal-content modal-contents"> |
|||
<div class="modal-headers"> |
|||
<div>在线留言</div> |
|||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
</div> |
|||
<div class="modal-body"> |
|||
<div class="modal-top">请把您的问题留下，客服人员会尽快与您取得联系。</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">姓名</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value1" placeholder="请填写您的姓名" /> |
|||
<p id="step_validate1" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">手机号码</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value2" placeholder="请填写您的联系电话" /> |
|||
<p id="step_validate2" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">公司名称</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value3" placeholder="请填写您的公司名称" /> |
|||
<p id="step_validate3" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">留言</div> |
|||
<div class="step_name"> |
|||
<textarea id="step_value4" placeholder="请填写您的需求，我们会尽快与您取得联系"></textarea> |
|||
<p id="step_validate4" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_button"> |
|||
<button type="button" id="submit">提交</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div style="height: 100px;"></div> |
|||
<div class="rumbs"> |
|||
<div class="rumbs_box"> |
|||
<div>当前位置：</div> |
|||
<div>联系我们</div> |
|||
</div> |
|||
</div> |
|||
<div class="content-box"> |
|||
<div class="content-map"> |
|||
<div id="container1"></div> |
|||
<div id="container2"></div> |
|||
</div> |
|||
<div class="content-address" id="contactInfo"> |
|||
</div> |
|||
</div> |
|||
<div class="footer"> |
|||
<div class="top"> |
|||
<div class="top1"></div> |
|||
<div class="top2"></div> |
|||
<div class="top3"></div> |
|||
</div> |
|||
<div class="bottom"> |
|||
<div class="footerbox"></div> |
|||
</div> |
|||
</div> |
|||
<script src="../js/public.js"></script> |
|||
<!-- 引入公共数据详情js --> |
|||
<script src="../js/contact.js"></script> |
|||
<script src="../js/browse_check.js"></script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -0,0 +1,85 @@ |
|||
{ |
|||
"userDetList": [{ |
|||
"title": "标的名称", |
|||
"Client": "艾青诞辰100周年铜像" |
|||
}, |
|||
{ |
|||
"title": "委托关联编码", |
|||
"Client": "010005-000000000000010504999999-2" |
|||
}, |
|||
{ |
|||
"title": "标的类型", |
|||
"Client": "文化资源数据" |
|||
}, |
|||
{ |
|||
"title": "交易方式", |
|||
"Client": "许可" |
|||
}, { |
|||
"title": "权益", |
|||
"Client": "展览权、表演权、放映权、广播权、摄制权、改编权、翻译权、信息网络传播权" |
|||
}, |
|||
{ |
|||
"title": "交易方式", |
|||
"Client": "一次性委托" |
|||
}, { |
|||
"title": "收费类型", |
|||
"Client": "收费" |
|||
}, |
|||
{ |
|||
"title": "交易保证金", |
|||
"Client": "3000.00" |
|||
}, { |
|||
"title": "标的价款", |
|||
"Client": "￥10000.00/年" |
|||
} |
|||
], |
|||
"Clientinfor": [{ |
|||
"title": "机构名称", |
|||
"Client": "新疆兵团军垦博物馆", |
|||
"title1": "身份ISLI认证码", |
|||
"Client1": "010005-000000000000010504999002-1" |
|||
}, |
|||
{ |
|||
"title": "注册时间", |
|||
"Client": "2020/5/5", |
|||
"title1": "认证时间", |
|||
"Client1": "2020/10/10" |
|||
}, |
|||
{ |
|||
"title": "认证类型", |
|||
"Client": "机构", |
|||
"title1": "认证状态", |
|||
"Client1": "已认证" |
|||
} |
|||
], |
|||
"textbody": [{ |
|||
"name": "屯垦戎边千秋伟业", |
|||
"id": "123456", |
|||
"isli": "010002-000000000090000117249999-5", |
|||
"islilist": "010005-000000000000010505999999-9", |
|||
"namesize": "30.9MB", |
|||
"format": "jpg" |
|||
}, |
|||
{ |
|||
"name": "第一犁", |
|||
"isli": "010002-000000000090000117249999-1", |
|||
"islilist": "010005-000000000000010505999999-9", |
|||
"namesize": "30.9MB", |
|||
"format": "jpg" |
|||
}, |
|||
{ |
|||
"name": "塞边新乐章", |
|||
"isli": "010002-000000000090000117249999-1", |
|||
"islilist": "010005-000000000000010505999999-9", |
|||
"namesize": "30.9MB", |
|||
"format": "jpg" |
|||
}, |
|||
{ |
|||
"name": "王震将军像", |
|||
"isli": "010002-000000000090000117249999-1", |
|||
"islilist": "010005-000000000000010505999999-9", |
|||
"namesize": "30.9MB", |
|||
"format": "jpg" |
|||
}] |
|||
|
|||
} |
|||
@ -0,0 +1,475 @@ |
|||
let state = false; |
|||
$(document).ready(function () { |
|||
if (cookieHandler.get("normal_login_token")) { |
|||
// history.back(-1) |
|||
$(location).prop('href', './Home.html?url=' + new Date().getTime()) |
|||
} |
|||
codeCountDown = function (endMsRes, data, name) { |
|||
let countDownTime = 60 |
|||
data.attr("disabled", "disabled") |
|||
countDownTime = Math.ceil((endMsRes - new Date().getTime()) / 1000); //剩余多少秒 |
|||
let time = setTimeout(function () { |
|||
countDownTime--; |
|||
data.text(countDownTime + "秒") |
|||
if (countDownTime < 1) { |
|||
countDownTime = 60; |
|||
data.removeAttr("disabled") |
|||
data.text("获取验证码") |
|||
localStorage.removeItem(name); |
|||
clearTimeout(time); |
|||
} else { |
|||
codeCountDown(endMsRes, data, name); |
|||
} |
|||
}, 1000); |
|||
} |
|||
let myEndTime = localStorage.getItem("myEndTime"); |
|||
myEndTime && codeCountDown(myEndTime, $("#authbtns"), "myEndTime"); |
|||
let myEndTime2 = localStorage.getItem("myEndTime2"); |
|||
myEndTime2 && codeCountDown(myEndTime2, $("#authbtn"), "myEndTime2"); |
|||
$(".tips").hide(); |
|||
let verification = function (selector, text1, text2, reg, text3) { |
|||
$(selector).bind('change', function (data) { |
|||
let domObj = $("#" + data.target.id) |
|||
if (domObj.val() === "") { |
|||
domObj.css("border", "1px solid #f56c6c") |
|||
$("." + data.target.id).text(text1) |
|||
$("." + data.target.id).slideDown(100) |
|||
state = false |
|||
} else { |
|||
if (!reg.test(domObj.val())) { |
|||
domObj.css("border", "1px solid #f56c6c") |
|||
$("." + data.target.id).text(text2) |
|||
$("." + data.target.id).slideDown(100) |
|||
state = false |
|||
} else { |
|||
if (text3 && (data.target.id === "newpwd1" ? $("#newpwd").val() : $("#newpwd2") |
|||
.val()) !== domObj.val()) { |
|||
domObj.css("border", "1px solid #f56c6c") |
|||
$("." + data.target.id).text(text3) |
|||
$("." + data.target.id).slideDown(100) |
|||
state = false |
|||
} else { |
|||
domObj.css("border", "1px solid #d7d7d7") |
|||
$("." + data.target.id).text("") |
|||
$("." + data.target.id).slideUp(100) |
|||
state = true |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
// $(selector).change((data) => { |
|||
// let domObj = $("#" + data.target.id) |
|||
// if (domObj.val() === "") { |
|||
// domObj.css("border", "1px solid #f56c6c") |
|||
// $("." + data.target.id).text(text1) |
|||
// $("." + data.target.id).slideDown(100) |
|||
// state = false |
|||
// } else { |
|||
// if (!reg.test(domObj.val())) { |
|||
// domObj.css("border", "1px solid #f56c6c") |
|||
// $("." + data.target.id).text(text2) |
|||
// $("." + data.target.id).slideDown(100) |
|||
// state = false |
|||
// } else { |
|||
// if (text3 && (data.target.id === "newpwd1" ? $("#newpwd").val() : $("#newpwd2") |
|||
// .val()) !== domObj.val()) { |
|||
// domObj.css("border", "1px solid #f56c6c") |
|||
// $("." + data.target.id).text(text3) |
|||
// $("." + data.target.id).slideDown(100) |
|||
// state = false |
|||
// } else { |
|||
// domObj.css("border", "1px solid #d7d7d7") |
|||
// $("." + data.target.id).text("") |
|||
// $("." + data.target.id).slideUp(100) |
|||
// state = true |
|||
// } |
|||
// } |
|||
// } |
|||
// }); |
|||
}; |
|||
verification("input[name='phone']", "手机号不能为空", "手机号格式不对", /^1[3456789]\d{9}$/); |
|||
verification("input[name='authcode']", "验证码不能为空", "验证码格式不对", /^[0-9]{6}$/); |
|||
verification("input[name='newpwd']", "密码不能为空", "密码不能少于六位字母或数字", /^[0-9A-z\W]{6,}$/); |
|||
verification("input[name='newpwd1']", "密码不能为空", "密码不能少于六位字母或数字", /^[0-9A-z\W]{6,}$/, "两次输入的密码不一致"); |
|||
// 认证类型过滤 |
|||
function userType_filter(data) { |
|||
if (data == "个人") { |
|||
return "0" |
|||
} else if (data == "企业") { |
|||
return "1" |
|||
} else if (data == "服务商") { |
|||
return "2" |
|||
} else { |
|||
return data |
|||
} |
|||
} |
|||
// 登录 |
|||
$("#loginbtn1").bind("click", function () { |
|||
$("#phone").change() |
|||
let state1 = state |
|||
$("#pwd").change() |
|||
let state2 = state |
|||
if (state1 && state2) { |
|||
if ($('#checkbox2').is(':checked')) { |
|||
let data = { |
|||
loginName: $("#phone").val(), |
|||
loginType: "0", |
|||
password: $.md5($("#pwd").val()).toUpperCase(), |
|||
userType: $(".typecheck").text() === "机构" ? "企业" : "个人", |
|||
} |
|||
let postList = new AJAX_OBJ(api + "user/v1/userLogin", postSuccess, onUrlError); |
|||
postList.postRequestData(JSON.stringify(data)); |
|||
|
|||
function postSuccess(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
// 解析token |
|||
let userObj = JSON.parse(decodeURIComponent(escape(window.atob(res.data.token.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"))))); |
|||
cookieHandler.set("isliCode", userObj.isliCode); |
|||
cookieHandler.set("normal_login_token", res.data.token) |
|||
cookieHandler.set("accountId", res.data.user.accountId) |
|||
cookieHandler.set("cellPhone", res.data.user.cellPhone) |
|||
cookieHandler.set("userType", userType_filter(res.data.user.userType)) |
|||
cookieHandler.set("Merchant_id", "910000198") //商户id |
|||
$(location).prop('href', './Home.html?time=' + new Date().getTime()); |
|||
} else {// |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
}; |
|||
} else { |
|||
Dreamer.warning("请勾选《隐私保护政策》和《用户注册协议》"); |
|||
} |
|||
} |
|||
}); |
|||
|
|||
// 找回密码获取验证码 |
|||
$("#authbtn").bind("click", function () { |
|||
$("#phone1").change() |
|||
if (state) { |
|||
let getList = new AJAX_OBJ(api + "userself/v1/account/username/unique-validate/" + $("#phone1").val(), getSuccess, onUrlError); |
|||
getList.getRequestData(); |
|||
|
|||
function getSuccess(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
if (res.data != 1) { |
|||
$("#phone1").css("border", "1px solid #f56c6c") |
|||
$(".phone1").text("手机号没有被注册") |
|||
$(".phone1").slideDown(100) |
|||
} else { |
|||
$("#phone1").css("border", "1px solid #d7d7d7") |
|||
$(".phone1").text("") |
|||
$(".phone1").slideUp(100) |
|||
let getList = new AJAX_OBJ(api + "userself/v1/verify-code?username=" + $("#phone1").val() + "&purpose=2", getSuccess1, onUrlError); |
|||
getList.getRequestData(); |
|||
function getSuccess1(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
Dreamer.success("发送成功"); |
|||
let endMsRes = new Date().getTime() + |
|||
60000; //当前时间戳加上一分钟的时间戳，相当于当前时间一分钟以后的时间戳 |
|||
localStorage.setItem("myEndTime2", JSON.stringify(endMsRes)); |
|||
codeCountDown(endMsRes, $("#authbtn"), "myEndTime2"); |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
// 函数节流 |
|||
function debounce(fn, change) { |
|||
var timerId = null |
|||
return function () { |
|||
change() |
|||
var arg = arguments[0] //获取事件 |
|||
if (timerId) { |
|||
return |
|||
} |
|||
timerId = setTimeout(function () { |
|||
fn(arg) //事件传入函数 |
|||
timerId = null |
|||
}, 1000) |
|||
} |
|||
} |
|||
|
|||
function change1() { |
|||
$("#phone1").change() |
|||
$("#authcode").change() |
|||
$("#newpwd").change() |
|||
$("#newpwd1").change() |
|||
} |
|||
|
|||
function reset() { |
|||
$("#phone1").change() |
|||
let state1 = state |
|||
$("#authcode").change() |
|||
let state2 = state |
|||
$("#newpwd").change() |
|||
let state3 = state |
|||
$("#newpwd1").change() |
|||
let state4 = state |
|||
if (state1 && state2 && state3 && state4) { |
|||
let data = { |
|||
accountId: $("#phone1").val(), |
|||
verifyCode: $("#authcode").val(), |
|||
password: $.md5($("#newpwd1").val()).toUpperCase(), |
|||
passMd5ed: true, |
|||
st: "2", |
|||
} |
|||
let postList = new AJAX_OBJ(api + "userself/v1/account/reset-pwd", successGood, onUrlError); |
|||
postList.postRequestData(JSON.stringify(data)); |
|||
|
|||
function successGood(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
Dreamer.success("重置成功"); |
|||
codeCountDown(0, $("#authbtn"), "myEndTime2"); |
|||
$("#phone1").val('') |
|||
$("#authcode").val('') |
|||
$("#newpwd").val('') |
|||
$("#newpwd1").val('') |
|||
$("#getpwdModel").attr("style", "height: 360px;display: none;margin-top:24px"); |
|||
registergologin('down') |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
}; |
|||
} |
|||
}; |
|||
// 找回密码 |
|||
$("#loginbtn2").click(debounce(reset, change1)); |
|||
// 注册获取验证码 |
|||
$("#authbtns").bind("click", function () { |
|||
$("#phone2").change() |
|||
if (state) { |
|||
let getList = new AJAX_OBJ(api + "userself/v1/account/username/unique-validate/" + $("#phone2").val(), getSuccess, onUrlError); |
|||
getList.getRequestData(); |
|||
|
|||
function getSuccess(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
if (res.data == 1) { |
|||
$("#phone2").css("border", "1px solid #f56c6c") |
|||
$(".phone2").text("手机号已被注册") |
|||
$(".phone2").slideDown(100) |
|||
} else { |
|||
$("#phone2").css("border", "1px solid #d7d7d7") |
|||
$(".phone2").text("") |
|||
$(".phone2").slideUp(100) |
|||
let getList = new AJAX_OBJ(api + "userself/v1/verify-code?username=" + $("#phone2").val() + "&purpose=1", getSuccess1, onUrlError); |
|||
getList.getRequestData(); |
|||
|
|||
function getSuccess1(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
Dreamer.success("发送成功"); |
|||
let endMsRes = new Date().getTime() + |
|||
60000; //当前时间戳加上一分钟的时间戳，相当于当前时间一分钟以后的时间戳 |
|||
localStorage.setItem("myEndTime", JSON.stringify(endMsRes)); |
|||
codeCountDown(endMsRes, $("#authbtns"), "myEndTime"); |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
|
|||
function change2() { |
|||
$("#phone2").change() |
|||
$("#authcode2").change() |
|||
$("#newpwd2").change() |
|||
$("#newpwd3").change() |
|||
} |
|||
|
|||
//注册查看内容倒计时 |
|||
$("#checkbox3").bind('change', function () { |
|||
localStorage.removeItem("ExceptionsTime"); |
|||
if (localStorage.getItem("Privacy") == null && localStorage.getItem("User") == null && localStorage.getItem("exceptions") == null) { |
|||
document.getElementById("checkbox3").checked = false; |
|||
Dreamer.warning("请先预览《临时隐私政策》和《临时用户注册协议》和《临时免责条款》", 2000); |
|||
} else if (localStorage.getItem("Privacy") == null && localStorage.getItem("User") == null) { |
|||
Dreamer.warning("请先预览《临时隐私政策》和《临时用户注册协议》", 2000); |
|||
document.getElementById("checkbox3").checked = false; |
|||
} else if (localStorage.getItem("User") == null && localStorage.getItem("exceptions") == null) { |
|||
Dreamer.warning("请先预览《临时用户注册协议》和《临时免责条款》", 2000); |
|||
document.getElementById("checkbox3").checked = false; |
|||
} else if (localStorage.getItem("exceptions") == null && localStorage.getItem("Privacy") == null) { |
|||
Dreamer.warning("请先预览《临时免责条款》和《临时隐私政策》", 2000); |
|||
document.getElementById("checkbox3").checked = false; |
|||
} else if (localStorage.getItem("exceptions") == null) { |
|||
Dreamer.warning("请先预览《临时免责条款》", 2000); |
|||
document.getElementById("checkbox3").checked = false; |
|||
} else if (localStorage.getItem("Privacy") == null) { |
|||
Dreamer.warning("请先预览《临时隐私政策》", 2000); |
|||
document.getElementById("checkbox3").checked = false; |
|||
} else if (localStorage.getItem("User") == null) { |
|||
Dreamer.warning("请先预览《临时用户注册协议》", 2000); |
|||
document.getElementById("checkbox3").checked = false; |
|||
} |
|||
}); |
|||
|
|||
function addRegister() { |
|||
$("#phone2").change() |
|||
let state1 = state |
|||
$("#authcode2").change() |
|||
let state2 = state |
|||
$("#newpwd2").change() |
|||
let state3 = state |
|||
$("#newpwd3").change() |
|||
let state4 = state |
|||
if (state1 && state2 && state3 && state4) { |
|||
if ($('#checkbox3').is(':checked')) { |
|||
let data = { |
|||
cellPhone: $("#phone2").val(), |
|||
verifyCode: $("#authcode2").val(), |
|||
password: $.md5($("#newpwd3").val()).toUpperCase(), |
|||
passMd5ed: true |
|||
} |
|||
let postList = new AJAX_OBJ(api + "userself/v1/register", successGood, onUrlError); |
|||
postList.postRequestData(JSON.stringify(data)); |
|||
|
|||
function successGood(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
let agreement = { |
|||
agreementIds: "1,2,3", |
|||
userId: $("#phone2").val() |
|||
} |
|||
Preservation(agreement);//保存协议 |
|||
Dreamer.success("注册成功"); |
|||
codeCountDown(0, $("#authbtns"), "myEndTime"); |
|||
$("#phone2").val('') |
|||
$("#authcode2").val('') |
|||
$("#newpwd2").val('') |
|||
$("#newpwd3").val('') |
|||
$("#checkbox3").attr("checked", false); |
|||
localStorage.removeItem('Privacy'); |
|||
localStorage.removeItem('User'); |
|||
localStorage.removeItem('exceptions'); |
|||
registergologin('down') |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
}; |
|||
} else { |
|||
Dreamer.warning("请勾选《隐私保护政策》和《用户注册协议》"); |
|||
} |
|||
} |
|||
} |
|||
// 注册账号 |
|||
$("#loginbtn3").click(debounce(addRegister, change2)); |
|||
|
|||
$("#institutions").prop('class', 'typecheck'); |
|||
$("#personal").bind("click", function () { |
|||
$("#institutions").prop('class', '') |
|||
$("#personal").prop('class', 'typecheck') |
|||
}); |
|||
$("#institutions").bind("click", function () { |
|||
$("#personal").prop('class', '') |
|||
$("#institutions").prop('class', 'typecheck') |
|||
}); |
|||
}); |
|||
var timers = null; /* 登录切换 注册或者找到密码 */ |
|||
function getPasswod() { |
|||
document.getElementById("getpwdModel").style.display = "block"; |
|||
var loginModelpx = document.getElementById("loginModel").style.marginTop.replace("px", ""); |
|||
clearInterval(timers); //防止重复设置定时器 |
|||
timers = setInterval(function () { |
|||
if (loginModelpx > -363) { |
|||
loginModelpx = parseInt(loginModelpx - 10); |
|||
document.getElementById("loginModel").style.marginTop = parseInt(loginModelpx - 10) + "px"; |
|||
} else { |
|||
clearInterval(timers); |
|||
} |
|||
}, 20) |
|||
|
|||
} |
|||
var timersout = null; |
|||
|
|||
function getPasswodgologin() { |
|||
var loginModelpx = parseInt(document.getElementById("loginModel").style.marginTop.replace("px", "")); |
|||
var getpwdModel = parseInt(document.getElementById("getpwdModel").style.marginTop.replace("px", "")); |
|||
clearInterval(timers); //防止重复设置定时器 |
|||
timers = setInterval(function () { |
|||
if (loginModelpx < 0) { |
|||
// getpwdModel = getpwdModel+10; |
|||
// document.getElementById("getpwdModel").style.marginTop = getpwdModel+"px"; |
|||
loginModelpx = loginModelpx + 10; |
|||
document.getElementById("loginModel").style.marginTop = loginModelpx + "px"; |
|||
} else { |
|||
clearInterval(timers); |
|||
document.getElementById("getpwdModel").style.display = "none"; |
|||
document.getElementById("getpwdModel").style.marginTop = "0px"; |
|||
} |
|||
}, 20) |
|||
timersout = setTimeout(function () { |
|||
if (getpwdModel < 360) { |
|||
getpwdModel = getpwdModel + 10; |
|||
document.getElementById("getpwdModel").style.marginTop = getpwdModel + "px"; |
|||
} else { |
|||
clearInterval(timersout); |
|||
} |
|||
}, 20) |
|||
|
|||
} |
|||
|
|||
function registers() { |
|||
document.getElementById("RegisterModel").style.display = "block"; |
|||
var loginModelpx = document.getElementById("loginModel").style.marginTop.replace("px", ""); |
|||
var RegisterModel = document.getElementById("RegisterModel").style.marginTop.replace("px", ""); |
|||
if (loginModelpx == "0" && RegisterModel == "0") { |
|||
clearInterval(timers); //防止重复设置定时器 |
|||
timers = setInterval(function () { |
|||
if (loginModelpx > -363) { |
|||
loginModelpx = parseInt(loginModelpx - 10); |
|||
document.getElementById("loginModel").style.marginTop = parseInt(loginModelpx - 10) + |
|||
"px"; |
|||
} else { |
|||
clearInterval(timers); |
|||
} |
|||
}, 20) |
|||
} else { |
|||
clearInterval(timers); //防止重复设置定时器 |
|||
timers = setInterval(function () { |
|||
if (loginModelpx >= -363) { |
|||
loginModelpx = parseInt(loginModelpx - 10); |
|||
RegisterModel = parseInt(RegisterModel - 10); |
|||
document.getElementById("loginModel").style.marginTop = loginModelpx + "px"; |
|||
document.getElementById("RegisterModel").style.marginTop = RegisterModel + "px"; |
|||
} else { |
|||
clearInterval(timers); |
|||
} |
|||
}, 20) |
|||
} |
|||
|
|||
} |
|||
|
|||
function registergologin() { |
|||
var loginModelpx = parseInt(document.getElementById("loginModel").style.marginTop.replace("px", "")); |
|||
var RegisterModel = parseInt(document.getElementById("RegisterModel").style.marginTop.replace("px", "")); |
|||
clearInterval(timers); //防止重复设置定时器 |
|||
timers = setInterval(function () { |
|||
if (loginModelpx < 0) { |
|||
loginModelpx = loginModelpx + 10; |
|||
document.getElementById("loginModel").style.marginTop = loginModelpx + "px"; |
|||
} else { |
|||
clearInterval(timers); |
|||
document.getElementById("RegisterModel").style.display = "none"; |
|||
document.getElementById("RegisterModel").style.marginTop = "0px"; |
|||
} |
|||
}, 20) |
|||
timersout = setTimeout(function () { |
|||
if (getpwdModel < 360) { |
|||
RegisterModel = RegisterModel + 10; |
|||
document.getElementById("RegisterModel").style.marginTop = RegisterModel + "px"; |
|||
} else { |
|||
clearInterval(timersout); |
|||
} |
|||
}, 20) |
|||
} |
|||
@ -0,0 +1,312 @@ |
|||
// 数据类型过滤 |
|||
function fstype(data) { |
|||
if (data == "") { |
|||
return "全部" |
|||
} else if (data == 1) { |
|||
return "文化资源数据" |
|||
} else if (data == 2) { |
|||
return "文化数字内容" |
|||
} |
|||
}; |
|||
|
|||
function fsword(data) { |
|||
if (data == "") { |
|||
return "全部" |
|||
} else if (data == 1) { |
|||
return "转让" |
|||
} else if (data == 2) { |
|||
return "授权" |
|||
} |
|||
}; |
|||
|
|||
let query = {}; //URL参数 |
|||
|
|||
let scr = $(location).prop('href').split("?")[1]; |
|||
Array.prototype.myForEach = function myForEach(callback, context) { |
|||
context = context || window; |
|||
if (Array.prototype.forEach) { |
|||
// 调用forEach方法，不做任何处理 |
|||
this.forEach(callback, context); |
|||
return; |
|||
} |
|||
} |
|||
if (scr) { |
|||
scr = scr.split("&").join("=").split("=") |
|||
scr.myForEach(function(item, index, arr) { |
|||
if (index % 2 === 0) { |
|||
query[item] = "" |
|||
} else { |
|||
query[scr[index - 1]] = item |
|||
} |
|||
}); |
|||
} |
|||
|
|||
query.authorization = decodeURI(query.authorization); |
|||
query.record_type = decodeURI(query.record_type); |
|||
query.entrust_name = decodeURI(query.entrust_name); |
|||
query.entrust_user_name = decodeURI(query.entrust_user_name); |
|||
|
|||
// authorization: '', //授权方式（转让，授权） |
|||
// entrust_name: '', //委托数据名称（关键字模糊搜索） |
|||
// entrust_time: '', //委托时间（10位时间戳） |
|||
// entrust_user_name:entrust_name //委托方名称（关键字模糊搜索） |
|||
// goods_islicode: '', //委托数据委托关联编码 |
|||
// order: '', //desc：降序；asc：升序 |
|||
// order_type: '', //排序；createtime：时间；price：价格； |
|||
// pay_type: '', //付费类型（付费，免费） |
|||
// record_type: record_type //数据类型（文化资源数据，文化数字内容） |
|||
let listQuery = {}; |
|||
let listNum = null; |
|||
|
|||
if (query) { |
|||
listQuery = { |
|||
pay_type: 2, // 付费类型 1：免费；2：付费 |
|||
authorization: query.authorization, //授权方式（1：转让；2：授权) |
|||
record_type: query.record_type, // 数据类型 |
|||
entrust_name: query.entrust_name, // 委托数据名称 |
|||
entrust_user_name: query.entrust_user_name, // 委托方名称 |
|||
source_type: "", |
|||
order_type: "createtime", //排序 createtime：时间；price：价格 |
|||
order: "desc", //desc：降序；asc：升序 |
|||
goods_status: 1, |
|||
page: 1, |
|||
limit: 8 |
|||
}; |
|||
|
|||
let typeName = fstype(query.record_type); |
|||
$(".btn1").removeClass("current"); |
|||
if (typeName == "全部") { |
|||
$($(".btn1")[0]).addClass("current"); |
|||
} else if (typeName == "文化资源数据") { |
|||
$($(".btn1")[1]).addClass("current"); |
|||
} else if (typeName == "文化数字内容") { |
|||
$($(".btn1")[2]).addClass("current"); |
|||
} |
|||
let wordName = fsword(query.authorization); |
|||
$(".btn").removeClass("activbtn"); |
|||
if (wordName == "全部") { |
|||
$($(".btn")[0]).addClass("activbtn"); |
|||
} else if (wordName == "转让") { |
|||
$($(".btn")[1]).addClass("activbtn"); |
|||
} else if (wordName == "授权") { |
|||
$($(".btn")[2]).addClass("activbtn"); |
|||
} |
|||
//input框数据回显 |
|||
$('.ipt').val(query.entrust_user_name); |
|||
//input框数据回显 关键词 |
|||
$('.iptword').val(query.entrust_name); |
|||
} else { |
|||
listQuery = { |
|||
pay_type: 2, // 付费类型 1：免费；2：付费 |
|||
authorization: "", //授权方式（1：转让；2：授权 |
|||
record_type: "", // 数据类型 |
|||
entrust_name: "", // 委托数据名称 |
|||
entrust_user_name: "", // 委托方名称 |
|||
source_type: "", |
|||
order_type: "createtime", //排序 createtime：时间；price：价格 |
|||
order: "desc", //desc：降序；asc：升序 |
|||
goods_status: 1, |
|||
page: 1, |
|||
limit: 8 |
|||
}; |
|||
} |
|||
|
|||
window.onload = function() { |
|||
if (localStorage.getItem("listNum") == null) { |
|||
listQuery.page = 1 |
|||
} else { |
|||
listQuery.page = localStorage.getItem("listNum"); |
|||
localStorage.removeItem("listNum"); |
|||
} |
|||
getListMsg(listQuery); |
|||
} |
|||
|
|||
let listData = []; // 列表源数据 |
|||
let totalData = []; // 列表分页数据 |
|||
|
|||
// 分页对象 |
|||
let paging = { |
|||
pageNum: 1, // 当前页面 |
|||
totalNum: 1, // 总页码 |
|||
totalList: 0, // 记录总数量 |
|||
pageRows: 8, // 每页条数 |
|||
pageSizes: [8, 16, 32], // 每页显示个数选择器的选项设置 |
|||
callback: function(num, pageRows) { //回调函数 |
|||
if (paging.pageRows === pageRows) { |
|||
listNum = num |
|||
listQuery.page = num |
|||
listQuery.limit = pageRows |
|||
getListMsg(listQuery) |
|||
} else { |
|||
listQuery.page = 1 |
|||
listQuery.limit = pageRows |
|||
getListMsg(listQuery) |
|||
} |
|||
} |
|||
}; |
|||
|
|||
//委托数据查询接口 |
|||
function getListMsg(data) { |
|||
var ajaxSearchGoods = new AJAX_OBJ(AgencyAddress + "order/searchGoods", entrustSearchGoods, onUrlError); |
|||
ajaxSearchGoods.postRequestData(JSON.stringify(data)); |
|||
} |
|||
|
|||
function entrustSearchGoods(xmlHttp) { |
|||
var res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
render(res.data.data); |
|||
paging.pageNum = res.data.current_page; |
|||
paging.pageRows = res.data.per_page; |
|||
paging.totalNum = res.data.last_page; |
|||
paging.totalList = res.data.total; |
|||
// 渲染分页 |
|||
$("#page").paging(paging); |
|||
} |
|||
} |
|||
|
|||
let img_url = ""; |
|||
let newimg_url = ""; |
|||
//封面图设置 |
|||
function good_headerimg(data) { |
|||
var myPix = new Array("../images/180-180.jpg", "../images/180-180-2.jpg", "../images/180-180-3.jpg", |
|||
"../images/180-180-3.jpg"); |
|||
var randomNum = Math.floor((Math.random() * myPix.length)); |
|||
img_url = ""; |
|||
if (data) { |
|||
let reg = RegExp(/data:image\/.*;base64,/); |
|||
if (reg.test(data)) { //判断图片数据是base64吗 |
|||
img_url = '<img src=' + data + ' alt="">' |
|||
} else { |
|||
img_url = '<img src=' + pathURL + '' + encodeURIComponent(data) + ' alt="">' |
|||
} |
|||
} else { |
|||
newimg_url = myPix[randomNum]; |
|||
img_url = '<img src=' + myPix[randomNum] + ' alt="">' |
|||
} |
|||
} |
|||
|
|||
// 渲染列表 |
|||
function render(data) { |
|||
let prostr = ''; |
|||
if (data.length) { |
|||
data.myForEach(function(item, index, arr) { |
|||
good_headerimg(item.goods_image); |
|||
if (item.goods_entrust == 1) { |
|||
item.goods_entrust = "转让" |
|||
} else if (item.goods_entrust == 2) { |
|||
item.goods_entrust = "授权" |
|||
} |
|||
let createStr = item.createtime.split(" ")[0].split("-").join("/"); |
|||
prostr += '<div class="main_mook" onclick="detils(\'' + item.goods_islicode + '\',\'' + item |
|||
.goods_type + '\',\'' + item.username + '\',\'' + newimg_url + '\')">' + |
|||
'<div class="mook_head" >' + |
|||
img_url + |
|||
'<div class="tig_head">' + createStr + '</div>' + |
|||
'<div class="tig_bottom">' + '<div class="tig_botm1">' + item.goods_name + '</div>' + |
|||
'<div style="color: red;">' + (item.username == "中国数字文化集团有限公司" || item.username == |
|||
"国家图书馆出版社有限公司" || item.username == "深圳国夏文化数字科技有限公司" ? "可议价" : "¥" + item.price) + '</div>' + |
|||
'</div>' + |
|||
'</div>' + |
|||
'<div class="mook_men">' + |
|||
'<p>' + '委托关联编码：' + item.goods_islicode + '</p>' + |
|||
'<p>' + '交易类型：' + item.goods_entrust + '</p>' + |
|||
'<p>' + '委托方：' + item.username + '</p>' + |
|||
// '<p>' + '交易保证金：：' + "¥" + item.price + '</p>' + |
|||
'<div class="bor">' + '</div>' + |
|||
'<div class="men_bott">' + |
|||
'<div class="men_name" title="' + item.username + '">' + item.username + '</div>' + |
|||
'<div style="color:#AC0000; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;" title="' + |
|||
'加入购物车' + '">' + '加入购物车' + '</div>' + |
|||
'</div>' + '</div>' + '</div>' |
|||
}); |
|||
} else { |
|||
prostr = |
|||
'<div style="width: 100%;height: 275px;display: flex;align-items: center;justify-content: center;font-size: 28px;color: #c0c4cf;">暂无数据</div>' |
|||
} |
|||
$("#main_cent").html(prostr); |
|||
}; |
|||
|
|||
|
|||
// 数据类型过滤 |
|||
function filters(data) { |
|||
if (data === "全部") { |
|||
return "" |
|||
} else if (data === "文化资源数据") { |
|||
return 1 |
|||
} else if (data === "文化数字内容") { |
|||
return 2 |
|||
} |
|||
}; |
|||
|
|||
|
|||
function filtype(data) { |
|||
if (data === "全部") { |
|||
return "" |
|||
} else if (data == "转让") { |
|||
return 1 |
|||
} else if (data == "授权") { |
|||
return 2 |
|||
} |
|||
}; |
|||
|
|||
let Publicdate = { |
|||
retrievalPage: "数据超市-标的列表" |
|||
} |
|||
//数据类型切换数据 |
|||
$(".btn1").click(function() { |
|||
$(this).addClass("current"); |
|||
$(this).siblings().removeClass("current"); |
|||
listQuery.record_type = filters($('.current').val()); |
|||
listQuery.page = 1; |
|||
getListMsg(listQuery); |
|||
//检索信息数据 |
|||
RetrieveURL(Publicdate); |
|||
}); |
|||
|
|||
//标签切换1：转让；2：授权 |
|||
$(".btn").click(function() { |
|||
$(this).addClass("activbtn"); |
|||
$(this).siblings().removeClass("activbtn"); |
|||
listQuery.authorization = filtype($('.activbtn').val()); |
|||
listQuery.page = 1; |
|||
getListMsg(listQuery); |
|||
//检索信息数据 |
|||
RetrieveURL(Publicdate); |
|||
}); |
|||
|
|||
$('.ipt').bind('keypress', function(event) { |
|||
if (event.keyCode == "13") { |
|||
listQuery.entrust_user_name = $('.ipt').val(); |
|||
listQuery.page = 1; |
|||
getListMsg(listQuery); |
|||
//检索信息数据 |
|||
RetrieveURL(Publicdate); |
|||
} |
|||
}); |
|||
|
|||
$('.iptword').bind('keypress', function(event) { |
|||
if (event.keyCode == "13") { |
|||
listQuery.entrust_name = $('.iptword').val(); |
|||
listQuery.page = 1; |
|||
getListMsg(listQuery); |
|||
//检索信息数据 |
|||
RetrieveURL(Publicdate); |
|||
} |
|||
}); |
|||
|
|||
//搜索点击按钮 |
|||
$('.btn3').bind('click', function() { |
|||
listQuery.entrust_user_name = $('.ipt').val(); |
|||
listQuery.entrust_name = $('.iptword').val(); |
|||
listQuery.page = 1 |
|||
getListMsg(listQuery); |
|||
//检索信息数据 |
|||
RetrieveURL(Publicdate); |
|||
}); |
|||
|
|||
//进入详情 |
|||
function detils(list_isli, type, username, img) { |
|||
localStorage.setItem("listNum", listNum); |
|||
location.href = "superDetails.html?list_isli=" + list_isli + '&goods_type=' + type + '&img=' + img + '&username=' + |
|||
username + '&time=' + new Date().getTime(); |
|||
} |
|||
@ -0,0 +1,223 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>标的详情</title> |
|||
<!-- 引入初始化样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/reset.css" /> |
|||
<!-- 引入默认样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/default.css" /> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" /> |
|||
<link rel="stylesheet" href="../css/superdetail.css"> |
|||
<link rel="stylesheet" href="../css/header.css"> |
|||
<!-- 引入jquery --> |
|||
<script src="../js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap-table.min.css" /> |
|||
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap-table.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/Dream-Msg.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/ajax.ipanel.js" type="text/javascript" charset="utf-8"></script> |
|||
<style type="text/css"> |
|||
html, |
|||
body { |
|||
width: 100%; |
|||
height: 100%; |
|||
background: #F2F8FC; |
|||
position: relative; |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="header"> |
|||
<div class="login"> |
|||
<div id="login"><a href="./login.html">登录</a></div> |
|||
<div id="Logout"><a href="./Home.html">退出登录</a></div> |
|||
<div id="personalCenter"><a href="./Account.html">用户中心</a></div> |
|||
<div id="news"><a href="./MyMessage.html">消息</a></div> |
|||
</div> |
|||
<div class="navbarbox"> |
|||
<div class="titles-name" id="titles-name"></div> |
|||
<div class="navbar-tab"> |
|||
<div class="itembox" id="nav"></div> |
|||
<div class="cart"> |
|||
<img src="../images/cart.png" alt=""> |
|||
<div>购物车</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="right-bottom"> |
|||
<div class="r-b-top"> |
|||
<a href="#"><span class="a-back">返回顶部</span></a> |
|||
</div> |
|||
<div class="r-b-bottom" id="customer"> |
|||
<div> |
|||
<div>留言</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 留言表单 --> |
|||
<div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
|||
<div class="modal-dialog modal-lg" role="document"> |
|||
<div class="modal-content modal-contents"> |
|||
<div class="modal-headers"> |
|||
<div>在线留言</div> |
|||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
</div> |
|||
<div class="modal-body"> |
|||
<div class="modal-top">请把您的问题留下，客服人员会尽快与您取得联系。</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">姓名</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value1" placeholder="请填写您的姓名" /> |
|||
<p id="step_validate1" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">手机号码</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value2" placeholder="请填写您的联系电话" /> |
|||
<p id="step_validate2" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">公司名称</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value3" placeholder="请填写您的公司名称" /> |
|||
<p id="step_validate3" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">留言</div> |
|||
<div class="step_name"> |
|||
<textarea id="step_value4" placeholder="请填写您的需求，我们会尽快与您取得联系"></textarea> |
|||
<p id="step_validate4" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_button"> |
|||
<button type="button" id="submit">提交</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div style="height: 100px;"></div> |
|||
<div class="footer1"> |
|||
<div class="shopyear"> |
|||
输入购买年限 |
|||
<input class="ipt" type="number" value="" min=0 oninput="test(event)" /> |
|||
<span>年</span> |
|||
</div> |
|||
<div class="talprice"> |
|||
合计：￥<span id="addprice">0</span>元 |
|||
</div> |
|||
<div class="pingCart"> |
|||
<input class="Shopcart" style="background-color: rgb(16, 130, 132); cursor: pointer;" type="button" value="加入购物车"> |
|||
<input class="purchase" style="background-color: rgb(132, 41, 17); cursor: pointer;" type="button" value="立即购买"> |
|||
</div> |
|||
</div> |
|||
<div class="rumbs"> |
|||
<div class="rumbs_box clear"> |
|||
<div class="rumbs_title">当前位置：</div> |
|||
<div class="rumbs_name">标的详情</div> |
|||
</div> |
|||
</div> |
|||
<div class="super_detword clear mt30"> |
|||
<div class="super_detmain"> |
|||
<h3>标的信息</h3> |
|||
<div class="super_center"> |
|||
<div class="center_left"></div> |
|||
<div class="center_right"> |
|||
<div class="cen_right_one"> |
|||
<h3>标的信息</h3> |
|||
<div id="cen-ock"></div> |
|||
</div> |
|||
<div class="cen_right_two"> |
|||
<h3>委托方信息</h3> |
|||
<div id="cen-ock_two"></div> |
|||
</div> |
|||
<div class="cen_right_three" id="three1"> |
|||
<h3 id="resourceSet"></h3> |
|||
<div class="cen-ock_three"> |
|||
<div class="thre_centen"> |
|||
<table class="table table-bordered table-striped"> |
|||
<thead> |
|||
<tr> |
|||
<th class="text-center" style="width: 250px;"><span id="resourceName"></span></th> |
|||
<th class="text-center"><span>分类</span></th> |
|||
<th class="text-center channels" style="display:none"><span>著作权人</span></th> |
|||
<th class="text-center"><span>生成时间</span></th> |
|||
<th class="text-center" style="width: 250px;"><span>ISLI标志码</span></th> |
|||
<th class="text-center"><span>关联目标数量</span></th> |
|||
<th class="text-center"><span>查看</span></th> |
|||
</tr> |
|||
</thead> |
|||
<tbody id="text-body"></tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="cen_right_three" id="three2"> |
|||
<h3 id="singleResource"></h3> |
|||
<div class="cen-ock_three"> |
|||
<div class="thre_centen"> |
|||
<table class="table table-bordered table-striped"> |
|||
<thead> |
|||
<tr> |
|||
<th class="text-center"><span>资源名称</span></th> |
|||
<th class="text-center" style="width: 320px;"><span>ISLI标志码</span></th> |
|||
<th class="text-center channel" style="display:none"><span>著作权人</span></th> |
|||
<!-- <th class="text-center"><span>ISLI标识符</span></th> --> |
|||
<th class="text-center"><span>大小</span></th> |
|||
<th class="text-center"><span>格式</span></th> |
|||
<th class="text-center"><span>时间</span></th> |
|||
</tr> |
|||
</thead> |
|||
<tbody id="text-bodys"></tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- <div class="cen_right_three"> |
|||
<h3>文化资源数据集</h3> |
|||
<div id="thre_centen"> |
|||
<div class="box-body"> |
|||
<table id="table_sour_set" class="text-nowrap"></table> |
|||
</div> |
|||
</div> |
|||
<div id="cen-ock_three"> |
|||
<div class="thre_head"> |
|||
<input class="btn active" type="button" value="关联图片"> |
|||
<input class="btn" type="button" value="关联视频"> |
|||
<input class="btn" type="button" value="关联音频"> |
|||
<input class="btn" type="button" value="关联文本"> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> --> |
|||
<!-- <div class="cen_right_four"> |
|||
<h3>文化资源数据</h3> |
|||
<div id="thre_four_cen"> |
|||
<div class="box-body"> |
|||
<table id="table_sour" class="text-nowrap"></table> |
|||
</div> |
|||
</div> |
|||
</div> --> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script src="../js/public.js"></script> |
|||
<script src="../js/superdetil.js"></script> |
|||
<script src="../js/browse_check.js"></script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -0,0 +1,666 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>登录</title> |
|||
<!-- 引入初始化样式 --> |
|||
<link rel="stylesheet" type="text/css" href="../css/reset.css" /> |
|||
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" /> |
|||
<link rel="stylesheet" type="text/css" href="../css/login.css" /> |
|||
<link rel="stylesheet" href="../css/header.css"> |
|||
<link rel="stylesheet" href="../css/agreement.css"> |
|||
<!-- <link rel="stylesheet" href="../css/clause.css"> --> |
|||
<!-- 引入jquery --> |
|||
<script src="../js/jquery-2.2.4.min.js"></script> |
|||
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/jquery.md5.js"></script> |
|||
<script src="../js/Dream-Msg.js" type="text/javascript" charset="utf-8"></script> |
|||
<script src="../js/ajax.ipanel.js" type="text/javascript" charset="utf-8"></script> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="header"> |
|||
<div class="login"> |
|||
<div id="login"><a href="./login.html">登录</a></div> |
|||
<div id="Logout"><a href="./Home.html">退出登录</a></div> |
|||
<div id="personalCenter"><a href="./Account.html">用户中心</a></div> |
|||
<div id="news"><a href="./MyMessage.html">消息</a></div> |
|||
</div> |
|||
<div class="navbarbox"> |
|||
<div class="titles-name"></div> |
|||
<div class="navbar-tab"> |
|||
<div class="itembox"></div> |
|||
<div class="cart"> |
|||
<img src="../images/cart.png" alt=""> |
|||
<div>购物车</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="right-bottom"> |
|||
<div class="r-b-top"> |
|||
<a href="#"><span class="a-back">返回顶部</span></a> |
|||
</div> |
|||
<div class="r-b-bottom" id="customer"> |
|||
<div> |
|||
<div>留言</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 留言表单 --> |
|||
<div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
|||
<div class="modal-dialog modal-lg" role="document"> |
|||
<div class="modal-content modal-contents"> |
|||
<div class="modal-headers"> |
|||
<div>在线留言</div> |
|||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
</div> |
|||
<div class="modal-body"> |
|||
<div class="modal-top">请把您的问题留下，客服人员会尽快与您取得联系。</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">姓名</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value1" placeholder="请填写您的姓名" /> |
|||
<p id="step_validate1" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">手机号码</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value2" placeholder="请填写您的联系电话" /> |
|||
<p id="step_validate2" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">公司名称</div> |
|||
<div class="step_name"> |
|||
<input class="step_input" id="step_value3" placeholder="请填写您的公司名称" /> |
|||
<p id="step_validate3" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_item"> |
|||
<div class="step_label">留言</div> |
|||
<div class="step_name"> |
|||
<textarea id="step_value4" placeholder="请填写您的需求，我们会尽快与您取得联系"></textarea> |
|||
<p id="step_validate4" style="margin:0;color: #f56c6c;"></p> |
|||
</div> |
|||
</div> |
|||
<div class="step_button"> |
|||
<button type="button" id="submit">提交</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div style="height: 100px;"></div> |
|||
<!-- 登录 --> |
|||
<div class="login-box"> |
|||
<div id="LoginToRegister"> |
|||
<div id="loginModel" style="height: 360px;display: block;margin-top: 0px;"> |
|||
<div class="head"> |
|||
<div class="title"> |
|||
<span>登录</span> |
|||
</div> |
|||
<div id="type"> |
|||
<div id="personal">个人</div> |
|||
<div id="institutions">机构</div> |
|||
</div> |
|||
</div> |
|||
<div> |
|||
<div class="margins"> |
|||
<input class="input" type="text" name="phone" id="phone" placeholder="手机号" autocomplete="off" /> |
|||
<span class="phone tips"></span> |
|||
</div> |
|||
<div class="margins"> |
|||
<input class="input" type="password" name="newpwd" id="pwd" placeholder="密码" autocomplete="off" /> |
|||
<span class="pwd tips"></span> |
|||
</div> |
|||
<div class="margins"> |
|||
<div id="loginbtn1" class="loginbtn">登录</div> |
|||
</div> |
|||
<div class="margins"> |
|||
<div style="height: 17px;"> |
|||
<div onclick="getPasswod('up')" id="getPasswod" class="getPasswod"> |
|||
<span>找回密码</span> |
|||
</div> |
|||
<div onclick="registers('up')" id="register" class="register"> |
|||
<span>立即注册</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="margins"> |
|||
<div class="agreement"> |
|||
<input class="checkbox" id="checkbox2" type="checkbox" />我已阅读并同意网站的 |
|||
<!-- <a class="privacy" target="_blank" href="./Privacy.html">《隐私保护政策》</a>和 |
|||
<a class="user" target="_blank" href="./User.html">《用户注册协议》</a> --> |
|||
<a class="privacy" target="_blank" href="./Privacy.html">《临时隐私政策》</a>和 |
|||
<a class="user" target="_blank" href="./User.html">《临时用户注册协<span style=" text-indent: 2.5em;color: #5299dc;display: inline-block; cursor: pointer;">议》</span></a> |
|||
</div> |
|||
</div> |
|||
<div class="margins3"> |
|||
<div class="login-mode"><span>其他登录方式</span></div> |
|||
<div class="big-data"> |
|||
<img src="../images/u506.svg"> |
|||
<a href="./fxiyunLogin.html" target="_blank">文化数据服务中心</a> |
|||
<!-- <input class="checkbox" id="checkbox1" type="checkbox" /> |
|||
<a href="javascript:;">国家文化大数据</a> --> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 找回密码 --> |
|||
<div id="getpwdModel" style="height: 360px;display: none;margin-top: 0px;"> |
|||
<div class="head"> |
|||
<div class="title"> |
|||
<span>找回密码</span> |
|||
</div> |
|||
</div> |
|||
<div> |
|||
<div class="margins1"> |
|||
<input class="input" type="text" name="phone" id="phone1" placeholder="输入手机号" autocomplete="off" /> |
|||
<span class="phone1 tips"></span> |
|||
</div> |
|||
<div class="margins1"> |
|||
<input class="input1" type="text" name="authcode" id="authcode" placeholder="输入6位验证码" autocomplete="off" /> |
|||
<button type="button" class="authbtn" id="authbtn">获取验证码</button> |
|||
<span class="authcode tips"></span> |
|||
</div> |
|||
<div class="margins1"> |
|||
<input class="input" type="password" name="newpwd" id="newpwd" placeholder="输入新密码" autocomplete="off" /> |
|||
<span class="newpwd tips"></span> |
|||
</div> |
|||
<div class="margins1"> |
|||
<input class="input" type="password" name="newpwd1" id="newpwd1" placeholder="再次输入新密码" autocomplete="off" /> |
|||
<span class="newpwd1 tips"></span> |
|||
</div> |
|||
<div class="margins1"> |
|||
<div id="loginbtn2" class="loginbtn">确认修改</div> |
|||
</div> |
|||
<div class="margins1"> |
|||
<div style="margin-left: 20px;"> |
|||
<div class="getpwdModelloginbtn"> |
|||
<a onclick="getPasswodgologin()">登录</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 注册 --> |
|||
<div id="RegisterModel" style="height: 360px;display: none;margin-top: 0px;"> |
|||
<div class="head"> |
|||
<div class="title"> |
|||
<span>注册</span> |
|||
</div> |
|||
</div> |
|||
<div> |
|||
<div class="margins2"> |
|||
<input class="input" type="text" name="phone" id="phone2" placeholder="输入手机号" autocomplete="off" /> |
|||
<span class="phone2 tips"></span> |
|||
</div> |
|||
<div class="margins1"> |
|||
<input class="input1" type="text" name="authcode" id="authcode2" placeholder="输入6位验证码" autocomplete="off" /> |
|||
<button type="button" class="authbtn" id="authbtns">获取验证码</button> |
|||
<span class="authcode2 tips"></span> |
|||
</div> |
|||
<div class="margins1"> |
|||
<input class="input" type="password" name="newpwd" id="newpwd2" placeholder="输入新密码" autocomplete="off" /> |
|||
<span class="newpwd2 tips"></span> |
|||
</div> |
|||
<div class="margins1"> |
|||
<input class="input" type="password" name="newpwd1" id="newpwd3" placeholder="再次输入新密码" autocomplete="off" /> |
|||
<span class="newpwd3 tips"></span> |
|||
</div> |
|||
<div class="margins1"> |
|||
<div class="agreement"> |
|||
<input class="checkbox" id="checkbox3" type="checkbox" />我已阅读并同意网站的 |
|||
<span id="new_privacy" class="privacy">《临时隐私政策》</span>和 |
|||
<span id="new_user" class="user">《临时用户注册协</span><span style=" text-indent: 2.5em;color: #5299dc;display: inline-block; cursor: pointer;">议》</span>和 |
|||
<span id="new_exceptions" class="user">《临时免责条款》</span> |
|||
</div> |
|||
</div> |
|||
<div class="margins2"> |
|||
<div id="loginbtn3" class="loginbtn">注册</div> |
|||
</div> |
|||
<div class="margins2"> |
|||
<div style="margin-left: 20px;"> |
|||
<div class="getpwdModelloginbtn"> |
|||
已拥有账户?<a onclick="registergologin('down')">登录</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 隐私保护政策 --> |
|||
<div class="modal fade" id="myModal05" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
|||
<div class="modal-dialog" role="document" style="width:1300px;"> |
|||
<div class="modal-content"> |
|||
<div class="modal-header"> |
|||
<button type="button" class="close" id="close_x" data-dismiss="modal" aria-label="Close"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
<h4 class="modal-title" id="myModalLabel">临时隐私政策</h4> |
|||
</div> |
|||
<div class="modal-body trade_agreement" style="height:500px;overflow: auto;"> |
|||
<h1 class="trade_h">临时隐私政策</h1> |
|||
<p class="trade_p"> |
|||
感谢您选择全国文化大数据交易中心（以下简称“我们”）的服务。我们深知个人信息对您的重要性，因此我们将按照法律法规及行业标准的规定及要求采取有效的安全保障措施，力求保障您个人信息的安全可控。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
请您在<span class="weight_bold decora_line">注册和</span> 使用我们的服务前，仔细阅读<span |
|||
class="weight_bold decora_line">并在充分理解</span>《临时隐私政策》<span |
|||
class="weight_bold decora_line">的基础上做出相应的选择。有关您个人信息权益的重要条款</span>我们会以加粗、<span |
|||
class="weight_bold">加下划线</span>的形式予以提示<span class="weight_bold decora_line">，请特别关注。</span>若您<span |
|||
class="weight_bold decora_line">注册和</span>使用我们的服务，则表示您<span |
|||
class="weight_bold decora_line">已充分理解本政策，完全同意和</span>认可我们在政策中所表述的内容，同意我们按照本隐私政策处理您的个人信息。 |
|||
</p> |
|||
<p class="trade_p">本隐私政策适用于您通过我们的应用程序和应用程序编程接口（API）方式来访问和使用我们的服务。</p> |
|||
<p class="trade_p_nobold">您将通过本政策了解到以下内容：</p> |
|||
<p class="trade_p_nobold">1、我们如何收集您的个人信息；</p> |
|||
<p class="trade_p_nobold">2、我们如何使用您的个人信息；</p> |
|||
<p class="trade_p_nobold">3、我们如何存储个人信息；</p> |
|||
<p class="trade_p_nobold">4、我们如何使用Cookie和同类技术；</p> |
|||
<p class="trade_p_nobold">5、我们如何共享、转让、公开披露您的个人信息；</p> |
|||
<p class="trade_p_nobold">6、我们如何保护您的个人信息；</p> |
|||
<p class="trade_p_nobold">7、您对个人信息的管理；</p> |
|||
<p class="trade_p_nobold">8、隐私政策的适用及更新；</p> |
|||
<p class="trade_p_nobold">9、如何联系我们。</p> |
|||
<p class="trade_bold">1、我们如何收集您的个人信息</p> |
|||
<p class="trade_p">我们会遵循隐私政策收集、使用您的信息，但不会仅因您同意本隐私政策超范围收集个人信息。</p> |
|||
<p class="trade_p"> |
|||
当您使用或开启相关功能或使用服务时，为实现功能、服务所必需，我们会收集、使用相关信息。除非是为实现基本业务功能或根据法律法规要求所必需的必要信息，您均可以拒绝提供且不影响其他功能或服务。</p> |
|||
<p class="trade_p">出于本政策以下目的，为实现我们服务的功能，我们会遵循合法、正当、必要的原则，收集您的个人信息，帮助您成为我们的用户，以期您能够获得良好的服务体验。</p> |
|||
<p class="trade_p"> |
|||
请注意，无法与任何特定个人直接建立联系数据（如单独的设备信息、日志信息等），不属于个人信息。如果我们将无法与任何特定个人建立联系的数据与其他信息结合用于识别自然人个人身份，或者将其与个人信息结合使用，则在结合使用期间，此类信息将被视为个人信息。 |
|||
</p> |
|||
<p class="trade_p_nobold">1.1基本业务功能</p> |
|||
<p class="trade_p_nobold"> |
|||
1.1.1用户注册和认证：在您注册并认证成为我们的用户时，需要提供《用户注册协议》要求的资料和授权文件，其中手机号码（账号绑定手机号码）、短信验证码、姓名（个人账号）、公司名称（机构账号）、登录密码以创建账号；身份证明类型、身份证明号码（个人账号提供个人身份证号码，机构账号提供机构组织代码）、身份证明文件复印件（个人账号提供个人身份证复印件，机构账号提供机构组织代码复印件）、法人名称（机构账号认证时提供）、法定代表人身份证号码（机构账号认证时提供）、交易账号银行卡开户行、交易账号银行卡号码（持卡人须与用户名称一致的卡号）等用以认证注册账号类型。 |
|||
</p> |
|||
<p class="trade_p_nobold">1.1.2账户管理：我们为您提供账户信息储存、查询、更正、注销、退出功能。</p> |
|||
<p class="trade_bold decora_line"> |
|||
1.1.3日志分析：我们需要记录您在使用我们服务过程中（或后台运行时）产生的日志信息，日志中将会收集您的使用日期和时间，以及设备信息（您的硬件型号、操作系统版本、使用语言、设备配置、唯一设备标识符、DeviceID、IMEI、MAC地址、IP地址、MEID、UDID）。我们会对日志信息进行分析，用于客户服务、提升用户体验。 |
|||
</p> |
|||
<p class="trade_bold"> |
|||
1.2涉及嵌入第三方代码、插件采集个人信息的目录如下：<span |
|||
class="decora_line">姓名/公司名称、身份证明类型、身份证明号码、身份证明文件复印件、法人名称、法人身份证号码、交易账号银行卡开户行和交易账号银行卡号码等。</span> |
|||
</p> |
|||
<p class="trade_bold">2、我们如何使用您的个人信息</p> |
|||
<p class="trade_p">我们会严格遵守法律法规的规定使用您的个人信息，您的个人信息将被用到以下用途：</p> |
|||
<p class="trade_bold decora_line"> |
|||
2.1.为您提供安全保障，我们会将您的信息用于身份验证、安全防范、反诈骗监测、存档备份、客户的安全服务等用途，以保护您、其他用户、我们或关联方的合法权益，并记录一些我们认为有风险的链接。</p> |
|||
<p class="trade_bold decora_line">2.2改进我们的服务，我们可能会在符合法律规定并根据您具体授权的情况下收集并使用您的个人信息用于统计分析以形成用户画像，以此改进我们的服务。</p> |
|||
<p class="trade_bold decora_line">2.3其他用途，我们将信息用于本政策未载明的其他用途，或者将基于特定目的收集而来的信息用于其他目的时，会事先征求您的同意。</p> |
|||
<p class="trade_p_nobold">2.4例外情形</p> |
|||
<p class="trade_p_nobold">出现下列情形我们无须征得您的授权同意，请您悉知。</p> |
|||
<p class="trade_p_nobold">2.4.1与国家安全、国防安全有关的；</p> |
|||
<p class="trade_p_nobold">2.4.2与公共安全、公共卫生、重大公共利益有关的；</p> |
|||
<p class="trade_p_nobold">2.4.3与犯罪侦查、起诉、审判和判决执行等有关的；</p> |
|||
<p class="trade_p_nobold">2.4.4出于维护个人信息主体或其他个人的生命、财产等重大合法权益但又很难得到本人同意的；</p> |
|||
<p class="trade_p_nobold">2.4.5所收集的个人信息是个人信息主体自行向社会公众公开的；</p> |
|||
<p class="trade_p_nobold">2.4.6从合法公开披露的信息中收集的您的个人信息的，如合法的新闻报道、政府信息公开等渠道；</p> |
|||
<p class="trade_p_nobold">2.4.7根据您的要求签订合同所必需的；</p> |
|||
<p class="trade_p_nobold">2.4.8用于维护所提供的服务的安全稳定运行所必需的，例如发现、处置服务的故障；</p> |
|||
<p class="trade_p_nobold">2.4.9为合法的新闻报道所必需的；</p> |
|||
<p class="trade_p_nobold">2.4.10学术研究机构基于公共利益开展统计或学术研究所必要，且对外提供学术研究或描述的结果时，对结果中所包含的个人信息进行去标识化处理的；</p> |
|||
<p class="trade_p_nobold">2.4.11法律法规规定的其他情形。</p> |
|||
<p class="trade_bold">3、我们如何存储个人信息</p> |
|||
<p class="trade_p_nobold">3.1存储地点</p> |
|||
<p class="trade_p"> |
|||
我们依照法律法规的规定，将在境内运营过程中收集和产生的您的个人信息存储于中华人民共和国境内。目前，我们不会将上述信息传输至境外，如果我们向境外传输，我们将会遵循相关国家规定或者征求您的同意。</p> |
|||
<p class="trade_p_nobold">3.2存储期限</p> |
|||
<p class="trade_p"> |
|||
我们仅在为提供服务之目的所必需的期间内保留您的个人信息。在您未注销账户期间，我们会保留相关信息。超出必要期限后，我们将对您的个人信息进行删除或匿名化处理，但法律法规另有规定的除外。</p> |
|||
<p class="trade_p">如我们停止我们的服务时，我们将及时停止继续收集您个人信息的活动，将停止运营的通知以逐一送达或公告的形式通知您，对所持有的个人信息进行删除或匿名化处理。</p> |
|||
<p class="trade_bold">4、我们如何使用Cookie和同类技术</p> |
|||
<p class="trade_p_nobold">4.1Cookie</p> |
|||
<p class="trade_p weight_bold decora_line"> |
|||
为确保网站正常高效运转、为您获得更轻松的访问体验，我们会在您的计算机或移动设备上存储相关信息：这些信息可能是Cookie或您的浏览器或关联应用程序提供的其他本地存储。Cookie会帮助您在后续访问我们网站时调用您的信息，简化您填写个人信息（例如一键登录等）的流程；为您提供安全购物的偏好设置；帮助您优化对广告的选择与互动；保护您的数据安全等。我们不会将Cookie用于本隐私政策所述目的之外的任何用途。您可根据自己的偏好管理或删除Cookie，但拒绝我们的Cookie在某些情况下可能会影响您安全访问网站和使用我们提供的服务。 |
|||
</p> |
|||
<p class="trade_p_nobold">4.2同类技术</p> |
|||
<p class="trade_p weight_bold decora_line">除Cookie外，我们还会在网站上使用网站信标和像素标签等其他同类技术。它们可以帮助网站计算浏览网页的用户或访问某些Cookie。 |
|||
</p> |
|||
<p class="trade_bold">5、我们如何共享、转让、公开披露您的个人信息；</p> |
|||
<p class="trade_p_nobold">5.1共享</p> |
|||
<p class="trade_bold decora_line">5.1.1我们会严格遵照法律法规的规定使用您的个人信息，非因法定或者约定情形，我们不会与第三方共享您的个人信息。</p> |
|||
<p class="trade_bold decora_line"> |
|||
5.1.2我们可能将您的手机号码、地理位置、共享给您同意第三方，以便第三方可以更好地为您提供服务。上述共享的行为我们将在您明示同意且知悉该具体第三方的情况下进行。</p> |
|||
<p class="trade_bold decora_line">但是，若共享的信息无法与任何特定个人建立联系的除外。</p> |
|||
<p class="trade_bold decora_line"> |
|||
5.1.3我们将审慎评估第三方使用共享信息的目的，对这些合作方的安全保障能力进行综合评估，并要求其遵循合作法律协议。我们会对合作方获取信息的软件工具开发包（SDK）、应用程序接口（API）进行严格的安全监测，以保护数据安全。我们接入的相关第三方开发包（SDK）、应用程序接口（API）的目录包括但不限于： |
|||
</p> |
|||
<p class="trade_bold decora_line">订单支付（后台）接口</p> |
|||
<p class="trade_bold decora_line">接收支付报告接口</p> |
|||
<p class="trade_bold decora_line">批量代付接口</p> |
|||
<p class="trade_bold decora_line">接收代付结果报告接口</p> |
|||
<p class="trade_bold decora_line">获取支行信息接口</p> |
|||
<p class="trade_bold decora_line">线上开票接口</p> |
|||
<p class="trade_bold decora_line">文化数据服务中心用户接口</p> |
|||
<p class="trade_bold decora_line">底层关联集成系统标的数据接口</p> |
|||
<p class="trade_p_nobold">5.2转让</p> |
|||
<p class="trade_p"> |
|||
我们会严格遵照法律法规的规定使用您的个人信息，非因法定或者约定情形我们不会向第三方转让您的个人信息，但以下情形除外： |
|||
5.2.1在获取明确同意的情况下转让：获得您的明确同意后，我们会向其他方转让您的个人信息。</p> |
|||
<p class="trade_p_nobold"> |
|||
5.2.2业务转让：在我们及我们的关联方之间发生合并、收购、资产转让等交易导致向第三方分享您的个人信息时，我们将通过推送通知、公告等形式告知您相关情形，我们会要求受让您个人信息的公司、组织继续接受本隐私政策的约束，否则,我们将要求该公司、组织重新征求您的授权同意。 |
|||
</p> |
|||
<p class="trade_p_nobold">5.3信息公开披露</p> |
|||
|
|||
<p class="trade_p_nobold">我们仅会在以下情况下，且采取符合业界标准的安全防护措施的前提下，才可能公开披露您的个人信息：</p> |
|||
|
|||
<p class="trade_p_nobold">5.3.1根据您的需求，在您明确同意的披露方式下披露您所指定的个人信息。</p> |
|||
<p class="trade_p_nobold"> |
|||
5.3.2根据法律、法规的要求、强制性的行政执法或司法要求所必须提供您个人信息的情况下，我们可能会依据所要求的个人信息类型和披露方式公开披露您的个人信息。在符合法律法规的前提下，当我们收到上述披露信息的请求时，我们会要求必须出具与之相应的法律文件，如传票或调查函。 |
|||
</p> |
|||
<p class="trade_p_nobold">5.4共享、转让、公开披露个人信息时事先征得授权同意的例外 |
|||
请您悉知，以下情形中，共享、转让、公开披露您的个人信息无需事先征得您的授权同意: |
|||
</p> |
|||
<p class="trade_p_nobold">5.4.1与国家安全、国防安全有关的；</p> |
|||
<p class="trade_p_nobold">5.4.2与公共安全、公共卫生、重大公共利益有关的；</p> |
|||
<p class="trade_p_nobold">5.4.3与犯罪侦查、起诉、审判和判决执行等有关的；</p> |
|||
<p class="trade_p_nobold">5.4.4出于维护您或其他个人的生命、财产等重大合法权益但又很难得到本人同意的；</p> |
|||
<p class="trade_p_nobold">5.4.5其他维护公共利益的情形，例如您的信用评价信息需要被公开共享；</p> |
|||
<p class="trade_p_nobold">5.4.6您自行向社会公众公开的个人信息；</p> |
|||
<p class="trade_p_nobold">5.4.7从合法公开披露的信息中收集个人信息的，如合法的新闻报道、政府信息公开等渠道。</p> |
|||
<p class="trade_bold">6、我们如何保护您的个人信息</p> |
|||
<p class="trade_p_nobold">6.1安全防护技术，我们已采取符合业界标准、合理可行的安全防护措施保护您提供的个人信息安全，防止个人信息遭到未经授权访问、公开披露、使用、修改、损坏或丢失。</p> |
|||
<p class="trade_p_nobold">6.2完善的信息安全管理制度，我们建立专门的管理制度、流程和组织确保信息安全。例如，我们严格限制访问信息的人员范围，要求他们遵守保密义务，并进行审查。</p> |
|||
<p class="trade_p_nobold"> |
|||
6.3请您知悉并理解，互联网并非绝对安全的环境，我们强烈建议您通过安全方式、使用复杂密码，协助我们保证您的账号安全。如您发现自己的个人信息泄密，尤其是您的账户或密码发生泄露，请您立即根据本隐私政策中提供的联系方式联络们，以便我们采取相应措施。 |
|||
</p> |
|||
<p class="trade_p_nobold">6.4我们将不定期更新并公开安全风险、个人信息安全影响评估报告等有关内容，您可以通过我们公布的官方网站获取相关信息。</p> |
|||
<p class="trade_p_nobold"> |
|||
6.5如不幸发生个人信息安全事件，我们将按照法律法规的要求，及时向您告知安全事件的基本情况和可能的影响、我们已采取或将要采取的处置措施、您可自主防范和降低风险的建议、对您的补救措施等。我们将及时将事件相关情况以邮件、信函、电话、推送通知等方式告知您，难以逐一告知个人信息主体时，我们会采取合理、有效的方式发布公告。同时，我们还将按照监管部门要求，主动上报个人信息安全事件的处置情况。 |
|||
</p> |
|||
<p class="trade_bold">7、您对个人信息的管理</p> |
|||
<p class="trade_p_nobold">7.1个人信息管理编辑。</p> |
|||
<p class="trade_p_nobold">您可以通过以下方式实现：<span class="decora_line">个人中心</span></p> |
|||
<p class="trade_p_nobold">7.2个人信息删除。</p> |
|||
<p class="trade_p_nobold">在以下情形中，您可以向我们提出删除个人信息的请求：</p> |
|||
<p class="trade_p_nobold">7.2.1如果我们处理个人信息的行为违反法律法规；</p> |
|||
<p class="trade_p_nobold">7.2.2如果我们收集、使用您的个人信息，却未征得您的明确同意；</p> |
|||
<p class="trade_p_nobold">7.2.3如果我们处理个人信息的行为严重违反了与您的约定； |
|||
若我们决定响应您的删除请求，我们还将同时尽可能通知从我们处获得您的个人信息的主体，要求其及时删除，除非法律法规另有规定，或这些主体获得您的独立授权。当您从我们的服务中删除信息后，我们可能不会立即从备份系统中删除相应的信息，但会在备份更新时删除这些信息。 |
|||
</p> |
|||
<p class="trade_p_nobold">7.3注销账号。</p> |
|||
<p class="trade_p_nobold"> |
|||
您可以进行账户注销申请，在您注销账户前，我们将验证您的个人身份、安全状态、设备信息等。您知悉并理解，注销账户的行为是不可逆的行为，当您注销账户后，我们将根据适用的法律法规的要求尽快使其匿名或删除您的个人信息，但法律法规作出例外规定，我们会严格按照要求执行。 |
|||
</p> |
|||
<p class="trade_p_bold">8、隐私政策的适用及更新</p> |
|||
<p class="trade_p_nobold">8.1隐私政策的适用</p> |
|||
<p class="trade_bold">如果我们没有特别说明，本隐私政策适用于我们全部的服务。如我们发布的特定隐私政策与本政策存在不一致时，请以特定隐私政策为准。</p> |
|||
<p class="trade_p_nobold">8.2隐私政策的更新</p> |
|||
<p class="trade_bold"> |
|||
根据我们提供服务的更新情况，我们可能适时调整隐私政策，但未经您明确同意，我们不会削减您依据本隐私政策所应享的权利。如该等变更会导致您在本政策项下权利的实质减损，我们将在变更生效前，通过在页面显著位置提示或向您发送电子邮件的方式通知您。在该种情况下，若您继续使用我们的服务，我们履行法定的通知义务和程序后，即视为您接受隐私协议。 |
|||
</p> |
|||
<p class="trade_bold">9、如何联系我们</p> |
|||
<p class="trade_p_nobold">如果您对本隐私政策有疑问或者建议，请通过以下方式与我们联系：</p> |
|||
<p class="trade_p_nobold">深圳文化产权交易所</p> |
|||
<p class="trade_p_nobold">电话：0755-88266839 </p> |
|||
<p class="trade_p_nobold">邮箱：szwenjiaosuo@126.com</p> |
|||
<p class="trade_p_nobold">地址：深圳市福田区福田街道滨河大道5008号</p> |
|||
</div> |
|||
<div class="modal-footer" style="text-align: center;"> |
|||
<button type="button" id="btn_disagree" class="btn btn-default" data-dismiss="modal" style="color: #fff;background: #ff4081;border: 0;">不同意</button> |
|||
<button type="button" id="btn_submit" style="width: 66px;" class="btn btn-primary" data-dismiss="modal">同意</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 用户注册协议 --> |
|||
<div class="modal fade" id="my_userModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
|||
<div class="modal-dialog" role="document" style="width:1300px;"> |
|||
<div class="modal-content"> |
|||
<div class="modal-header"> |
|||
<button type="button" class="close" id="close_user_x" data-dismiss="modal" aria-label="Close"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
<h4 class="modal-title" id="myModalLabel">临时用户注册协议</h4> |
|||
</div> |
|||
<div class="modal-body trade_agreement" style="height:500px;overflow: auto;"> |
|||
<h1 class="trade_h" style="font-weight: normal;">临时用户注册协议</h1> |
|||
<p class="trade_bold">一、协议主体</p> |
|||
<p class="trade_p"> |
|||
注册人是指使用全国文化大数据交易中心（以下简称：平台）相关服务的使用人，即平台用户（以下简称：您），平台是为您提供全国文化大数据自主报价与点选成交为主、评估价与撮合成交为辅的交易方式及相关技术服务的信息中介平台。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
依据《中华人民共和国民法典》、《中华人民共和国电子商务法》、《中华人民共和国网络安全法》、《中华人民共和国数据安全法》、《广东省交易场所监督管理办法》等法律法规以及平台交易规则和相关配套规则，在平等、自愿、协商一致的基础上，您就平台账户注册、登录、认证、使用（包括但不限于PC端、移动终端等方式注册、登录及使用）和文化大数据交易或服务等相关事宜签署本协议。 |
|||
</p> |
|||
<p class="trade_bold">二、平台服务范围</p> |
|||
<p class="trade_bold">1、服务范围</p> |
|||
<p class="trade_p_indent_bold decora_line"> |
|||
您已经知晓参与的是平台上文化大数据交易及相关活动，平台仅向您提供综合文化大数据信息中介和交易结算服务，以便您参与的文化大数据交易活动得以顺利进行，平台的运营方并非参与文化大数据交易及相关活动的用户，您和平台的其他用户之间的商业关系等行为与平台的运营方无关，平台的运营方对此不承担任何责任。您知晓并确认，您对平台无任何权益主张。平台的运营方不对各用户的任何口头、书面陈述或者文化大数据信息的真实性、合法性和商业价值做任何明示或暗示的担保，或承担任何责任。 |
|||
</p> |
|||
<p class="trade_p_indent_bold decora_line"> |
|||
2、成为平台的用户，需要经过平台运营方的审核，审核通过之后，根据您提交的相关个人信息和开户信息等资料生成唯一的平台账户，运营方会根据相关规定以及您的申请意愿，授予您相应的“个人”和“机构”身份和权限。您知晓并认可本协议及账户等相关信息会自动上传，您可通过平台账户参与平台的文化大数据交易及相关活动。 |
|||
</p> |
|||
<p class="trade_bold">三、平台账户注册、使用与管理</p> |
|||
<p class="trade_p_nobold">1、平台账户注册</p> |
|||
<p class="trade_p_indent_bold decora_line"> |
|||
(1)您在注册账户时，应当严格遵守有关法律法规以及全国文化大数据交易平台的规则，必须提供真实、准确、完整、合法有效的资料，且有义务维持并及时更新资料，您提供的所有资料将被引用为注册信息。您保证不以他人资料在平台进行注册或认证。如您提供的资料不符合要求，需承担因此引起的全部法律责任及后果，平台保留终止您使用平台各项服务及追诉的权利。 |
|||
</p> |
|||
<p class="trade_p_indent_bold decora_line"> |
|||
（2）您在享受平台提供的相关服务过程中，应在全阶段（包括但不限于注册平台账户时）保证符合相关法律法规和本平台相关规则的规定、具备在平台独立注册及参与文化大数据交易活动相适应的权利能力和行为能力。若您不具备前述主体资格及能力，您应停止参与平台的交易活动，否则您应承担因此而导致的一切后果，平台的运营方不承担任何责任且有权向您追偿。 |
|||
</p> |
|||
<p class="trade_p_nobold">2、账户使用</p> |
|||
<p class="trade_p_indent_bold decora_line"> |
|||
您应妥善保管账户和密码等机密信息，并确保在平台的一切行为均为本人操作和使用，平台的运营方任何时候均不会主动要求您提供账户密码。凡使用您账户和密码的行为，均视为您本人的操作（包括但不限于在线签署各类协议、发布信息、参与文化大数据交易等），操作所产生的全部信息记录均为平台用户行为的有效凭据，您负全部责任。因您故意或过失泄露、主动或被动向第三人披露（包括但不限于借用、转让）账户而导致的损失及后果，由您自行妥善处理，平台不承担任何责任。您不应将账户、密码转让或出借予他人使用，如用户发现其账户遭他人非法使用，应立即通知平台的运营方。因黑客行为或您的保管疏忽等情形导致账户、密码遭他人非法使用，平台不承担任何责任。 |
|||
</p> |
|||
<p class="trade_p_indent_bold decora_line"> |
|||
您在注册账户过程中，将对应“个人”和“机构”两个选项，您可进行勾选确定参与类别。注册成功后您将可以在平台进行文化大数据交易信息的浏览，并可根据参与交易的需要，按要求办理相关手续。</p> |
|||
<p class="trade_p_nobold">3、账户管理</p> |
|||
<p class="trade_p_nobold"> |
|||
(1)您在参与文化大数据交易活动前，须在平台注册并开立交易账户。您需按平台要求填写相关资料，提供包括但不限于认证类型、账号持有者名称、持有者身份证明类型、身份证明号码、身份证明文件图片、交易银行卡开户行、交易银行卡账号、法人名称(机构)、法定代表人身份证号（机构）和身份证明文件图片（机构）等相关资料信息，并保证注册及交易方账户开立所需信息的真实、准确、完整、合法有效，并自行承担因此引起的法律责任及后果，平台保留终止您使用平台服务及追诉的权利。您充分理解并同意接收平台发送的相关信息，因您提供的信息不真实、不完整等原因导致使用平台服务受限，产生的不利后果，由您自行承担。如您所提供的信息发生变动，应在3个工作日内进行变更，因信息变更不及时或不准确等原因而导致的损失由您自行承担，平台不承担任何责任。 |
|||
</p> |
|||
<p class="trade_bold decora_line"> |
|||
(2)您须保证参与平台的文化大数据交易活动的资金来源和性质的合法性，并自行承担因资金引起的法律责任及后果，平台有权在发现您存在或出现资金问题时限制或终止您享受平台服务的权利。</p> |
|||
<p class="trade_bold decora_line"> |
|||
(3)您同意并接受平台将个人资料和交易资料用于必要或适当的用途，包括但不限于对资料和信息进行收集、整理、核对、平台业务分析使用，以及提供给平台白名单合作机构、中介服务机构、支付与结算服务公司等相关服务机构。您注册成功时，即表示您同意平台收集并使用您的资料，并接受平台通过短信、电子邮件或其他方式向您发送宣传推广或者其他相关信息。您授权平台及运营方的相关关联方有权使用您提供的各项信息。在法律法规规定范围内，平台有权向相关国家机关及持相关国家机关出具的相关法律文书(包括但不限于介绍函、委托书等)的机构或个人提供您在使用平台服务时所储存的相关信息。平台重视您的个人信息保护，并不会将您的相关信息提供给与业务无关的个人或机构、也不会将您的上述相关信息用于与本协议无关的业务，向第三方提供您个人信息时，平台亦会坚持最小化提供的原则，并符合国家的相关规定。 |
|||
</p> |
|||
<p class="trade_p_nobold"> |
|||
(4)您须自行备份储存在平台中的数据。如果您的服务终止，您授权及同意平台将有关的数据永久删除，服务终止后平台及运营方没有继续储存您的数据的义务。 |
|||
</p> |
|||
<p class="trade_p_nobold">4、知识产权</p> |
|||
<p class="trade_bold decora_line"> |
|||
您同意及确认：您在平台上因交易行为及使用平台服务所产生的交易数据和行为数据包括但不限于文字、照片、客户评论的用户画像数据等的知识产权归平台运营方所有，即平台是上述用户画像数据的唯一产权人，受相关法律的保护。 |
|||
</p> |
|||
<p class="trade_p_nobold">5、不活跃账号回收</p> |
|||
<p class="trade_bold decora_line">如您的账号同时符合以下条件，则平台可回收您的账号，您的账号将不能再登录平台，相应服务同时终止：</p> |
|||
<p class="trade_p_nobold">(1)未绑定通过身份认证的账号；</p> |
|||
<p class="trade_p_nobold">(2)连续十二个月未用于登录平台.</p> |
|||
<p class="trade_p_nobold">(2)不存在未到期的有效业务。</p> |
|||
<p class="trade_bold">四、注意事项</p> |
|||
<p class="trade_bold decora_line"> |
|||
1、您若存在违反中华人民共和国法律法规或全国文化大数据交易平台的相关规则等情形，包括但不限于申请注册时提供的资料存在使用他人信息或者使用虚假信息或证件、资金来源不合法，导致损害了国家利益、公共利益、平台合法权益、第三人合法权益，平台的运营方有权对您采取相应的管控措施，其中包括但不限于警告、冻结账户、注销账户等。 |
|||
</p> |
|||
<p class="trade_bold decora_line"> |
|||
2、如果您违反法律法规、违反本协议约定或存在任何恶意行为，无论经平台发现或第三人投诉，平台有权随时对相关内容进行删除、屏蔽，以及采取包括但不限于警告、限制或禁止使用部分或全部功能、账户封禁、注销账户等一切措施，平台无需通知您。 |
|||
</p> |
|||
<p class="trade_bold decora_line"> |
|||
3、平台可对您违法违规或违约行为采取处理措施，可将相应信息在平台上予以公示，因违反本协议或相关服务条款，导致第三方主张的任何索赔，由您独立承担责任，平台因此遭受的损失，由您负责赔偿。</p> |
|||
<p class="trade_p_nobold"> |
|||
4、您违法违规或违约的，平台有权采取一切合法措施并追究您的责任，并将有关信息报告及移交相关国家机关及持相关法律文书的机构或个人，您应自行承担由此而产生的一切法律责任。</p> |
|||
<p class="trade_p_nobold">5、<span class="trade_bold decora_line">您确认:</span></p> |
|||
<p class="trade_bold decora_line">(1)在平台上参与文化大数据交易活动纯属自愿行为，未受任何人欺诈胁迫；</p> |
|||
<p class="trade_bold decora_line">(2)平台上的文化大数据由各用户提供，而非由平台提供，您自行评估是否参与文化大数据交易行为；</p> |
|||
<p class="trade_bold decora_line"> |
|||
(3)文化大数据的相关信息是根据卖方/授权方用户(包括其委托的如评估、评价等专业第三方)提供交易标的的信息在平台上予以显示，平台对该等信息不承担任何责任；</p> |
|||
<p class="trade_bold decora_line">(4)您应对文化大数据交易标的的相关信息自行解读和判断；</p> |
|||
<p class="trade_bold decora_line">(5)平台上交易的文化大数据交易标的，平台可以参考文化大数据评估或评价情况、市场同类文化数据行情提示交易价格。</p> |
|||
<p class="trade_p_nobold"><span |
|||
class="weight_bold decora_line">(6)平台运营方因平台向您提供服务付出了大量的成本，如未来平台运营方向您收取合理费用，平台运营方会采取合理途径并以足够合理的期限提前以您预留的联系方式通知您，确保您有充分选择的权利。</span>平台收费科目包括但不限于：交易主体进场费、委托费、交易佣金、服务佣金、年审费、培训费用等。<span |
|||
class="weight_bold decora_line">若您是买方/被授权方用户，平台在您提交交易订单所生成订单中提示需收取您的相关费用；若您是卖方/授权方用户，将由您授权同意与平台合作的第三方支付结算服务公司的分账及代收代付等相关业务，由第三方支付结算服务公司先代收代付平台和服务方相关费用后再结算您剩余应得的交易价款部分。</span> |
|||
</p> |
|||
<p class="trade_p_nobold"> |
|||
6、如您因严重违约导致平台中止或终止本协议时，出于维护平台秩序和权益的目的，平台及/或其关联方可对与您在其他协议项下的合作采取中止或终止协议的措施，并以您注册时预留的联系方式通知您。</p> |
|||
<p class="trade_p_nobold"> |
|||
7、您需特别注意平台上的文化大数据存在交易有效期限，具体以卖方/授权方在平台展示的信息为准。文化大数据交易标的到期，平台将对文化大数据交易标的进行下架处理，但下架的原因还包括但不限于因市场、政策或其他原因导致文化大数据交易标的提前下架，下架前，平台原则上会提前公告或通知相关信息，敬请您留意相关公告或通知信息。您需谨慎选择是否参与文化大数据交易标的交易，在下架后应在规定的期限内及时交割下载处理，如您未及时交割下载，相关后果将由您自行承担，平台不承担任何责任。 |
|||
</p> |
|||
<p class="trade_bold">五、用户行为规范</p> |
|||
<p class="trade_bold">1、您使用平台服务，必须遵守中华人民共和国相关法律法规的规定，应当遵循善意、和平、友好、诚实守信的原则，您确认不利用平台进行任何违法违规或不正当的活动，包括但不限于： |
|||
</p> |
|||
<p class="trade_p_nobold">(1)上传、展示、张贴、传播或以其它方式传送含有下列内容之一的信息:</p> |
|||
<p class="trade_p_nobold">①违反法律法规禁止性规定的;</p> |
|||
<p class="trade_p_nobold">②危害国家安全，泄露国家秘密,颠覆国家政权，破坏国家统一的;</p> |
|||
<p class="trade_p_nobold">③损害国家荣誉和利益的；</p> |
|||
<p class="trade_p_nobold">④煽动民族仇恨、民族歧视、破坏民族团结的；</p> |
|||
<p class="trade_p_nobold">⑤破坏国家宗教政策，宣扬邪教和封建迷信的；</p> |
|||
<p class="trade_p_nobold">⑥散布谣言，扰乱社会秩序，破坏社会稳定的；</p> |
|||
<p class="trade_p_nobold">⑦散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；</p> |
|||
<p class="trade_p_nobold">⑧侮辱或者诽谤他人，侵害他人合法权利的；</p> |
|||
<p class="trade_p_nobold">⑨含有虚假、有害、胁迫、侵害他人隐私、骚扰、侵害、中伤、粗俗或其它道德上令人反感的内容，或其他有悖善良风俗的内容；</p> |
|||
<p class="trade_p_nobold">⑩含有其它违法违规内容的。</p> |
|||
<p class="trade_p_nobold">(2)利用平台从事以下活动：</p> |
|||
<p class="trade_p_nobold">①未经允许，进入计算机信息网络或者使用计算机信息网络资源的；</p> |
|||
<p class="trade_p_nobold">②未经允许，对计算机信息网络功能进行删除、修改或者增加的；</p> |
|||
<p class="trade_p_nobold">③未经允许，对进入计算机信息网络中存储、处理或者传输的数据和应用程序进行删除、修改或者增加的；</p> |
|||
<p class="trade_p_nobold">④故意制作、传播计算机病毒等破坏性程序的；</p> |
|||
<p class="trade_p_nobold">⑤其他危害计算机信息网络安全的行为。</p> |
|||
<p class="trade_p_nobold">(3)其他基于非法或不正当目的而使用平台服务的行为。</p> |
|||
<p class="trade_p_nobold">(4)不得利用参与本平台业务名义，擅自进行公开宣传，或者向不特定人群集资。</p> |
|||
<p class="trade_p_nobold">2、您注册的账户名称如存在违反法律法规或国家政策要求，或侵犯任何第三方合法权益的情况，平台有权收回该账户名称。</p> |
|||
<p class="trade_p_nobold"> |
|||
3、如您在使用平台时违反任何上述规定，平台有权要求改正或直接采取一切必要的措施（包括但不限于更改或删除用户张贴的内容、暂停或终止用户使用平台服务的权利等）以减轻和消除用户不当行为造成的影响。</p> |
|||
<p class="trade_p_nobold">4、您不得对在使用平台服务中获得的信息进行出售、转出售或用于任何其它商业目的。</p> |
|||
<p class="trade_p_nobold"> |
|||
5、您须对自身在使用平台服务过程中的行为承担法律责任。您承担法律责任的形式包括但不限于：对受到侵害者进行赔偿，以及如果在平台运营方首先承担了因您行为导致的行政处罚或侵权损害赔偿责任后，您应给予平台运营方赔偿，赔偿范围包括平台运营方向第三方支付的赔偿、罚款以及平台运营方因此而受到的全部损失。 |
|||
</p> |
|||
<p class="trade_p_nobold">6、您在文化大数据交易过程中与其他用户发生争议的，您应自行与其他用户协商解决，平台可视情况进行调解。</p> |
|||
<p class="trade_bold decora_line"> |
|||
7、因您参与文化大数据交易活动引发争议至国家相关部门寻求解决的，以及其他可能产生对平台运营方造成损失或不良影响的情形，平台运营方可根据情节的严重程度采取包括但不限于监管、限制交易、限制发布、屏蔽、冻结账户、冻结货款、注销账户等临时性或终局性的管控措施。 |
|||
</p> |
|||
<p class="trade_p_nobold"> |
|||
8、您在使用平台服务过程中，不得侵犯平台其他用户的权利。如第三方侵犯用户在平台上的相关权益，平台可配合采取相应的应对措施，包括但不限于要求停止侵权行为、损害赔偿和提起诉讼等。</p> |
|||
<p class="trade_bold">六、违约及处理</p> |
|||
<p class="trade_p_nobold">1、违约认定发生如下情形之一的，视为您违约：</p> |
|||
<p class="trade_bold decora_line">(1)使用平台及参与文化大数据交易活动时违反有关法律法规规定的；</p> |
|||
<p class="trade_bold decora_line">(2)违反本协议或协议相关规章制度承诺约定的。</p> |
|||
<p class="trade_bold decora_line"> |
|||
为适应市场发展及客户需求对高效优质平台服务的需求，您理解并同意，平台运营方可在全国文化大数据交易平台规则中约定违约认定的程序和标准。如：可依据您的用户数据与海量用户数据的关系来认定您是否构成违约；您有义务对您的数据异常现象进行充分举证和合理解释，否则将被认定为违约。 |
|||
</p> |
|||
<p class="trade_p_nobold">2、违约处理措施</p> |
|||
<p class="trade_bold decora_line"> |
|||
(1)行为限制：您在平台上实施的行为，或虽未在平台上实施但对平台及其用户产生影响的行为构成违约的，平台可依据相应规则对您执行账户扣分、限制参加平台活动、中止向您提供部分或全部服务、划扣违约金等处理措施。如您的行为构成根本违约的，平台可冻结或注销您的账户，终止向您提供服务。 |
|||
</p> |
|||
<p class="trade_bold decora_line"> |
|||
(2)支付账户处理：当您违约的同时存在欺诈、售假、盗用他人账户等特定情形或您存在危及他人交易安全或账户安全风险时，平台会依照您行为的风险程度指示支付公司对您的支付账户采取取消收款、资金止付等强制措施。</p> |
|||
<p class="trade_bold decora_line">(3)处理结果公示：平台运营方可将对您上述违约行为处理措施信息以及其他经国家行政或司法机关生效法律文书确认的违法信息在平台上予以公示。</p> |
|||
<p class="trade_p_nobold">3、赔偿责任</p> |
|||
<p class="trade_bold decora_line"> |
|||
如果您的行为使平台运营方及其相关关联方遭受损失(包括自身的直接经济损失、商誉损失及对外支付的赔偿金、和解款、律师费、诉讼费等间接经济损失)，您应赔偿平台运营方及其相关关联方的上述全部损失。</p> |
|||
<p class="trade_bold decora_line">如您的行为使平台运营方及其相关关联方遭受第三人主张权利，平台运营方及其相关关联方可在对第三人承担金钱给付等义务后就全部损失向您追偿。</p> |
|||
<p class="trade_bold decora_line"> |
|||
如因您的行为使得第三人遭受损失或您怠于履行调解决定、平台运营方及其相关关联方出于社会公共利益保护目的，可指示支付公司自您的支付账户中划扣相应款项进行支付。如您的支付余额或保证金不足以支付相应款项的，您同意委托平台运营方使用自有资金代您支付上述款项，您应当返还该部分费用并赔偿因此造成平台运营方的全部损失。 |
|||
</p> |
|||
<p class="trade_bold decora_line">您同意平台运营方指示第三方支付结算公司自您的支付账户中划扣相应款项支付上述赔偿款项。</p> |
|||
<p class="trade_p_nobold">4、特别约定</p> |
|||
<p class="trade_p_nobold"> |
|||
(1)商业贿赂：如您向平台运营方及其相关关联方的雇员或顾问等提供实物、现金、现金等价物、劳务、旅游等明显超出正常商务洽谈范畴的价值，则可视为您存在商业贿赂行为。发生上述情形的，平台运营方可立即终止与您的所有合作并向您收取违约金及赔偿金，该等金额以平台运营方因您的贿赂行为而遭受的经济损失和商誉损失作为计算依据。 |
|||
</p> |
|||
<p class="trade_p_nobold"> |
|||
(2)关联处理：如您因严重违约导致平台运营方中止或终止本协议时，出于维护平台秩序的目的，平台运营方及其相关关联方可对与您在其他协议项下的合作采取中止或终止协议的措施，并以您注册时预留的联系方式通知您。</p> |
|||
<p class="trade_bold">七、协议生效</p> |
|||
<p class="trade_bold decora_line"> |
|||
1、您同意且勾选确认本协议时，本协议自动生效，即表示您主动接受本协议的各项约定，并愿意就违反本协议约定承担相应的法律责任。现有的协议约定也不能保证完全符合未来发展的需求。因此，平台发布的交易规则、管理制度及相关声明等均为本协议的补充约定，与本协议不可分割且具有同等法律效力。如您使用平台服务或参与文化大数据交易活动，视为您同意上述补充约定。 |
|||
</p> |
|||
<p class="trade_p_nobold">2、您须知本协议中任何条款被废止、无效或因任何理由不可执行，不影响任何其它条款的有效性和可执行性。</p> |
|||
<p class="trade_p_nobold"> |
|||
3、平台运营方有权根据需要制定或修改相关规则、规章制度等，该等已经公布的或将来公布的相关规则、规章制度等，视为本协议不可分割的一部分，与协议正文具有同等的法律效力，经平台运营方公布即生效。</p> |
|||
<p class="trade_p_nobold">4、平台运营方保留在法律框架下对本协议的解释权。</p> |
|||
<p class="trade_bold">八、协议的变更及终止</p> |
|||
<p class="trade_p_nobold">1、变更事项</p> |
|||
<p class="trade_p_nobold"> |
|||
根据国家法律法规变化及平台运营需要，平台运营方有权对本协议条款、相关规则、运营主体等进行修订及变更，修订及变更后的内容一经以任何形式在平台公布即生效，并以新修订及变更后的内容为准，您应不时关注包括但不限于平台公告、通知、提示信息及协议、规则等相关内容的变动，平台不逐一、单独、分别书面通知各用户。您知悉并确认，如您不同意更新后的内容，应立即停止使用平台服务；如您继续使用，即视为知悉变动内容并默认同意接受。 |
|||
</p> |
|||
<p class="trade_p_nobold">2、终止的情形</p> |
|||
<p class="trade_p_nobold">出现以下情况时，平台运营方可通过您注册时预留的联系方式通知您终止本协议：</p> |
|||
<p class="trade_p_nobold">①您违反本协议约定，平台运营方依据违约条款终止本协议的；</p> |
|||
<p class="trade_p_nobold">②您盗用他人账户、发布违禁信息、骗取他人财物、售假、扰乱市场秩序、采取不正当手段谋利等行为，平台运营方依据平台规则对您的账户予以查封的；</p> |
|||
<p class="trade_p_nobold">③除上述情形外，因您多次违反平台规则相关规定且情节严重，平台运营方依据平台规则对您的账户予以查封的；</p> |
|||
<p class="trade_p_nobold">④您的账户被平台运营方依据本协议回收的；</p> |
|||
<p class="trade_p_nobold">⑤您在平台有欺诈、发布或销售假冒/侵权文化大数据产品、侵犯他人合法权益或其他严重违法违约行为的；</p> |
|||
<p class="trade_p_nobold">⑥其它应当终止服务的情况。</p> |
|||
<p class="trade_p_nobold">3、协议终止后的处理</p> |
|||
<p class="trade_p_nobold">(1)本协议终止后，除法律有明确规定外，平台运营方无义务向您或您指定的第三方披露您账户中的任何信息。</p> |
|||
<p class="trade_p_nobold">(2)本协议终止后，平台运营方仍享有下列权利：</p> |
|||
<p class="trade_p_nobold">①继续保存您留存于平台的各类信息；</p> |
|||
<p class="trade_p_nobold">②对于您过往的违约行为，平台运营方仍可依据本协议向您追究违约责任。</p> |
|||
<p class="trade_p_nobold">(3)本协议终止后，对于您在本协议存续期间产生的交易订单，您需自行及时联系卖方/授权方进行交割下载处理，平台运营方对此不承担任何责任。 |
|||
</p> |
|||
<p class="trade_bold">九、法律适用及争议解决</p> |
|||
<p class="trade_bold decora_line"> |
|||
本协议的订立、执行、终止和解释及争议的解决均应适用中国法律。本协议的签署地点为中华人民共和国深圳市福田区，如您与平台运营方就本协议内容或其执行发生任何争议，双方友好协商解决。协商不成，任何一方可向深圳市福田区人民法院诉讼解决。 |
|||
</p> |
|||
<p class="trade_bold decora_line"> |
|||
特别提示：您在使用本平台之前，请您务必审慎阅读并充分理解本协议各条款内容，特别是涉及免除或者限制责任的条款、对权利进行限制的条款、争议解决条款等。其中，免除或者限制责任条款将以加粗、加下划线等形式提示您注意，您应重点阅读。 |
|||
</p> |
|||
<p class="trade_bold decora_line"> |
|||
如您自主选择注册或使用本平台及相关服务，即视为您已充分理解本协议，完全同意本协议各项内容，并同意作为本协议的一方当事人接受本协议及相关协议和规则（包括但不限于《临时隐私政策》）的约束。</p> |
|||
<p class="trade_p_nobold">深圳文化产权交易所</p> |
|||
<p class="trade_p_nobold">电话：0755-88266839 </p> |
|||
<p class="trade_p_nobold">邮箱：szwenjiaosuo@126.com</p> |
|||
<p class="trade_p_nobold">地址：深圳市福田区福田街道滨河大道5008号</p> |
|||
</div> |
|||
<div class="modal-footer" style="text-align: center;"> |
|||
<button type="button" id="btn_user_disagree" class="btn btn-default" data-dismiss="modal" style="color: #fff;background: #ff4081;border: 0;">不同意</button> |
|||
<button type="button" id="btn_user_submit" style="width: 66px;" class="btn btn-primary" data-dismiss="modal">同意</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 临时免责条款 --> |
|||
<div class="modal fade" id="my_exceptions" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
|||
<div class="modal-dialog" role="document" style="width:1300px;"> |
|||
<div class="modal-content"> |
|||
<div class="modal-header"> |
|||
<button type="button" class="close" id="close_exceptions_x" data-dismiss="modal" aria-label="Close"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
<h4 class="modal-title" id="myModalLabel">临时免责条款</h4> |
|||
</div> |
|||
<div class="modal-body trade_agreement" style="height:500px;overflow: auto;"> |
|||
<h1 class="trade_h">临时免责条款</h1> |
|||
<p class="trade_p_nobold">一、免责条款与风险揭示</p> |
|||
<p class="trade_bold decora_line"> |
|||
1、全国文化大数据交易中心及交易平台技术系统（以下简称：平台）仅向授权方/卖方、被授权方/买方、中介服务机构等用户提供相关服务以便完成文化大数据的交易活动，但不对文化大数据交易可获得利益进行任何承诺，更不对授权方/卖方、被授权方/买方、中介服务机构及任何其他方的商业行为承担任何责任。</p> |
|||
<p class="trade_bold decora_line"> |
|||
2、平台没有任何投资或理财产品的属性，您在平台参与的交易活动均是以文化大数据交易为目的达成的商业行为。您参与商业行为可能盈利或亏损，该盈利与亏损均属于参与商业行为产生的正常商业风险，平台不对您参与商业行为可能产生的盈亏做任何承诺、保证和担保。 |
|||
</p> |
|||
<p class="trade_bold decora_line">3、平台对文化大数据交易活动的各参与方按相关规则进行审查，但不承担连带担保责任，交易活动中的各项信息您应当自主解读并审慎决策。您如获得本平台外由授权方/卖方、被授权方/买方、中介服务机构等用户提供的额外服务（包括但不限于积分、艺术品券等）所产生的收益或损失，均为您的个人行为，由此产生的一切法律风险及不良后果，由您自行享有和承担，与平台无关。</p> |
|||
<p class="trade_bold decora_line">4、您应严格按用户注册协议、平台交易规则、规章制度及平台发布的其他各类指引、操作流程等、使用平台提供的服务，以下情形产生的损失，平台不承担任何责任：</p> |
|||
<p class="trade_p_nobold">(1)您未正确执行操作指令，包括但不限于指令信息不明、存在乱码或不完整等.</p> |
|||
<p class="trade_p_nobold">(2)因市场、政策、文化大数据交易标的到期、违反平台规则或其他原因(包括 但不限于<span class="trade_bold decora_line">授权方/卖方、被授权方/买方、</span>接受中介服务机构提供的鉴定、评估、评价、保险服务等行为产生的风险)，文化大数据交易标的可能随时停止交易或下架等；</p> |
|||
<p class="trade_p_nobold">(3)平台发现账户疑似被他人使用、账户共享、终端设备被远程监控、账户被拦截情况下登录等异常情况，平台主动切断连接口；</p> |
|||
<p class="trade_p_nobold">(4)您终端设备存在计算机病毒、恶意程序、黑客攻击等；电力供应故障、网络通讯故障、服务器兼容性、系统升级维护等；</p> |
|||
<p class="trade_p_nobold">(5)出现无法预见、无法避免且无法克服的包括但不限于自然灾害、罢工、暴乱、战争、法律法规及政策变更、行政行为、司法行为等不可抗力；</p> |
|||
<p class="trade_p_nobold">(6)根据当时的科学技术水平尚不能发现或不能解决的缺陷、漏洞或瑕疵造成的损失；</p> |
|||
<p class="trade_p_nobold">(7)其他非平台原因造成损失的情形。</p> |
|||
<p class="trade_bold decora_line">5、您承诺并同意使用平台服务时所存在的任何风险将完全由您自身承担。</p> |
|||
<p class="trade_bold decora_line">6、您承诺并同意下载或通过平台技术系统取得的任何信息资料取决于用户自己，并承担系统受损、资料丢失以及其它任何风险。平台有权于任何时间暂时或永久修改或终止平台服务，而无论通知与否，平台对用户和任何第三方均无需承担任何责任。</p> |
|||
<p class="trade_bold decora_line">特别提示：您在使用本平台之前，请您务必审慎阅读并透彻理解本文件。您自主选择注册或使用本平台及相关服务，即视为您已充分理解本协议，完全同意和认可各项内容。</p> |
|||
<p class="trade_p_nobold">深圳文化产权交易所</p> |
|||
<p class="trade_p_nobold">电话：0755-88266839 </p> |
|||
<p class="trade_p_nobold">邮箱：szwenjiaosuo@126.com</p> |
|||
<p class="trade_p_nobold">地址：深圳市福田区福田街道滨河大道5008号</p> |
|||
</div> |
|||
<div class="modal-footer" style="text-align: center;"> |
|||
<button type="button" id="btn_exceptions_disagree" class="btn btn-default" data-dismiss="modal" style="color: #fff;background: #ff4081;border: 0;">不同意</button> |
|||
<button type="button" id="btn_exceptions" style="width: 66px;" class="btn btn-primary" data-dismiss="modal">同意</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<script src="../js/public.js"></script> |
|||
<script src="../js/login.js"></script> |
|||
<script src="../js/User.js"></script> |
|||
<script src="../js/browse_check.js"></script> |
|||
</body> |
|||
|
|||
</html> |
|||
|
After Width: | Height: | Size: 290 KiB |
|
After Width: | Height: | Size: 60 KiB |
@ -0,0 +1,162 @@ |
|||
<!DOCTYPE html> |
|||
<html> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<link rel="icon" id="headLogo" href="../images/favicon.jpg"> |
|||
<title>临时场内交易主体进场协议</title> |
|||
<link rel="stylesheet" href="../css/agreement.css"> |
|||
</head> |
|||
<body> |
|||
<div class="trade_agreement"> |
|||
<h1 class="trade_h11">全国文化大数据交易中心</h1> |
|||
<p class="p1"></p> |
|||
<h1 class="trade_h">临时场内交易主体进场协议</h1> |
|||
<h2 class="trade_h12" style="font-weight: normal;">（授权方/卖方、被授权方/买方、中介服务机构席位适用）</h2> |
|||
<p class="trade_p">全国文化大数据交易中心（以下简称：平台）场内交易主体的角色包括：授权方/卖方、被授权方/买方以及中介服务机构。</p> |
|||
<p class="trade_p"> |
|||
授权方/卖方是指经数据技术解构后通过平台授权或转让其文化资源数据及文化数字内容的各类数据权属主体（以下简称：您），平台是为您提供全国文化大数据自主报价与点选成交为主、评估价与撮合成交为辅的交易方式及相关技术服务的信息中介平台。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
被授权方/买方是指可通过平台受让或被授权所需文化资源数据及文化数字内容并接收相关服务的使用人（以下简称：您），平台是为您提供全国文化大数据自主报价与点选成交为主、评估价与撮合成交为辅的交易方式及相关技术服务的信息中介平台。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
中介服务机构即数据服务方（以下简称：您），是经平台进场审核通过后，围绕文化数据交易主体各方提供政策、法律、金融、评估、财务、技术等第三方服务的合法持牌机构，也是为文化数据提供数字化服务、资产管理与服务的服务性机构。 |
|||
</p> |
|||
<p class="trade_p"> |
|||
本协议中的部分条款仅针对特定交易主体角色适用，详见本协议具体条款标注说明，未作特定标注说明的适用于所有角色。 |
|||
</p> |
|||
<p class="trade_p">依据国家及平台相关法律法规，在平等、自愿的基础上，就您作为场内交易主体参与交易及相关服务等事宜签署本协议。</p> |
|||
<h3 class="trade_h12_bold">专用条款</h3> |
|||
<p class="trade_p"> |
|||
第一条 平台系全国文化大数据交易的运营方，您自愿申请成为平台的文化大数据场内交易主体，自愿遵守《国家文化大数据交易规则（试行）》及其他相关配套业务规定，并自愿接受平台对场内交易主体的审核和管理。 |
|||
</p> |
|||
<p class="trade_p">第二条 |
|||
您同意将自身所有的文化数据标的（以下简称交易标的）在平台交易，并同意平台作为交易标的唯一的交易平台，进行交易标的的转让或授权。您承诺，您对在平台转让/授权的交易标的具有完全、充分的所有权或授权，不存在抵押、质押、冻结、查封、禁令等可被第三人主张或限制的权利瑕疵，且交易标的获得国家文化大数据标识符（ISLI）编码。（授权方/卖方适用） |
|||
</p> |
|||
<p class="trade_p">您同意以自有合法来源资金在平台参与交易标的交易，并同意依法依约履行被授权方/买方的各项义务。（被授权方/买方适用）</p> |
|||
<p class="trade_p">您承诺，您在相关专业领域具有充足经验及资源，并依法具备相应资质，能够满足相关中介服务机构的需求。（中介服务机构适用）</p> |
|||
<p class="trade_p">第三条 您应当在本协议签署之日起向平台提供以下材料电子文档：</p> |
|||
<p class="trade_p">（一）授权方/卖方、被授权方/买方提供：</p> |
|||
<p class="trade_p">1、平台技术系统填报的基础信息；</p> |
|||
<p class="trade_p">2、营业执照、组织机构代码证、身份证等主体证明材料的复印件/扫描件；</p> |
|||
<p class="trade_p">3、法定代表人身份证复印件（法人提供）；</p> |
|||
<p class="trade_p">4、被授权人、联系人的授权文件，以及、被授权人、联系人身份证复印件（法人提供）；</p> |
|||
<p class="trade_p">5、您用于绑定结算账户开户银行信息；</p> |
|||
<p class="trade_p">6、您的门头招牌照片（个人不需要提供）；</p> |
|||
<p class="trade_p">7、平台认为需要提交的其他材料。</p> |
|||
<p class="trade_p">平台可视情况免除您提交全部或部分材料的义务。</p> |
|||
<p class="trade_p">（二）中介服务机构提供：</p> |
|||
<p class="trade_p">1、平台技术系统填报的基础信息；</p> |
|||
<p class="trade_p">2、营业执照、执业许可证等主体证明材料的复印件/扫描件；</p> |
|||
<p class="trade_p">3、法定代表人身份证复印件；</p> |
|||
<p class="trade_p">4、被授权人、联系人的授权文件，以及、被授权人、联系人身份证复印件；</p> |
|||
<p class="trade_p">5、您及您股东的中国人民银行征信报告（金融类机构适用）；</p> |
|||
<p class="trade_p">6、中介服务机构的相关资质材料；</p> |
|||
<p class="trade_p">7、您用于绑定结算账户开户银行信息；</p> |
|||
<p class="trade_p">8、您的门头招牌照片；</p> |
|||
<p class="trade_p">9、平台认为需要提交的其他材料。</p> |
|||
<p class="trade_p">第四条 |
|||
您认同国家建设全国文化大数据统一市场的前提和原则，遵从使用统一交易引擎、统一交易规则、统一收费标准、统一交易支付及统一交易结算的“五统一”要求；遵从线上签约、线上缴费的管理规定。</p> |
|||
<p class="trade_p">第五条 您作为授权方/卖方，勾选确认本协议后，视为您认可在平台进行的操作，一旦完成委托、交易、结算和交割等行为，视为您认可完成交易流程，并无任何异议。（授权方/卖方适用）</p> |
|||
<p class="trade_p">您作为被授权方/买方，勾选确认本协议后，视为您认可在平台进行的操作，一旦完成被授权/购买、交易、支付结算和交割等行为，视为您认可完成交易流程，并无任何异议。（被授权方/买方适用） |
|||
</p> |
|||
<p class="trade_bold">第六条 <span class="decora_line">您不得有以下行为，否则平台有权解除协议并撤销您的业务参与者身份角色，已收取款项不予退回：</span></p> |
|||
<p class="trade_p">1、提供虚假材料；</p> |
|||
<p class="trade_p">2、虚假宣传，误导客户；</p> |
|||
<p class="trade_p">3、通过未经平台同意的第三方进行宣传，或者未经平台同意进行公开宣传；</p> |
|||
<p class="trade_p">4、使用未经平台同意的冠名称呼进行宣传；</p> |
|||
<p class="trade_p">5、涉嫌包括但不限于非法集资、传销、非法吸收公众存款、洗钱、走私、贿赂、输送不当利益等违法情形；</p> |
|||
<p class="trade_p">6、在宣传工作中不恰当使用平台的标识、图案、文字等信息；</p> |
|||
<p class="trade_p"> |
|||
7、从事NFT、数字藏品、代币发行融资、虚拟货币等业务或进场后从事NFT、数字藏品、代币发行融资、虚拟货币等可能对全国文化大数据交易中心产生负面影响的业务，包括但不限于为上述业务及相关业务活动提供经营场所、商业展示、营销宣传、付费导流、投资融资、间接服务等； |
|||
</p> |
|||
<p class="trade_p"> |
|||
8、向客户承诺获利，承诺与客户共享收益、分担风险；未经平台同意，以平台的名义签署协议，或私下收取费用；以从平台转让交易标的或者授权为名，未经平台同意利用平台名义开展经营活动（授权方/卖方适用）；</p> |
|||
<p class="trade_p"> |
|||
9、合法合理使用文化数据交易标的，不得侵害他人合法权益；以非自有或者非法资金参与交易；以从平台购买交易标的或者被授权为名，未经平台同意利用平台名义开展经营活动（被授权方/买方适用）；</p> |
|||
<p class="trade_p"> |
|||
10、向客户承诺获利，承诺与客户共享收益、分担风险；未经平台同意，以平台的名义签署协议，或私下收取费用；未经平台同意，向第三方转让平台在本协议中委托您的业务；以本协议或与平台合作为名向不特定公众集资；未经平台同意超出平台授权范围开展业务（中介服务机构适用）； |
|||
</p> |
|||
<p class="trade_p">11、其他恶意和违法违规行为。</p> |
|||
<h3 class="trade_h12_bold">自定义条款</h3> |
|||
<p class="trade_p">第一条 |
|||
交易主体实行年度检查或年审制，协议一年一签。本协议自您勾选确认角色并缴纳费用之日起有效期为1年。中介服务机构实行年审制，若您为中介服务机构的，本年度内无违法违规、未违反《国家文化大数据交易规则（试行）》和相关管理办法、规定的的机构可续约次年的进场协议。 |
|||
</p> |
|||
<p class="trade_p">第二条 |
|||
场内交易主体角色包括：授权方/卖方、被授权方/买方以及中介服务机构。上述角色可单选或多选，单选的属于专业席位，选择任意2个角色或选择3个角色的属于综合席位（二合一）或综合席位（三合一）。</p> |
|||
<p class="trade_p">您选择专业席位的，须缴纳交易主体进场费20万元/年；</p> |
|||
<p class="trade_p">您选择综合席位（二合一）的，须缴纳交易主体进场费40万元/年；</p> |
|||
<p class="trade_p">您选择综合席位（三合一）的，须缴纳交易主体进场费60万元/年。</p> |
|||
<p class="trade_p">第三条 |
|||
您在平台技术系统内根据自身需要进行交易主体进场申请并提交相关资料后选择进场相应角色，即为同意支付按照自身身份需要对应的场内交易主体进场费用。进场费用以您在平台实际支付的费用为准。</p> |
|||
<p class="trade_p">第四条 在本协议执行过程中，若平台收费标准调整，场内交易主体须按平台调整后的收费标准执行。</p> |
|||
<h3 class="trade_h12_bold">通用条款</h3> |
|||
<p class="trade_p">第一条 |
|||
平台在您交齐资料之日起15个工作日内对您提交的资料进行审核，并确定是否通过交易主体进场审核。您通过进场审核的，平台在通过进场审核的3个工作日内向您核发唯一、专属的身份标识码，<span |
|||
class="trade_bold decora_line">您凭标识码绑定身份信息及收款信息进行本协议约定的费用结算事项，</span> <span |
|||
class="decora_line">您参与平台各项业务，凭码交易和服务，凭码结算。但您为会计、律所、评估等需要行政机关审批设立的中介机构可自行与需求方另行签署服务/委托合同并按相关合同处理。</span> |
|||
</p> |
|||
<p class="trade_p">第二条<span class="trade_bold decora_line"> |
|||
您应妥善保管自身在平台的账号密码以及标识码，您同意以账号密码在平台登录所进行的一切操作属于您的行为，您承担自身账号在平台操作的一切行为的权利义务。</span></p> |
|||
|
|||
<p class="trade_p">第三条<span class="trade_bold decora_line"> |
|||
您未通过交易主体进场审核的，按照平台要求修改或进行完善。经修改或完善仍未通过审核的，已收交易主体进场费予以退还。</span></p> |
|||
<p class="trade_p"><span class="decora_line">平台</span>对您进行年度<span |
|||
class="decora_line">检查或年审，</span>通过再次进场审核后，须与平台重新签订本协议，并缴纳交易主体次年进场费用。</p> |
|||
|
|||
<p class="trade_p">第四条<span class="trade_bold decora_line"> |
|||
您应遵守《国家文化大数据交易规则（试行）》及相关配套规定、平台发布的管理规定以及本协议、双方或者与第三方签署的其他协议，否则属于您违约，平台有权视情况采取暂停业务、暂停结算、冻结资金、情节严重的可以解除协议，并不返还任何费用，造成平台损失的还应当赔偿平台的一切损失。</span> |
|||
</p> |
|||
<p class="trade_p">第五条<span class="trade_bold decora_line">您承诺</span> （本款已注明适用角色的，仅为该角色适用，其他角色不适用）：</p> |
|||
<p class="trade_p">1、对平台各项业务资格的准入条件、进场流程及要求，均已知悉且无异议；</p> |
|||
<p class="trade_p">2、在未签约、缴费，及获得平台书面同意前，不使用全国文化大数据交易中心名义开展业务、不以全国文化大数据交易中心进行宣传；</p> |
|||
<p class="trade_p">3、因本业务自平台获取的相关文件，非因有关政府部门、司法机构要求等正当理由，承诺不向第三方提供或披露；</p> |
|||
<p class="trade_p">4、在参与业务前已充分了解，并知悉参与业务的各项风险，自愿承担包括但不限于技术风险、不可抗力导致的风险等开展相关业务所带来的风险；</p> |
|||
<p class="trade_p">5、在成为平台业务参与方后，将自觉遵守平台制定的所有交易规则、遵守与平台签署的协议及文件，接受平台的监管措施，并及时缴纳相关费用；</p> |
|||
<p class="trade_p">6、严格遵守上述承诺内容和本协议条款，如有违反，将自行承担全部责任，赔偿因此给平台、第三方造成的全部损失（包括但不限于实际损失、名誉损失、诉讼费、律师费等损失）；</p> |
|||
<p class="trade_p">7、您进场前须保证拟进场标的合法合规、权属清晰，须提交拟进场交易标的列表及权属证明（授权方/卖方适用）；</p> |
|||
<p class="trade_p">8、您进场前须进行验资（被授权方/买方适用）；</p> |
|||
<p class="trade_p">9、您作为中介服务机构的，原则上每个行业、行当或一定区域内两家，在符合尽调要求的前提下，按照时间优先方式取得席位（中介服务机构适用）。</p> |
|||
<p class="trade_p">第六条 双方应当遵守以下保密义务：</p> |
|||
<p class="trade_p">1、双方应当对本协议的内容以及签订、履行情况严格保密，未经对方事先书面同意，不得向任何第三方披露。</p> |
|||
|
|||
<p class="trade_p">2、除本协议规定之工作所需外，未经对方事先书面同意，任何一方不得擅自使用、复制对方的商标、标志、商业信息、技术及其他资料。</p> |
|||
<p class="trade_p">3、本保密条款不因双方协议的终止而无效。在双方协议终止后，本保密条款对双方仍具有约束力。</p> |
|||
<p class="trade_p">第七条 除本协议另有约定外，由于一方不履行本协议规定的义务，或严重违反协议，造成无法达到协议目的，视作违约方单方终止协议，守约方有权要求违约方赔偿由此给守约方造成的所有损失。 |
|||
</p> |
|||
<p class="trade_p">第八条 在本协议项下，如您在办理相关业务过程中与任何第三方产生纠纷的，由您自行承担相应的法律责任。如因您与第三方的纠纷而给平台造成损失的，您须承担全部赔偿责任。</p> |
|||
<p class="trade_p">第九条 平台因政策调整、主管部门要求或内部业务规定更改而不与您进行续签或提前解约的，平台不构成违约。</p> |
|||
|
|||
<p class="trade_p">第十条 <span |
|||
class="trade_bold decora_line">根据国家法律法规变化及平台运营需要，平台有权对本协议条款、相关规则、运营主体等进行修订及变更，修订及变更后的内容一经以任何形式在平台公布即生效，并以新修订及变更后的内容为准，您应关注包括但不限于平台公告、通知、提示信息及协议、规则等相关内容的变动，平台不逐一、单独、分别书面通知各用户。您知悉并确认，如您不同意更新后的内容，应立即停止使用平台服务；如您继续使用，即视为知悉变动内容并默认同意接受。</span> |
|||
</p> |
|||
<p class="trade_p">第十一条 本协议因以下任何原因而终止，双方均不构成违约：</p> |
|||
<p class="trade_p">1、本协议期限届满，双方均确认不续约；</p> |
|||
<p class="trade_p">2、经双方协商同意终止本协议；</p> |
|||
<p class="trade_p">3、对于不可抗力的因素，包括但不限于自然灾害、罢工或骚乱、暴动、战争行为、政府政策调整、有关政府部门行为等，致使平台延迟或未能履约的。</p> |
|||
<p class="trade_p">4、您未通过平台年度检查或年审的。</p> |
|||
<p class="trade_p">因上述原因解除协议的，已收取费用不予退还，如有损失的双方不再追究对方责任及违约责任。</p> |
|||
<p class="trade_p">第十二条 本协议之终止并不影响本协议项下未完成之结算或任何一方之付款义务以及其它在终止之日前已产生的义务或权利。</p> |
|||
<p class="trade_p">第十三条 本协议的签署地点为中华人民共和国深圳市福田区，因履行本协议发生争议，又不能通过友好协商解决时，任何一方可向<span |
|||
class="trade_bold decora_line"> 深圳市福田区人民法院</span>诉讼解决。</p> |
|||
<p class="trade_p">第十四条 本协议未尽事宜，根据《国家文化大数据交易规则（试行）》及相关配套规定执行。</p> |
|||
<p class="trade_p">第十五条 协议生效</p> |
|||
<p class="trade_p">1、本协议自您勾选同意并缴纳全部费用，且平台审核通过后生效。</p> |
|||
<p class="trade_p"> |
|||
2、本协议生效，即表示您主动接受本协议的各项约定，并愿意就违反本协议约定承担相应的法律责任。现有的协议约定也不能保证完全符合未来发展的需求。因此，平台发布的文化大数据业务规则及相关配套规定、管理制度及相关声明均为本协议的补充约定，与本协议不可分割且具有同等法律效力。如您使用平台服务或参与文化大数据交易活动，视为您同意上述补充约定。 |
|||
</p> |
|||
<p class="trade_p">3、您须知本协议中任何条款被废止、无效或因任何理由不可执行，不影响任何其它条款的有效性和可执行性。</p> |
|||
<p class="trade_p"> |
|||
4、平台有权根据需要制定或修改平台的规章制度等相关规则及配套规定，该等已经公布的或将来公布的相关规则及配套规定，视为本协议不可分割的一部分，与协议正文具有同等的法律效力，经平台公布即生效。</p> |
|||
<p class="trade_p">5、平台保留在法律框架下对本协议的解释权和修订权。</p> |
|||
<p class="trade_bold decora_line"> |
|||
特别提示：您在使用本平台和相关服务之前，请您务必审慎阅读并充分理解本协议各条款内容，特别是涉及免除或者限制责任的条款、对权利进行限制的条款、争议解决条款等。其中，免除或者限制责任条款将以加粗、加下划线等形式提示您注意，您应重点阅读。 |
|||
</p> |
|||
<p class="trade_bold decora_line">如您自主选择使用本平台及相关服务，即视为您已充分理解本协议，完全同意本协议各项内容，并同意作为本协议的一方当事人接受本协议及相关协议和规则的约束。 |
|||
</p> |
|||
<div style="height: 200px;"></div> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
File diff suppressed because it is too large
@ -0,0 +1,308 @@ |
|||
/* 数据超市详情 */ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
|
|||
} |
|||
|
|||
/* 面包屑样式 */ |
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
.super_detword { |
|||
width: 100%; |
|||
padding-bottom: 100px; |
|||
background: #F2F8FC; |
|||
} |
|||
|
|||
.super_detmain { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
background: white; |
|||
padding: 20px; |
|||
} |
|||
|
|||
.super_center { |
|||
display: flex; |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.center_left { |
|||
width: 252px; |
|||
height: 249px; |
|||
} |
|||
|
|||
.center_left img { |
|||
width: 100%; |
|||
height: 100%; |
|||
object-fit: contain; |
|||
} |
|||
|
|||
.center_right { |
|||
margin-left: 30px; |
|||
} |
|||
|
|||
#cen-ock { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.con_box { |
|||
width: 910px; |
|||
display: flex; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
font-size: 14px; |
|||
border: 1px solid #d7d7d7; |
|||
} |
|||
|
|||
.title { |
|||
width: 110px; |
|||
text-align: center; |
|||
padding-right: 5px; |
|||
border-right: 1px solid #d7d7d7; |
|||
} |
|||
|
|||
.content { |
|||
width: 750px; |
|||
padding: 0 0 0 15px; |
|||
margin-right: 10px; |
|||
color: #9F9F9F; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
-webkit-line-clamp: 1; |
|||
display: -webkit-box; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
.center_right .cen_right_two { |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
#cen-ock_two { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.title_two { |
|||
/* width: 150px; */ |
|||
width: 138px; |
|||
text-align: center; |
|||
padding-right: 5px; |
|||
border-right: 1px solid #d7d7d7; |
|||
} |
|||
|
|||
.content_two { |
|||
width: 227px; |
|||
padding: 0 0 0 15px; |
|||
margin-right: 10px; |
|||
border-right: 1px solid #d7d7d7; |
|||
color: #9F9F9F; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
-webkit-line-clamp: 1; |
|||
display: -webkit-box; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
.title1_two { |
|||
width: 175px; |
|||
text-align: center; |
|||
padding-right: 5px; |
|||
border-right: 1px solid #d7d7d7; |
|||
} |
|||
|
|||
.content1_two { |
|||
width: 348px; |
|||
padding: 0 0 0 15px; |
|||
margin-right: 10px; |
|||
color: #9F9F9F; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
-webkit-line-clamp: 1; |
|||
display: -webkit-box; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
|
|||
.center_right .cen_right_three { |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.cen-ock_three { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.actives { |
|||
background-color: rgba(55, 74, 165, 1); |
|||
color: white; |
|||
} |
|||
|
|||
.thre_centen { |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
.thre_centen .table { |
|||
width: 910px; |
|||
} |
|||
|
|||
.thre_centen .table .text-center { |
|||
height: 30px; |
|||
background: #F2F2F2; |
|||
font-weight: normal; |
|||
font-size: 14px; |
|||
border: 1px solid #D7D7D7; |
|||
} |
|||
|
|||
.thre_centen .table .text-center1 { |
|||
width: 200px; |
|||
height: 30px; |
|||
font-size: 14px; |
|||
border: 1px solid #D7D7D7; |
|||
text-align: center; |
|||
vertical-align: middle; |
|||
padding: 2px; |
|||
} |
|||
|
|||
.details { |
|||
cursor: pointer; |
|||
color: #337ab7; |
|||
} |
|||
|
|||
.thre_centen .table .text-btn { |
|||
outline: none; |
|||
border: none; |
|||
background: transparent; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.center_right .cen-right_four { |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.thre_head { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.thre_head .btn { |
|||
width: 110px; |
|||
height: 30px; |
|||
outline: none !important; |
|||
border: none; |
|||
border-radius: 5px; |
|||
cursor: pointer; |
|||
background-color: rgba(242, 242, 242, 1); |
|||
} |
|||
|
|||
.thre_head .active { |
|||
background-color: rgba(55, 74, 165, 1) !important; |
|||
color: white !important; |
|||
} |
|||
|
|||
#thre_centen { |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
#thre_centen>thead { |
|||
background: #F1F1F1; |
|||
} |
|||
|
|||
#thre_centen .text-btn { |
|||
outline: none; |
|||
border: none; |
|||
background: transparent; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
#thre_four_cen { |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
.footer1 { |
|||
width: 100%; |
|||
height: 50px; |
|||
background-color: rgb(62, 71, 97); |
|||
position: fixed; |
|||
z-index: 888; |
|||
top: calc(100vh - 50px); |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
color: rgb(247, 255, 152); |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.footer1 .pingCart input { |
|||
width: 180px; |
|||
height: 50px; |
|||
outline: none; |
|||
border: none; |
|||
background: transparent; |
|||
color: white; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.shopyear .ipt { |
|||
padding: 10px; |
|||
width: 100px; |
|||
height: 30px; |
|||
color: #000000; |
|||
outline: none; |
|||
border: none; |
|||
background-color: white; |
|||
} |
|||
|
|||
.talprice { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.pingCart { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
|
|||
#myModal .modal-dialog .modal-content .modal-body { |
|||
display: flex; |
|||
} |
|||
|
|||
.modal-body .modal_left { |
|||
width: 283px; |
|||
height: 392px; |
|||
box-sizing: border-box; |
|||
border-width: 1px; |
|||
border-style: solid; |
|||
border-color: rgba(215, 215, 215, 1); |
|||
box-shadow: 2px 2px 5px rgb(0 0 0 / 35%); |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
|
|||
.modal-body .modal_left img { |
|||
width: 271px; |
|||
height: 217px; |
|||
} |
|||
|
|||
.modal-body .modal_right { |
|||
margin-left: 30px; |
|||
} |
|||
|
|||
.modal-body .modal_right div { |
|||
font-size: 16px; |
|||
} |
|||
@ -0,0 +1,130 @@ |
|||
/* |
|||
我的结算样式 |
|||
*/ |
|||
/* 面包屑样式 */ |
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
/* 内容样式 */ |
|||
.wraper .MyClosing_left { |
|||
float: left; |
|||
width: 180px; |
|||
background: #FFFFFF; |
|||
height: 520px; |
|||
} |
|||
|
|||
.wraper .MyClosing_left ul li { |
|||
text-align: center; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
} |
|||
|
|||
.wraper .MyClosing_left ul li a { |
|||
text-decoration: none; |
|||
color: #444444; |
|||
} |
|||
|
|||
.wraper .MyClosing_left ul li .active { |
|||
color: #4689C6; |
|||
} |
|||
|
|||
.wraper .MyClosing_right { |
|||
float: left; |
|||
width: 980px; |
|||
background: #FFFFFF; |
|||
padding: 20px; |
|||
min-height: 520px; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.wraper .MyClosing_right .right_title { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wraper .MyClosing_right .right_order { |
|||
margin-top: 25px; |
|||
} |
|||
|
|||
.wraper .MyClosing_right .right_order ul { |
|||
display: flex; |
|||
} |
|||
|
|||
.wraper .MyClosing_right .right_order ul li { |
|||
width: 220px; |
|||
height: 90px; |
|||
border-radius: 4px; |
|||
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2); |
|||
-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2); |
|||
-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2); |
|||
margin-left: 20px; |
|||
padding: 25px 0 0 20px; |
|||
} |
|||
|
|||
.wraper .MyClosing_right .right_order ul li:nth-child(1) { |
|||
margin-left: 0px; |
|||
} |
|||
|
|||
.wraper .MyClosing_right .right_order ul li .count { |
|||
font-size: 22px; |
|||
} |
|||
|
|||
/* 结算详情部分 */ |
|||
.wraper .MyClosing_right .details_box { |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .MyClosing_right .details_box .details_title { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wraper .MyClosing_right .details_box .details_h4 { |
|||
font-size: 15px; |
|||
font-weight: 700; |
|||
margin-top: 30px; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
/* 结算失败模态框样式 */ |
|||
#myModal02 .modal-body .form_div{ |
|||
display: flex; |
|||
margin-top: 20px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
} |
|||
|
|||
#myModal02 .modal-body .form_div .form_title{ |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
#myModal02 .modal-body .form_div input{ |
|||
width: 243px; |
|||
height: 40px; |
|||
border: 1px solid #DDDDDD; |
|||
padding-left: 10px; |
|||
} |
|||
|
|||
#myModal02 .modal-body .form_div:nth-child(1) input{ |
|||
margin-left: 42px; |
|||
} |
|||
|
|||
#myModal02 .modal-body .form_div:nth-child(3) input{ |
|||
margin-left: 42px; |
|||
} |
|||
@ -0,0 +1,475 @@ |
|||
let state = false; |
|||
$(document).ready(function () { |
|||
if (cookieHandler.get("normal_login_token")) { |
|||
// history.back(-1) |
|||
$(location).prop('href', './Home.html?url=' + new Date().getTime()) |
|||
} |
|||
codeCountDown = function (endMsRes, data, name) { |
|||
let countDownTime = 60 |
|||
data.attr("disabled", "disabled") |
|||
countDownTime = Math.ceil((endMsRes - new Date().getTime()) / 1000); //剩余多少秒 |
|||
let time = setTimeout(function () { |
|||
countDownTime--; |
|||
data.text(countDownTime + "秒") |
|||
if (countDownTime < 1) { |
|||
countDownTime = 60; |
|||
data.removeAttr("disabled") |
|||
data.text("获取验证码") |
|||
localStorage.removeItem(name); |
|||
clearTimeout(time); |
|||
} else { |
|||
codeCountDown(endMsRes, data, name); |
|||
} |
|||
}, 1000); |
|||
} |
|||
let myEndTime = localStorage.getItem("myEndTime"); |
|||
myEndTime && codeCountDown(myEndTime, $("#authbtns"), "myEndTime"); |
|||
let myEndTime2 = localStorage.getItem("myEndTime2"); |
|||
myEndTime2 && codeCountDown(myEndTime2, $("#authbtn"), "myEndTime2"); |
|||
$(".tips").hide(); |
|||
let verification = function (selector, text1, text2, reg, text3) { |
|||
$(selector).bind('change', function (data) { |
|||
let domObj = $("#" + data.target.id) |
|||
if (domObj.val() === "") { |
|||
domObj.css("border", "1px solid #f56c6c") |
|||
$("." + data.target.id).text(text1) |
|||
$("." + data.target.id).slideDown(100) |
|||
state = false |
|||
} else { |
|||
if (!reg.test(domObj.val())) { |
|||
domObj.css("border", "1px solid #f56c6c") |
|||
$("." + data.target.id).text(text2) |
|||
$("." + data.target.id).slideDown(100) |
|||
state = false |
|||
} else { |
|||
if (text3 && (data.target.id === "newpwd1" ? $("#newpwd").val() : $("#newpwd2") |
|||
.val()) !== domObj.val()) { |
|||
domObj.css("border", "1px solid #f56c6c") |
|||
$("." + data.target.id).text(text3) |
|||
$("." + data.target.id).slideDown(100) |
|||
state = false |
|||
} else { |
|||
domObj.css("border", "1px solid #d7d7d7") |
|||
$("." + data.target.id).text("") |
|||
$("." + data.target.id).slideUp(100) |
|||
state = true |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
// $(selector).change((data) => { |
|||
// let domObj = $("#" + data.target.id) |
|||
// if (domObj.val() === "") { |
|||
// domObj.css("border", "1px solid #f56c6c") |
|||
// $("." + data.target.id).text(text1) |
|||
// $("." + data.target.id).slideDown(100) |
|||
// state = false |
|||
// } else { |
|||
// if (!reg.test(domObj.val())) { |
|||
// domObj.css("border", "1px solid #f56c6c") |
|||
// $("." + data.target.id).text(text2) |
|||
// $("." + data.target.id).slideDown(100) |
|||
// state = false |
|||
// } else { |
|||
// if (text3 && (data.target.id === "newpwd1" ? $("#newpwd").val() : $("#newpwd2") |
|||
// .val()) !== domObj.val()) { |
|||
// domObj.css("border", "1px solid #f56c6c") |
|||
// $("." + data.target.id).text(text3) |
|||
// $("." + data.target.id).slideDown(100) |
|||
// state = false |
|||
// } else { |
|||
// domObj.css("border", "1px solid #d7d7d7") |
|||
// $("." + data.target.id).text("") |
|||
// $("." + data.target.id).slideUp(100) |
|||
// state = true |
|||
// } |
|||
// } |
|||
// } |
|||
// }); |
|||
}; |
|||
verification("input[name='phone']", "手机号不能为空", "手机号格式不对", /^1[3456789]\d{9}$/); |
|||
verification("input[name='authcode']", "验证码不能为空", "验证码格式不对", /^[0-9]{6}$/); |
|||
verification("input[name='newpwd']", "密码不能为空", "密码不能少于六位字母或数字", /^[0-9A-z\W]{6,}$/); |
|||
verification("input[name='newpwd1']", "密码不能为空", "密码不能少于六位字母或数字", /^[0-9A-z\W]{6,}$/, "两次输入的密码不一致"); |
|||
// 认证类型过滤 |
|||
function userType_filter(data) { |
|||
if (data == "个人") { |
|||
return "0" |
|||
} else if (data == "企业") { |
|||
return "1" |
|||
} else if (data == "服务商") { |
|||
return "2" |
|||
} else { |
|||
return data |
|||
} |
|||
} |
|||
// 登录 |
|||
$("#loginbtn1").bind("click", function () { |
|||
$("#phone").change() |
|||
let state1 = state |
|||
$("#pwd").change() |
|||
let state2 = state |
|||
if (state1 && state2) { |
|||
if ($('#checkbox2').is(':checked')) { |
|||
let data = { |
|||
loginName: $("#phone").val(), |
|||
loginType: "0", |
|||
password: $.md5($("#pwd").val()).toUpperCase(), |
|||
userType: $(".typecheck").text() === "机构" ? "企业" : "个人", |
|||
} |
|||
let postList = new AJAX_OBJ(api + "user/v1/userLogin", postSuccess, onUrlError); |
|||
postList.postRequestData(JSON.stringify(data)); |
|||
|
|||
function postSuccess(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
// 解析token |
|||
let userObj = JSON.parse(decodeURIComponent(escape(window.atob(res.data.token.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"))))); |
|||
cookieHandler.set("isliCode", userObj.isliCode); |
|||
cookieHandler.set("normal_login_token", res.data.token) |
|||
cookieHandler.set("accountId", res.data.user.accountId) |
|||
cookieHandler.set("cellPhone", res.data.user.cellPhone) |
|||
cookieHandler.set("userType", userType_filter(res.data.user.userType)) |
|||
cookieHandler.set("Merchant_id", "910000198") //商户id |
|||
$(location).prop('href', './Home.html?time=' + new Date().getTime()); |
|||
} else {// |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
}; |
|||
} else { |
|||
Dreamer.warning("请勾选《隐私保护政策》和《用户注册协议》"); |
|||
} |
|||
} |
|||
}); |
|||
|
|||
// 找回密码获取验证码 |
|||
$("#authbtn").bind("click", function () { |
|||
$("#phone1").change() |
|||
if (state) { |
|||
let getList = new AJAX_OBJ(api + "userself/v1/account/username/unique-validate/" + $("#phone1").val(), getSuccess, onUrlError); |
|||
getList.getRequestData(); |
|||
|
|||
function getSuccess(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
if (res.data != 1) { |
|||
$("#phone1").css("border", "1px solid #f56c6c") |
|||
$(".phone1").text("手机号没有被注册") |
|||
$(".phone1").slideDown(100) |
|||
} else { |
|||
$("#phone1").css("border", "1px solid #d7d7d7") |
|||
$(".phone1").text("") |
|||
$(".phone1").slideUp(100) |
|||
let getList = new AJAX_OBJ(api + "userself/v1/verify-code?username=" + $("#phone1").val() + "&purpose=2", getSuccess1, onUrlError); |
|||
getList.getRequestData(); |
|||
function getSuccess1(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
Dreamer.success("发送成功"); |
|||
let endMsRes = new Date().getTime() + |
|||
60000; //当前时间戳加上一分钟的时间戳，相当于当前时间一分钟以后的时间戳 |
|||
localStorage.setItem("myEndTime2", JSON.stringify(endMsRes)); |
|||
codeCountDown(endMsRes, $("#authbtn"), "myEndTime2"); |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
// 函数节流 |
|||
function debounce(fn, change) { |
|||
var timerId = null |
|||
return function () { |
|||
change() |
|||
var arg = arguments[0] //获取事件 |
|||
if (timerId) { |
|||
return |
|||
} |
|||
timerId = setTimeout(function () { |
|||
fn(arg) //事件传入函数 |
|||
timerId = null |
|||
}, 1000) |
|||
} |
|||
} |
|||
|
|||
function change1() { |
|||
$("#phone1").change() |
|||
$("#authcode").change() |
|||
$("#newpwd").change() |
|||
$("#newpwd1").change() |
|||
} |
|||
|
|||
function reset() { |
|||
$("#phone1").change() |
|||
let state1 = state |
|||
$("#authcode").change() |
|||
let state2 = state |
|||
$("#newpwd").change() |
|||
let state3 = state |
|||
$("#newpwd1").change() |
|||
let state4 = state |
|||
if (state1 && state2 && state3 && state4) { |
|||
let data = { |
|||
accountId: $("#phone1").val(), |
|||
verifyCode: $("#authcode").val(), |
|||
password: $.md5($("#newpwd1").val()).toUpperCase(), |
|||
passMd5ed: true, |
|||
st: "2", |
|||
} |
|||
let postList = new AJAX_OBJ(api + "userself/v1/account/reset-pwd", successGood, onUrlError); |
|||
postList.postRequestData(JSON.stringify(data)); |
|||
|
|||
function successGood(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
Dreamer.success("重置成功"); |
|||
codeCountDown(0, $("#authbtn"), "myEndTime2"); |
|||
$("#phone1").val('') |
|||
$("#authcode").val('') |
|||
$("#newpwd").val('') |
|||
$("#newpwd1").val('') |
|||
$("#getpwdModel").attr("style", "height: 360px;display: none;margin-top:24px"); |
|||
registergologin('down') |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
}; |
|||
} |
|||
}; |
|||
// 找回密码 |
|||
$("#loginbtn2").click(debounce(reset, change1)); |
|||
// 注册获取验证码 |
|||
$("#authbtns").bind("click", function () { |
|||
$("#phone2").change() |
|||
if (state) { |
|||
let getList = new AJAX_OBJ(api + "userself/v1/account/username/unique-validate/" + $("#phone2").val(), getSuccess, onUrlError); |
|||
getList.getRequestData(); |
|||
|
|||
function getSuccess(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
if (res.data == 1) { |
|||
$("#phone2").css("border", "1px solid #f56c6c") |
|||
$(".phone2").text("手机号已被注册") |
|||
$(".phone2").slideDown(100) |
|||
} else { |
|||
$("#phone2").css("border", "1px solid #d7d7d7") |
|||
$(".phone2").text("") |
|||
$(".phone2").slideUp(100) |
|||
let getList = new AJAX_OBJ(api + "userself/v1/verify-code?username=" + $("#phone2").val() + "&purpose=1", getSuccess1, onUrlError); |
|||
getList.getRequestData(); |
|||
|
|||
function getSuccess1(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
Dreamer.success("发送成功"); |
|||
let endMsRes = new Date().getTime() + |
|||
60000; //当前时间戳加上一分钟的时间戳，相当于当前时间一分钟以后的时间戳 |
|||
localStorage.setItem("myEndTime", JSON.stringify(endMsRes)); |
|||
codeCountDown(endMsRes, $("#authbtns"), "myEndTime"); |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
|
|||
function change2() { |
|||
$("#phone2").change() |
|||
$("#authcode2").change() |
|||
$("#newpwd2").change() |
|||
$("#newpwd3").change() |
|||
} |
|||
|
|||
//注册查看内容倒计时 |
|||
$("#checkbox3").bind('change', function () { |
|||
localStorage.removeItem("ExceptionsTime"); |
|||
if (localStorage.getItem("Privacy") == null && localStorage.getItem("User") == null && localStorage.getItem("exceptions") == null) { |
|||
document.getElementById("checkbox3").checked = false; |
|||
Dreamer.warning("请先预览《隐私政策》和《用户注册协议》和《免责条款》", 2000); |
|||
} else if (localStorage.getItem("Privacy") == null && localStorage.getItem("User") == null) { |
|||
Dreamer.warning("请先预览《隐私政策》和《用户注册协议》", 2000); |
|||
document.getElementById("checkbox3").checked = false; |
|||
} else if (localStorage.getItem("User") == null && localStorage.getItem("exceptions") == null) { |
|||
Dreamer.warning("请先预览《用户注册协议》和《免责条款》", 2000); |
|||
document.getElementById("checkbox3").checked = false; |
|||
} else if (localStorage.getItem("exceptions") == null && localStorage.getItem("Privacy") == null) { |
|||
Dreamer.warning("请先预览《免责条款》和《隐私政策》", 2000); |
|||
document.getElementById("checkbox3").checked = false; |
|||
} else if (localStorage.getItem("exceptions") == null) { |
|||
Dreamer.warning("请先预览《免责条款》", 2000); |
|||
document.getElementById("checkbox3").checked = false; |
|||
} else if (localStorage.getItem("Privacy") == null) { |
|||
Dreamer.warning("请先预览《隐私政策》", 2000); |
|||
document.getElementById("checkbox3").checked = false; |
|||
} else if (localStorage.getItem("User") == null) { |
|||
Dreamer.warning("请先预览《用户注册协议》", 2000); |
|||
document.getElementById("checkbox3").checked = false; |
|||
} |
|||
}); |
|||
|
|||
function addRegister() { |
|||
$("#phone2").change() |
|||
let state1 = state |
|||
$("#authcode2").change() |
|||
let state2 = state |
|||
$("#newpwd2").change() |
|||
let state3 = state |
|||
$("#newpwd3").change() |
|||
let state4 = state |
|||
if (state1 && state2 && state3 && state4) { |
|||
if ($('#checkbox3').is(':checked')) { |
|||
let data = { |
|||
cellPhone: $("#phone2").val(), |
|||
verifyCode: $("#authcode2").val(), |
|||
password: $.md5($("#newpwd3").val()).toUpperCase(), |
|||
passMd5ed: true |
|||
} |
|||
let postList = new AJAX_OBJ(api + "userself/v1/register", successGood, onUrlError); |
|||
postList.postRequestData(JSON.stringify(data)); |
|||
|
|||
function successGood(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
let agreement = { |
|||
agreementIds: "1,2,3", |
|||
userId: $("#phone2").val() |
|||
} |
|||
Preservation(agreement);//保存协议 |
|||
Dreamer.success("注册成功"); |
|||
codeCountDown(0, $("#authbtns"), "myEndTime"); |
|||
$("#phone2").val('') |
|||
$("#authcode2").val('') |
|||
$("#newpwd2").val('') |
|||
$("#newpwd3").val('') |
|||
$("#checkbox3").attr("checked", false); |
|||
localStorage.removeItem('Privacy'); |
|||
localStorage.removeItem('User'); |
|||
localStorage.removeItem('exceptions'); |
|||
registergologin('down') |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
}; |
|||
} else { |
|||
Dreamer.warning("请勾选《隐私保护政策》和《用户注册协议》"); |
|||
} |
|||
} |
|||
} |
|||
// 注册账号 |
|||
$("#loginbtn3").click(debounce(addRegister, change2)); |
|||
|
|||
$("#institutions").prop('class', 'typecheck'); |
|||
$("#personal").bind("click", function () { |
|||
$("#institutions").prop('class', '') |
|||
$("#personal").prop('class', 'typecheck') |
|||
}); |
|||
$("#institutions").bind("click", function () { |
|||
$("#personal").prop('class', '') |
|||
$("#institutions").prop('class', 'typecheck') |
|||
}); |
|||
}); |
|||
var timers = null; /* 登录切换 注册或者找到密码 */ |
|||
function getPasswod() { |
|||
document.getElementById("getpwdModel").style.display = "block"; |
|||
var loginModelpx = document.getElementById("loginModel").style.marginTop.replace("px", ""); |
|||
clearInterval(timers); //防止重复设置定时器 |
|||
timers = setInterval(function () { |
|||
if (loginModelpx > -363) { |
|||
loginModelpx = parseInt(loginModelpx - 10); |
|||
document.getElementById("loginModel").style.marginTop = parseInt(loginModelpx - 10) + "px"; |
|||
} else { |
|||
clearInterval(timers); |
|||
} |
|||
}, 20) |
|||
|
|||
} |
|||
var timersout = null; |
|||
|
|||
function getPasswodgologin() { |
|||
var loginModelpx = parseInt(document.getElementById("loginModel").style.marginTop.replace("px", "")); |
|||
var getpwdModel = parseInt(document.getElementById("getpwdModel").style.marginTop.replace("px", "")); |
|||
clearInterval(timers); //防止重复设置定时器 |
|||
timers = setInterval(function () { |
|||
if (loginModelpx < 0) { |
|||
// getpwdModel = getpwdModel+10; |
|||
// document.getElementById("getpwdModel").style.marginTop = getpwdModel+"px"; |
|||
loginModelpx = loginModelpx + 10; |
|||
document.getElementById("loginModel").style.marginTop = loginModelpx + "px"; |
|||
} else { |
|||
clearInterval(timers); |
|||
document.getElementById("getpwdModel").style.display = "none"; |
|||
document.getElementById("getpwdModel").style.marginTop = "0px"; |
|||
} |
|||
}, 20) |
|||
timersout = setTimeout(function () { |
|||
if (getpwdModel < 360) { |
|||
getpwdModel = getpwdModel + 10; |
|||
document.getElementById("getpwdModel").style.marginTop = getpwdModel + "px"; |
|||
} else { |
|||
clearInterval(timersout); |
|||
} |
|||
}, 20) |
|||
|
|||
} |
|||
|
|||
function registers() { |
|||
document.getElementById("RegisterModel").style.display = "block"; |
|||
var loginModelpx = document.getElementById("loginModel").style.marginTop.replace("px", ""); |
|||
var RegisterModel = document.getElementById("RegisterModel").style.marginTop.replace("px", ""); |
|||
if (loginModelpx == "0" && RegisterModel == "0") { |
|||
clearInterval(timers); //防止重复设置定时器 |
|||
timers = setInterval(function () { |
|||
if (loginModelpx > -363) { |
|||
loginModelpx = parseInt(loginModelpx - 10); |
|||
document.getElementById("loginModel").style.marginTop = parseInt(loginModelpx - 10) + |
|||
"px"; |
|||
} else { |
|||
clearInterval(timers); |
|||
} |
|||
}, 20) |
|||
} else { |
|||
clearInterval(timers); //防止重复设置定时器 |
|||
timers = setInterval(function () { |
|||
if (loginModelpx >= -363) { |
|||
loginModelpx = parseInt(loginModelpx - 10); |
|||
RegisterModel = parseInt(RegisterModel - 10); |
|||
document.getElementById("loginModel").style.marginTop = loginModelpx + "px"; |
|||
document.getElementById("RegisterModel").style.marginTop = RegisterModel + "px"; |
|||
} else { |
|||
clearInterval(timers); |
|||
} |
|||
}, 20) |
|||
} |
|||
|
|||
} |
|||
|
|||
function registergologin() { |
|||
var loginModelpx = parseInt(document.getElementById("loginModel").style.marginTop.replace("px", "")); |
|||
var RegisterModel = parseInt(document.getElementById("RegisterModel").style.marginTop.replace("px", "")); |
|||
clearInterval(timers); //防止重复设置定时器 |
|||
timers = setInterval(function () { |
|||
if (loginModelpx < 0) { |
|||
loginModelpx = loginModelpx + 10; |
|||
document.getElementById("loginModel").style.marginTop = loginModelpx + "px"; |
|||
} else { |
|||
clearInterval(timers); |
|||
document.getElementById("RegisterModel").style.display = "none"; |
|||
document.getElementById("RegisterModel").style.marginTop = "0px"; |
|||
} |
|||
}, 20) |
|||
timersout = setTimeout(function () { |
|||
if (getpwdModel < 360) { |
|||
RegisterModel = RegisterModel + 10; |
|||
document.getElementById("RegisterModel").style.marginTop = RegisterModel + "px"; |
|||
} else { |
|||
clearInterval(timersout); |
|||
} |
|||
}, 20) |
|||
} |
|||
@ -0,0 +1,469 @@ |
|||
let state = false; |
|||
$(document).ready(function () { |
|||
if (cookieHandler.get("normal_login_token")) { |
|||
// history.back(-1) |
|||
$(location).prop('href', './Home.html?url=' + new Date().getTime()) |
|||
} |
|||
codeCountDown = function (endMsRes, data, name) { |
|||
let countDownTime = 60 |
|||
data.attr("disabled", "disabled") |
|||
countDownTime = Math.ceil((endMsRes - new Date().getTime()) / 1000); //剩余多少秒 |
|||
let time = setTimeout(function () { |
|||
countDownTime--; |
|||
data.text(countDownTime + "秒") |
|||
if (countDownTime < 1) { |
|||
countDownTime = 60; |
|||
data.removeAttr("disabled") |
|||
data.text("获取验证码") |
|||
localStorage.removeItem(name); |
|||
clearTimeout(time); |
|||
} else { |
|||
codeCountDown(endMsRes, data, name); |
|||
} |
|||
}, 1000); |
|||
} |
|||
let myEndTime = localStorage.getItem("myEndTime"); |
|||
myEndTime && codeCountDown(myEndTime, $("#authbtns"), "myEndTime"); |
|||
let myEndTime2 = localStorage.getItem("myEndTime2"); |
|||
myEndTime2 && codeCountDown(myEndTime2, $("#authbtn"), "myEndTime2"); |
|||
$(".tips").hide(); |
|||
let verification = function (selector, text1, text2, reg, text3) { |
|||
$(selector).bind('change', function (data) { |
|||
let domObj = $("#" + data.target.id) |
|||
if (domObj.val() === "") { |
|||
domObj.css("border", "1px solid #f56c6c") |
|||
$("." + data.target.id).text(text1) |
|||
$("." + data.target.id).slideDown(100) |
|||
state = false |
|||
} else { |
|||
if (!reg.test(domObj.val())) { |
|||
domObj.css("border", "1px solid #f56c6c") |
|||
$("." + data.target.id).text(text2) |
|||
$("." + data.target.id).slideDown(100) |
|||
state = false |
|||
} else { |
|||
if (text3 && (data.target.id === "newpwd1" ? $("#newpwd").val() : $("#newpwd2") |
|||
.val()) !== domObj.val()) { |
|||
domObj.css("border", "1px solid #f56c6c") |
|||
$("." + data.target.id).text(text3) |
|||
$("." + data.target.id).slideDown(100) |
|||
state = false |
|||
} else { |
|||
domObj.css("border", "1px solid #d7d7d7") |
|||
$("." + data.target.id).text("") |
|||
$("." + data.target.id).slideUp(100) |
|||
state = true |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
// $(selector).change((data) => { |
|||
// let domObj = $("#" + data.target.id) |
|||
// if (domObj.val() === "") { |
|||
// domObj.css("border", "1px solid #f56c6c") |
|||
// $("." + data.target.id).text(text1) |
|||
// $("." + data.target.id).slideDown(100) |
|||
// state = false |
|||
// } else { |
|||
// if (!reg.test(domObj.val())) { |
|||
// domObj.css("border", "1px solid #f56c6c") |
|||
// $("." + data.target.id).text(text2) |
|||
// $("." + data.target.id).slideDown(100) |
|||
// state = false |
|||
// } else { |
|||
// if (text3 && (data.target.id === "newpwd1" ? $("#newpwd").val() : $("#newpwd2") |
|||
// .val()) !== domObj.val()) { |
|||
// domObj.css("border", "1px solid #f56c6c") |
|||
// $("." + data.target.id).text(text3) |
|||
// $("." + data.target.id).slideDown(100) |
|||
// state = false |
|||
// } else { |
|||
// domObj.css("border", "1px solid #d7d7d7") |
|||
// $("." + data.target.id).text("") |
|||
// $("." + data.target.id).slideUp(100) |
|||
// state = true |
|||
// } |
|||
// } |
|||
// } |
|||
// }); |
|||
}; |
|||
verification("input[name='phone']", "手机号不能为空", "手机号格式不对", /^1[3456789]\d{9}$/); |
|||
verification("input[name='authcode']", "验证码不能为空", "验证码格式不对", /^[0-9]{6}$/); |
|||
verification("input[name='newpwd']", "密码不能为空", "密码不能少于六位字母或数字", /^[0-9A-z\W]{6,}$/); |
|||
verification("input[name='newpwd1']", "密码不能为空", "密码不能少于六位字母或数字", /^[0-9A-z\W]{6,}$/, "两次输入的密码不一致"); |
|||
// 认证类型过滤 |
|||
function userType_filter(data) { |
|||
if (data == "个人") { |
|||
return "0" |
|||
} else if (data == "企业") { |
|||
return "1" |
|||
} else if (data == "服务商") { |
|||
return "2" |
|||
} else { |
|||
return data |
|||
} |
|||
} |
|||
// 登录 |
|||
$("#loginbtn1").bind("click", function () { |
|||
$("#phone").change() |
|||
let state1 = state |
|||
$("#pwd").change() |
|||
let state2 = state |
|||
if (state1 && state2) { |
|||
if ($('#checkbox2').is(':checked')) { |
|||
let data = { |
|||
loginName: $("#phone").val(), |
|||
loginType: "0", |
|||
password: $.md5($("#pwd").val()).toUpperCase(), |
|||
userType: $(".typecheck").text() === "机构" ? "企业" : "个人", |
|||
} |
|||
let postList = new AJAX_OBJ(api + "user/v1/userLogin", postSuccess, onUrlError); |
|||
postList.postRequestData(JSON.stringify(data)); |
|||
|
|||
function postSuccess(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
// 解析token |
|||
let userObj = JSON.parse(decodeURIComponent(escape(window.atob(res.data.token.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"))))); |
|||
cookieHandler.set("isliCode", userObj.isliCode); |
|||
cookieHandler.set("normal_login_token", res.data.token) |
|||
cookieHandler.set("accountId", res.data.user.accountId) |
|||
cookieHandler.set("cellPhone", res.data.user.cellPhone) |
|||
cookieHandler.set("userType", userType_filter(res.data.user.userType)) |
|||
cookieHandler.set("Merchant_id", "910000198") //商户id |
|||
$(location).prop('href', './Home.html?time=' + new Date().getTime()); |
|||
} else {// |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
}; |
|||
} else { |
|||
Dreamer.warning("请勾选《隐私保护政策》和《用户注册协议》"); |
|||
} |
|||
} |
|||
}); |
|||
|
|||
// 找回密码获取验证码 |
|||
$("#authbtn").bind("click", function () { |
|||
$("#phone1").change() |
|||
if (state) { |
|||
let getList = new AJAX_OBJ(api + "userself/v1/account/username/unique-validate/" + $("#phone1").val(), getSuccess, onUrlError); |
|||
getList.getRequestData(); |
|||
|
|||
function getSuccess(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
if (res.data != 1) { |
|||
$("#phone1").css("border", "1px solid #f56c6c") |
|||
$(".phone1").text("手机号没有被注册") |
|||
$(".phone1").slideDown(100) |
|||
} else { |
|||
$("#phone1").css("border", "1px solid #d7d7d7") |
|||
$(".phone1").text("") |
|||
$(".phone1").slideUp(100) |
|||
let getList = new AJAX_OBJ(api + "userself/v1/verify-code?username=" + $("#phone1").val() + "&purpose=2", getSuccess1, onUrlError); |
|||
getList.getRequestData(); |
|||
function getSuccess1(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
Dreamer.success("发送成功"); |
|||
let endMsRes = new Date().getTime() + |
|||
60000; //当前时间戳加上一分钟的时间戳，相当于当前时间一分钟以后的时间戳 |
|||
localStorage.setItem("myEndTime2", JSON.stringify(endMsRes)); |
|||
codeCountDown(endMsRes, $("#authbtn"), "myEndTime2"); |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
// 函数节流 |
|||
function debounce(fn, change) { |
|||
var timerId = null |
|||
return function () { |
|||
change() |
|||
var arg = arguments[0] //获取事件 |
|||
if (timerId) { |
|||
return |
|||
} |
|||
timerId = setTimeout(function () { |
|||
fn(arg) //事件传入函数 |
|||
timerId = null |
|||
}, 1000) |
|||
} |
|||
} |
|||
|
|||
function change1() { |
|||
$("#phone1").change() |
|||
$("#authcode").change() |
|||
$("#newpwd").change() |
|||
$("#newpwd1").change() |
|||
} |
|||
|
|||
function reset() { |
|||
$("#phone1").change() |
|||
let state1 = state |
|||
$("#authcode").change() |
|||
let state2 = state |
|||
$("#newpwd").change() |
|||
let state3 = state |
|||
$("#newpwd1").change() |
|||
let state4 = state |
|||
if (state1 && state2 && state3 && state4) { |
|||
let data = { |
|||
accountId: $("#phone1").val(), |
|||
verifyCode: $("#authcode").val(), |
|||
password: $.md5($("#newpwd1").val()).toUpperCase(), |
|||
passMd5ed: true, |
|||
st: "2", |
|||
} |
|||
let postList = new AJAX_OBJ(api + "userself/v1/account/reset-pwd", successGood, onUrlError); |
|||
postList.postRequestData(JSON.stringify(data)); |
|||
|
|||
function successGood(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
Dreamer.success("重置成功"); |
|||
codeCountDown(0, $("#authbtn"), "myEndTime2"); |
|||
$("#phone1").val('') |
|||
$("#authcode").val('') |
|||
$("#newpwd").val('') |
|||
$("#newpwd1").val('') |
|||
$("#getpwdModel").attr("style","height: 360px;display: none;margin-top:24px"); |
|||
registergologin('down') |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
}; |
|||
} |
|||
}; |
|||
// 找回密码 |
|||
$("#loginbtn2").click(debounce(reset, change1)); |
|||
// 注册获取验证码 |
|||
$("#authbtns").bind("click", function () { |
|||
$("#phone2").change() |
|||
if (state) { |
|||
let getList = new AJAX_OBJ(api + "userself/v1/account/username/unique-validate/" + $("#phone2").val(), getSuccess, onUrlError); |
|||
getList.getRequestData(); |
|||
|
|||
function getSuccess(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
if (res.data == 1) { |
|||
$("#phone2").css("border", "1px solid #f56c6c") |
|||
$(".phone2").text("手机号已被注册") |
|||
$(".phone2").slideDown(100) |
|||
} else { |
|||
$("#phone2").css("border", "1px solid #d7d7d7") |
|||
$(".phone2").text("") |
|||
$(".phone2").slideUp(100) |
|||
let getList = new AJAX_OBJ(api + "userself/v1/verify-code?username=" + $("#phone2").val() + "&purpose=1", getSuccess1, onUrlError); |
|||
getList.getRequestData(); |
|||
|
|||
function getSuccess1(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
Dreamer.success("发送成功"); |
|||
let endMsRes = new Date().getTime() + |
|||
60000; //当前时间戳加上一分钟的时间戳，相当于当前时间一分钟以后的时间戳 |
|||
localStorage.setItem("myEndTime", JSON.stringify(endMsRes)); |
|||
codeCountDown(endMsRes, $("#authbtns"), "myEndTime"); |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
|
|||
function change2() { |
|||
$("#phone2").change() |
|||
$("#authcode2").change() |
|||
$("#newpwd2").change() |
|||
$("#newpwd3").change() |
|||
} |
|||
|
|||
//注册查看内容倒计时 |
|||
$("#checkbox3").bind('change', function () {localStorage.removeItem("ExceptionsTime"); |
|||
if (localStorage.getItem("Privacy") == null && localStorage.getItem("User") == null && localStorage.getItem("exceptions") == null) { |
|||
document.getElementById("checkbox3").checked = false; |
|||
Dreamer.warning("请先预览《临时隐私政策》和《临时用户注册协议》和《临时免责条款》", 2000); |
|||
} else if (localStorage.getItem("Privacy") == null && localStorage.getItem("User") == null) { |
|||
Dreamer.warning("请先预览《临时隐私政策》和《临时用户注册协议》", 2000); |
|||
document.getElementById("checkbox3").checked = false; |
|||
} else if (localStorage.getItem("User") == null && localStorage.getItem("exceptions") == null) { |
|||
Dreamer.warning("请先预览《临时用户注册协议》和《临时免责条款》", 2000); |
|||
document.getElementById("checkbox3").checked = false; |
|||
} else if (localStorage.getItem("exceptions") == null && localStorage.getItem("Privacy") == null) { |
|||
Dreamer.warning("请先预览《临时免责条款》和《临时隐私政策》", 2000); |
|||
document.getElementById("checkbox3").checked = false; |
|||
}else if (localStorage.getItem("exceptions") == null) { |
|||
Dreamer.warning("请先预览《临时免责条款》", 2000); |
|||
document.getElementById("checkbox3").checked = false; |
|||
}else if (localStorage.getItem("Privacy") == null) { |
|||
Dreamer.warning("请先预览《临时隐私政策》", 2000); |
|||
document.getElementById("checkbox3").checked = false; |
|||
}else if (localStorage.getItem("User") == null) { |
|||
Dreamer.warning("请先预览《临时用户注册协议》", 2000); |
|||
document.getElementById("checkbox3").checked = false; |
|||
} |
|||
}); |
|||
|
|||
function addRegister() { |
|||
$("#phone2").change() |
|||
let state1 = state |
|||
$("#authcode2").change() |
|||
let state2 = state |
|||
$("#newpwd2").change() |
|||
let state3 = state |
|||
$("#newpwd3").change() |
|||
let state4 = state |
|||
if (state1 && state2 && state3 && state4) { |
|||
if ($('#checkbox3').is(':checked')) { |
|||
let data = { |
|||
cellPhone: $("#phone2").val(), |
|||
verifyCode: $("#authcode2").val(), |
|||
password: $.md5($("#newpwd3").val()).toUpperCase(), |
|||
passMd5ed: true |
|||
} |
|||
let postList = new AJAX_OBJ(api + "userself/v1/register", successGood, onUrlError); |
|||
postList.postRequestData(JSON.stringify(data)); |
|||
|
|||
function successGood(xmlHttp) { |
|||
let res = eval('(' + xmlHttp.responseText + ')'); |
|||
if (res.resultCode === "00000000") { |
|||
Dreamer.success("注册成功"); |
|||
codeCountDown(0, $("#authbtns"), "myEndTime"); |
|||
$("#phone2").val('') |
|||
$("#authcode2").val('') |
|||
$("#newpwd2").val('') |
|||
$("#newpwd3").val('') |
|||
$("#checkbox3").attr("checked", false); |
|||
localStorage.removeItem('Privacy'); |
|||
localStorage.removeItem('User'); |
|||
localStorage.removeItem('exceptions'); |
|||
registergologin('down') |
|||
} else { |
|||
Dreamer.error(res.resultMsg); |
|||
} |
|||
}; |
|||
} else { |
|||
Dreamer.warning("请勾选《隐私保护政策》和《用户注册协议》"); |
|||
} |
|||
} |
|||
} |
|||
// 注册账号 |
|||
$("#loginbtn3").click(debounce(addRegister, change2)); |
|||
|
|||
$("#institutions").prop('class', 'typecheck'); |
|||
$("#personal").bind("click", function () { |
|||
$("#institutions").prop('class', '') |
|||
$("#personal").prop('class', 'typecheck') |
|||
}); |
|||
$("#institutions").bind("click", function () { |
|||
$("#personal").prop('class', '') |
|||
$("#institutions").prop('class', 'typecheck') |
|||
}); |
|||
}); |
|||
var timers = null; /* 登录切换 注册或者找到密码 */ |
|||
function getPasswod() { |
|||
document.getElementById("getpwdModel").style.display = "block"; |
|||
var loginModelpx = document.getElementById("loginModel").style.marginTop.replace("px", ""); |
|||
clearInterval(timers); //防止重复设置定时器 |
|||
timers = setInterval(function () { |
|||
if (loginModelpx > -363) { |
|||
loginModelpx = parseInt(loginModelpx - 10); |
|||
document.getElementById("loginModel").style.marginTop = parseInt(loginModelpx - 10) + "px"; |
|||
} else { |
|||
clearInterval(timers); |
|||
} |
|||
}, 20) |
|||
|
|||
} |
|||
var timersout = null; |
|||
|
|||
function getPasswodgologin() { |
|||
var loginModelpx = parseInt(document.getElementById("loginModel").style.marginTop.replace("px", "")); |
|||
var getpwdModel = parseInt(document.getElementById("getpwdModel").style.marginTop.replace("px", "")); |
|||
clearInterval(timers); //防止重复设置定时器 |
|||
timers = setInterval(function () { |
|||
if (loginModelpx < 0) { |
|||
// getpwdModel = getpwdModel+10; |
|||
// document.getElementById("getpwdModel").style.marginTop = getpwdModel+"px"; |
|||
loginModelpx = loginModelpx + 10; |
|||
document.getElementById("loginModel").style.marginTop = loginModelpx + "px"; |
|||
} else { |
|||
clearInterval(timers); |
|||
document.getElementById("getpwdModel").style.display = "none"; |
|||
document.getElementById("getpwdModel").style.marginTop = "0px"; |
|||
} |
|||
}, 20) |
|||
timersout = setTimeout(function () { |
|||
if (getpwdModel < 360) { |
|||
getpwdModel = getpwdModel + 10; |
|||
document.getElementById("getpwdModel").style.marginTop = getpwdModel + "px"; |
|||
} else { |
|||
clearInterval(timersout); |
|||
} |
|||
}, 20) |
|||
|
|||
} |
|||
|
|||
function registers() { |
|||
document.getElementById("RegisterModel").style.display = "block"; |
|||
var loginModelpx = document.getElementById("loginModel").style.marginTop.replace("px", ""); |
|||
var RegisterModel = document.getElementById("RegisterModel").style.marginTop.replace("px", ""); |
|||
if (loginModelpx == "0" && RegisterModel == "0") { |
|||
clearInterval(timers); //防止重复设置定时器 |
|||
timers = setInterval(function () { |
|||
if (loginModelpx > -363) { |
|||
loginModelpx = parseInt(loginModelpx - 10); |
|||
document.getElementById("loginModel").style.marginTop = parseInt(loginModelpx - 10) + |
|||
"px"; |
|||
} else { |
|||
clearInterval(timers); |
|||
} |
|||
}, 20) |
|||
} else { |
|||
clearInterval(timers); //防止重复设置定时器 |
|||
timers = setInterval(function () { |
|||
if (loginModelpx >= -363) { |
|||
loginModelpx = parseInt(loginModelpx - 10); |
|||
RegisterModel = parseInt(RegisterModel - 10); |
|||
document.getElementById("loginModel").style.marginTop = loginModelpx + "px"; |
|||
document.getElementById("RegisterModel").style.marginTop = RegisterModel + "px"; |
|||
} else { |
|||
clearInterval(timers); |
|||
} |
|||
}, 20) |
|||
} |
|||
|
|||
} |
|||
|
|||
function registergologin() { |
|||
var loginModelpx = parseInt(document.getElementById("loginModel").style.marginTop.replace("px", "")); |
|||
var RegisterModel = parseInt(document.getElementById("RegisterModel").style.marginTop.replace("px", "")); |
|||
clearInterval(timers); //防止重复设置定时器 |
|||
timers = setInterval(function () { |
|||
if (loginModelpx < 0) { |
|||
loginModelpx = loginModelpx + 10; |
|||
document.getElementById("loginModel").style.marginTop = loginModelpx + "px"; |
|||
} else { |
|||
clearInterval(timers); |
|||
document.getElementById("RegisterModel").style.display = "none"; |
|||
document.getElementById("RegisterModel").style.marginTop = "0px"; |
|||
} |
|||
}, 20) |
|||
timersout = setTimeout(function () { |
|||
if (getpwdModel < 360) { |
|||
RegisterModel = RegisterModel + 10; |
|||
document.getElementById("RegisterModel").style.marginTop = RegisterModel + "px"; |
|||
} else { |
|||
clearInterval(timersout); |
|||
} |
|||
}, 20) |
|||
} |
|||
|
After Width: | Height: | Size: 44 KiB |
File diff suppressed because it is too large
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue