silu/创旅丝路/resources/ihchina/project.html

826 lines
37 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="author" content="http://www.fractal-technology.com">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no,email=no,adress=no">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="keywords" content="创旅丝路" />
<meta name="description" content="创旅丝路" /><!-- <title>文创 - 创旅丝路 - 创旅丝路</title> -->
<title>文创 - 创旅丝路</title><link rel="stylesheet" type="text/css" href="Public/static/themes/css/jquery.mCustomScrollbar.css">
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/jquery.fullPage.css">
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/video-js.css">
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/global.css">
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/flex.css">
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/page.css">
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/lyc.css">
<link rel="stylesheet" href="Public/static/themes/css/jjl.css">
<script src="Public/static/themes/js/plugs/jquery.min.js"></script>
<script src="Public/static/themes/js/plugs/social-share.min.js"></script>
<script src="Public/static/themes/js/plugs/jquery.fullPage.min.js"></script>
<script src="Public/static/themes/js/plugs/jquery.placeholder.min.js"></script>
<script src="Public/static/themes/js/plugs/jquery.ba-throttle-debounce.min.js"></script>
<script src="Public/static/themes/js/plugs/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="Public/static/themes/js/plugs/imagesloaded.pkgd.min_v3.2.0.js"></script>
<script src="Public/static/themes/js/plugs/masonry.pkgd.min.js"></script>
<script src="Public/static/themes/js/plugs/TweenMax.min.js"></script>
<script src="Public/static/themes/js/plugs/video.js"></script>
<script src="Public/static/themes/js/plugs/slick.js"></script>
<script src="Public/static/themes/js/plugs/xRoll.js"></script>
<script src="Public/static/themes/js/global.js"></script>
<script src="Public/static/themes/js/plugs/audio.js"></script>
<script src="Public/static/themes/laydate/laydate.js"></script>
<script type="text/javascript" src="https://cdn1.foundertype.com/webfont/js/ftfont-init.js"></script>
<script type="text/javascript">
$(function(){
$('.kf_search').focus(function(){
var placeholder = $(this).attr('placeholder');
var title_key = $(this).attr('title_key') ? $(this).attr('title_key') : '关键词';
if( placeholder == title_key || placeholder == 'search...' ){
$(this).attr('placeholder', '');
}else{
var val = $(this).val();
if (val == title_key || val == 'search...') {
$(this).val('');
}
}
});
$('.kf_search').blur(function(){
var val = $(this).val();
if( val == '' ){
if ( $(this).hasClass('kkword') ) {
$(this).val('search...');
}else{
var title_key = $(this).attr('title_key') ? $(this).attr('title_key') : '关键词';
$(this).attr('placeholder', title_key);
}
}
});
});
</script>
</head>
<body class="fullpage">
<script>
$(function(){
$('.x-header .widget-area-edit-title,.x-header .widget-area-notice').remove();
$('.sidebar .widget-area-edit-bg,.sidebar .widget-area-edit-title').remove();
$('.x-footer .widget-area-edit-bg,.x-footer .widget-area-edit-title').remove();
$('.rightNav .widget-area-edit-bg,.rightNav .widget-area-edit-title').remove();
$('.x-footer div,.x-footer span').removeClass('widget-area').find('.widget-area-edit,.widget-area-notice').remove();
$('.sidebar div,.x-footer span').removeClass('widget-area').find('.widget-area-edit,.widget-area-notice').remove();
});
</script>
<style>
.x-header .widget-area-edit{display:none!important;}
</style>
<style>
.empty-data{ width:100%; font-size:25px; padding-top:8%; padding-bottom:8%; text-align: center;}
a{color:inherit;}
.bg_img_btn_zrp .widget-area-edit-btn, .bg_img_btn_zrp .btn-group{margin-top:0px !important;}
</style>
<div class="sidebar x-show">
<div><div class="sb-item">
<a href="./news_2.html" >
<div class="box">
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabd3fa22ca.png" alt=""></div>
<div class="txt middle"><div class="middle-cont">通知<br />
公告</div></div>
</div>
</a>
</div>
<div class="sb-item">
<a href="../backend/page/login/login.html" >
<div class="box">
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabd8ad3ba5.png" alt=""></div>
<div class="txt middle"><div class="middle-cont">登录<br />
</div></div>
</div>
</a>
</div>
<div class="sb-item">
<a href="./tuji_list.html" >
<div class="box">
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabda3e0b89.png" alt=""></div>
<div class="txt middle"><div class="middle-cont">图集</div></div>
</div>
</a>
</div>
<div class="sb-item">
<a href="./video.html" >
<div class="box">
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabdbca4f5a.png" alt=""></div>
<div class="txt middle"><div class="middle-cont">视频</div></div>
</div>
</a>
</div>
<div class="sb-item sb-wx">
<div class="box">
<div class="ico"><img src="Uploads/Picture/2018/11/14/s5bebd173616a5.png" alt=""></div>
<div class="txt middle"><div class="middle-cont">微信<br />
公众号</div></div>
<div class="pop"><img src="Uploads/Picture/2018/11/17/oQueF61lkFl-M4ANUlHlNkcPwuvw.jpg" alt="" class="img"></div>
</div>
</div>
<div class="sb-item js-gotop topping">
<a href="javascript:;" >
<div class="box">
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabe1324e28.png" alt=""></div>
<div class="txt middle"><div class="middle-cont">回到<br />
顶部</div></div>
</div>
</a>
</div></div> </div>
<style>
#myalert{ display:none; }
.recruit .block1{ height: auto}
.layer{background:url(Public/static/themes/image/con_mask.png);;position:fixed;left:0;right: 0;/*top:43px;*/bottom: 0;width:100%;height:100%;z-index: 1000000;}
.layer .myalert{padding:30px;background:#fff;width:240px;position:absolute;margin-top:-100px;top:50%;left:50%;margin-left:-120px;text-align:center; z-index: 100000;display: block;height: 123px;}
.layer .guan{background:url(Public/static/themes/image/clos.png) no-repeat center; display:block;width:15px;height:15px;position:absolute;top:10px;right:10px;}
.layer .text{padding-bottom:15px;font-size:16px;color:#474747;}
.layer .button{background:none;border:1px solid #bbbbbb;width:91px;height:29px;font:14px/100% "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif;color: #707070;}
</style>
<div id="myalert" class="layer">
<div class="myalert">
<a href="javascript:;" onclick="myalert_hide();" class="guan"></a>
<div class="text">请输入关键字!</div>
<a><button class="button" id="my_ok" style="cursor:pointer ;opacity: 1;transform: translateY(0px);">确定</button></a>
</div>
</div>
<script>
function my_alert( title, url) {
$('#myalert').show();
$('#myalert .myalert div').html(title);
if(url){
$('#my_ok').click(function(){
window.location.href=url;
});
}else{
$('#my_ok').click(function(){
$('#myalert').hide();
});
}
}
function myalert_hide(){
$('#myalert').hide();
}
</script>
<div class="x-header ">
<div class="menu-head">
<div class="logo" edit_params="width%3D50%26height%3D50%26backgroundColor%3D1%26unlimit%3D1%26title1Show%3D1%26title1Max%3D20%26title2Show%3D1%26title2Max%3D20%26showLink%3D1"><a href="./index.html" target="_blank" >
<img src="Uploads/Picture/2018/11/20/_.._logo_font20240405_uugai.com-d1202-17123090802422-removebg-preview.png" class="img" alt="" title=""/>
</a>
<a href="./index.html">
<span class="txt"><span class="g_txt"></span> <span class="dot">创旅丝路</span> <span class="g_txt"></span></span>
</a></div> <div class="menu-btn m-show"><span class="line"></span></div>
</div>
<div class="tools p-show">
<div class="search-trigger">
<div class="search-box">
<div class="search-txt"><input placeholder="search..." class="kkword kf_search" type="text"></div><button class="search-btn submit_base" type="submit">&#xe851;</button>
</div>
</div>
<style>
.share-item .wechat-qrcode, .share-item .code {padding-top: 10px;}
@media screen and (max-width: 750px) {
.share-item .wechat-qrcode, .share-item .code {padding-top: 0px;display: -ms-flexbox;display: flex;-webkit-box-align: center; align-items: center;-webkit-box-pack: center;
-moz-justify-content: center;
-webkit-justify-content: center;
justify-content: center;}
.share-box .icon-wchat.show .wechat-qrcode {visibility: visible;opacity: 1; -webkit-transform: none;transform: none;}
}
</style>
<script>
$(function() {
$(".share-box .icon-wchat").on('click', function() {
$(this).toggleClass("show");
});
$(".menu-btn").on('click', function() {
$(".share-box .icon-wchat").removeClass("show");
});
});
</script>
<div class="calendar-box">
<span id="loginStatus"></span>
<span id="username"></span>
<a id="loginLink" href="../backend/page/login/login.html">登录</a>
<button id="logout" style="display: none;">退出</button>
<img class="w w_kf" src="Uploads/Picture/2021/04/06/s606c4418c77ba.png" alt="" title="">
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
// 使用fetch从后端获取用户信息
fetch('/backend/api/userinfo')
.then(response => response.json())
.then(data => {
const usernameElement = document.getElementById('username');
const loginLinkElement = document.getElementById('loginLink');
const logoutButton = document.getElementById('logout');
const loginStatusElement = document.getElementById('loginStatus');
// 如果存在用户信息,则显示用户名,并显示退出按钮
if (data && data.username) {
usernameElement.textContent = data.username;
loginStatusElement.textContent = '已登录';
logoutButton.style.display = 'inline-block';
loginLinkElement.style.display = 'none'; // 隐藏登录按钮
} else {
loginLinkElement.style.display = 'inline-block'; // 显示登录按钮
loginStatusElement.textContent = '未登录'; // 显示未登录状态
}
// 注销功能
logoutButton.addEventListener('click', function() {
localStorage.removeItem('userInfo');
window.location.href = '/backend/page/login/login.html';
});
})
.catch(error => console.error('Error fetching user info:', error));
});
</script>
</div>
<div class="nav-mod">
<div class="search-box m-show">
<div class="search-txt"><div class="i"></div><input type="text" placeholder="search..." class="kkword1 kf_search"></div>
<button class="search-btn submit_base1" type="submit">搜索</button>
</div>
<ul class="nav-lv nav-lv1 clear">
<li class="nav-item" >
<div class="nav-tit">
<a class="nav-link" href="./index.html">首页</a>
</div>
</li><li class="nav-item" >
<div class="nav-tit">
<a class="nav-link" href="./jigou.html">历史</a>
</div>
</li><li class="nav-item" >
<div class="nav-tit">
<a class="nav-link" href="./zhengce.html">政策</a>
<span class="arr"></span> </div>
<div class="nav-lv nav-lv2">
<ul class="nav-grp">
<li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./news.html" >新闻动态</a></div></li><li class="nav-item"></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./news_2.html" >通知公告</a></div></li> </ul>
</div>
</li><li class="nav-item" >
<div class="nav-tit">
<a class="nav-link" href="../ihchina/TourTemplate-master/show.html">旅游</a>
<span class="arr"></span> </div>
<div class="nav-lv nav-lv2">
<ul class="nav-grp">
<li class="nav-item"><div class="nav-tit"><a class="nav-link" href="../ihchina/TourTemplate-master/show.html" >景点介绍</a></div></li><li class="nav-item"></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./map/index.html" >行程路线</a></div></li> </ul>
</div>
</li><li class="nav-item" >
<div class="nav-tit">
<a class="nav-link" href="./project.html">文创</a>
<span class="arr"></span> </div>
<div class="nav-lv nav-lv2">
<ul class="nav-grp">
<li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./1.html" >戏曲</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./2.html" >影视</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./3.html" >舞蹈</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./4.html" >传统工艺</a></div></li> </ul>
</div> </li><li class="nav-item" >
<div class="nav-tit">
<a class="nav-link" href="./ziyuan.html">资源</a>
<span class="arr"></span> </div>
<div class="nav-lv nav-lv2">
<ul class="nav-grp">
<li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./shenbaozhinan.html" >下载</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./video.html" >视频</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./tuji_list.html" >图集</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href=" http://localhost:8080" >H5赏析</a></div></li> </ul>
</div> </li><li class="nav-item" >
<div class="nav-tit">
<a class="nav-link" href="./luntan.html">论坛</a>
<span class="arr"></span> </div>
<div class="nav-lv nav-lv2">
<ul class="nav-grp">
<li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./luntan.html" >论坛</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./xuekejianshe.html" >学科建设</a></div></li> </ul>
</div> </li><li class="nav-item" >
<div class="nav-tit">
<a class="nav-link" href="./guanyuwomeng.html">关于我们</a>
<span class="arr"></span> </div>
<div class="nav-lv nav-lv2">
<ul class="nav-grp">
<li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./zhishichuang.html" >知识窗</a></div></li> </ul>
</div> </li> </ul>
<div class="share-box social-share m-show" data-initialized="true">
<a href="#" class="social-share-icon share-item icon-wchat icon-wechat"></a>
<a href="#" class="social-share-icon share-item icon-sinawb icon-weibo"></a>
</div>
</div>
</div>
<script>
$(function(){
$(".submit_base").click(function () {
var kkword = $(".kkword").val().replace(/ /g,"$@*");
if(kkword == '' || kkword == "search..."){
my_alert("请输入搜索内容");return false;
}
window.location = "/search_result/keyword/"+kkword;
});
$(".submit_base1").click(function () {
var kkword = $(".kkword1").val().replace(/ /g,"$@*");
if(kkword == '' || kkword == "search..."){
my_alert("请输入搜索内容");return false;
}
window.location = "/search_result/keyword/"+kkword;
});
if($(window).width() <=750) {
$(".x-header").keyup(function(e){
if(e.keyCode === 13){
$(".submit_base1").click();
}
});
}else{
$(".x-header").keyup(function(e){
if(e.keyCode === 13){
$(".submit_base").click();
}
});
}
$(".x-container .result1").keyup(function(e){
if(e.keyCode === 13){
$("#submit").click();
}
});
});
</script>
<style>
#table th{text-align:center;}
</style>
<div class="x-container" data-nopad="true">
<div class="bread-mod p-show" style="z-index:9;">
<div class="x-wrap">
<div class="bread-item"><a href="/">首页</a></div>
<div class="bread-item"><a href="/directory_list.html">文创</a> </div> </div>
</div>
<div class="block-mod8">
<div class="block-item img" id="block-item" ><div class="mask" style="background-color: rgba(0,0,0,0.5);"></div></div>
<div edit_params="width%3D960%26height%3D850%26noalert%3D1%26unlimit%3D1%26zoom%3D3" style="background-color: rgba(0,0,0,0.5);"> <style>
#block-item{
background-image: url("Uploads/Picture/丝绸之路/传统工艺/6b963b0c15c7c6077bbae3cd6f83b1bd.jpeg");
}
.tu1{
background-image: url("Public/static/themes/image/temp/tu/0187785cde5acaa801214168327ce0.jpg@1280w_1l_2o_100sh.jpg");
background-color: rgba(0,0,0,0.5);
}
</style></div> <div class="block-item tu1" >
<div class="title">
<div class="h30">
<div style="margin: 2px">文创</div> </div>
<div class="dot"></div></div>
<div class="list">
<div class="list-item l1"><a href="/project.html#target1">戏曲</a></div><div class="list-item l2"><a href="/representative.html#target1">影视</a></div><div class="list-item l3"><a href="/shiyanshi.html#target1">美食</a></div><div class="list-item l4"><a href="/shifanjidi.html#target1">古迹</a></div><div class="list-item l5"><a href="/directory_list.html#target1">传统工艺</a></div> </div>
</div>
</div>
<div class="represen2" id="target1">
<div class="x-wrap">
<div class="title">
<div class="h30">文化遗产保护</div> <div class="p"><p style="text-align:justify;text-indent:2em;">
<br />
</p>
<p>
中国与“一带一路”沿线国家和地区签订了一系列文化合作协定、年度执行计划、谅解备忘录等政府间文件,以加强文化交流与合作机制化发展。这些协定和计划涉及文化遗产保护的多个方面,包括联合保护、研究、人员培训、项目交流和联合申报等。
</p>
<p>
中国政府出台了一系列支持丝绸之路文化或一带一路文创的政策措施。例如,鼓励地方和社会力量参与文化遗产领域的对外交流与合作;支持创新发展和文化创意产业的发展;加强与国际组织和沿线国家和地区的合作与交流等。这些政策旨在推动丝绸之路文化的传承与发展,促进沿线国家的文化繁荣与进步。 </p>
<p>
<br />
</p></div> <div class="t_more b16">
<div><a href="/shenbaozhinan">查看更多</a></div> </div>
</div>
<div class="num-box" id="sy_target1">
<div edit_params="title1Show%3D1%26title2Show%3D1%26tabs%3D4%26title1Max%3D5%26title2Max%3D10"><div class="num-item">
<div class="b" data-rn="5"></div>
<div class="h18">批次</div>
</div><div class="num-item">
<div class="b" data-rn="10"></div>
<div class="h18">类别</div>
</div><div class="num-item">
<div class="b" data-rn="1557"></div>
<div class="h18">项目</div>
</div><div class="num-item">
<div class="b" data-rn="3610"></div>
<div class="h18">子项</div>
</div></div> </div>
<div class="screen-mod" id='top' num='0'>
<div class="select-mod" data-select-clickup="true">
<div class="select-bar bp-border"><div class="select-btn bp-inner"><p class="select-val placeholder">所属地区</p></div>
<select class="select-native">
<option value="">所属地区</option>
<option value="110000" >
北京市 </option><option value="120000" >
天津市 </option><option value="130000" >
河北省 </option><option value="140000" >
山西省 </option><option value="150000" >
内蒙古自治区 </option><option value="210000" >
辽宁省 </option><option value="220000" >
吉林省 </option><option value="230000" >
黑龙江省 </option><option value="310000" >
上海市 </option><option value="320000" >
江苏省 </option><option value="330000" >
浙江省 </option><option value="340000" >
安徽省 </option><option value="350000" >
福建省 </option><option value="360000" >
江西省 </option><option value="370000" >
山东省 </option><option value="410000" >
河南省 </option><option value="420000" >
湖北省 </option><option value="430000" >
湖南省 </option><option value="440000" >
广东省 </option><option value="450000" >
广西壮族自治区 </option><option value="460000" >
海南省 </option><option value="500000" >
重庆市 </option><option value="510000" >
四川省 </option><option value="520000" >
贵州省 </option><option value="530000" >
云南省 </option><option value="540000" >
西藏自治区 </option><option value="610000" >
陕西省 </option><option value="620000" >
甘肃省 </option><option value="630000" >
青海省 </option><option value="640000" >
宁夏回族自治区 </option><option value="650000" >
新疆维吾尔自治区 </option><option value="990122" >
新疆生产建设兵团 </option><option value="810000" >
香港 </option><option value="820000" >
澳门 </option><option value="990121" >
中直单位 </option><option value="990385" >
</option> </select>
</div>
<div class="select-cont">
<ul class="select-opts province">
<li class="select-item">全部</li>
<li class="select-item " data-id="110000">
北京市 </li><li class="select-item " data-id="120000">
天津市 </li><li class="select-item " data-id="130000">
河北省 </li><li class="select-item " data-id="140000">
山西省 </li><li class="select-item " data-id="150000">
内蒙古自治区 </li><li class="select-item " data-id="210000">
辽宁省 </li><li class="select-item " data-id="220000">
吉林省 </li><li class="select-item " data-id="230000">
黑龙江省 </li><li class="select-item " data-id="310000">
上海市 </li><li class="select-item " data-id="320000">
江苏省 </li><li class="select-item " data-id="330000">
浙江省 </li><li class="select-item " data-id="340000">
安徽省 </li><li class="select-item " data-id="350000">
福建省 </li><li class="select-item " data-id="360000">
江西省 </li><li class="select-item " data-id="370000">
山东省 </li><li class="select-item " data-id="410000">
河南省 </li><li class="select-item " data-id="420000">
湖北省 </li><li class="select-item " data-id="430000">
湖南省 </li><li class="select-item " data-id="440000">
广东省 </li><li class="select-item " data-id="450000">
广西壮族自治区 </li><li class="select-item " data-id="460000">
海南省 </li><li class="select-item " data-id="500000">
重庆市 </li><li class="select-item " data-id="510000">
四川省 </li><li class="select-item " data-id="520000">
贵州省 </li><li class="select-item " data-id="530000">
云南省 </li><li class="select-item " data-id="540000">
西藏自治区 </li><li class="select-item " data-id="610000">
陕西省 </li><li class="select-item " data-id="620000">
甘肃省 </li><li class="select-item " data-id="630000">
青海省 </li><li class="select-item " data-id="640000">
宁夏回族自治区 </li><li class="select-item " data-id="650000">
新疆维吾尔自治区 </li><li class="select-item " data-id="990122">
新疆生产建设兵团 </li><li class="select-item " data-id="810000">
香港 </li><li class="select-item " data-id="820000">
澳门 </li><li class="select-item " data-id="990121">
中直单位 </li><li class="select-item " data-id="990385">
</li> </ul>
</div>
</div>
<div class="select-mod" data-select-clickup="true">
<div class="select-bar bp-border"><div class="select-btn bp-inner"><p class="select-val placeholder">公布时间</p></div>
<select class="select-native">
<option value="">公布时间</option>
<option value="1">2006(第一批)</option><option value="2">2008(第二批)</option><option value="3">2011(第三批)</option><option value="4">2014(第四批)</option><option value="10">2021(第五批)</option> </select>
</div>
<div class="select-cont">
<ul class="select-opts rx_time">
<li class="select-item">全部</li>
<li class="select-item" data-id="1">2006(第一批)</li><li class="select-item" data-id="2">2008(第二批)</li><li class="select-item" data-id="3">2011(第三批)</li><li class="select-item" data-id="4">2014(第四批)</li><li class="select-item" data-id="10">2021(第五批)</li> </ul>
</div>
</div>
<div class="select-mod" data-select-clickup="true">
<div class="select-bar bp-border">
<div class="select-btn bp-inner">
<p class="select-val placeholder">类别</p>
</div>
<select class="select-native">
<option value="0">类别</option>
<option value="1" >民间文学</option><option value="2" >传统音乐</option><option value="3" >传统舞蹈</option><option value="4" >传统戏剧</option><option value="5" >曲艺</option><option value="6" >传统体育、游艺与杂技</option><option value="7" >传统美术</option><option value="8" >传统技艺</option><option value="9" >传统医药</option><option value="10" >民俗</option> </select>
</div>
<div class="select-cont">
<ul class="select-opts type">
<li class="select-item">全部</li>
<li class="select-item " data-id="1">民间文学</li><li class="select-item " data-id="2">传统音乐</li><li class="select-item " data-id="3">传统舞蹈</li><li class="select-item " data-id="4">传统戏剧</li><li class="select-item " data-id="5">曲艺</li><li class="select-item " data-id="6">传统体育、游艺与杂技</li><li class="select-item " data-id="7">传统美术</li><li class="select-item " data-id="8">传统技艺</li><li class="select-item " data-id="9">传统医药</li><li class="select-item " data-id="10">民俗</li> </ul>
</div>
</div>
<div class="select-mod" data-select-clickup="true">
<div class="select-bar bp-border"><div class="select-btn bp-inner"><p class="select-val placeholder">类型</p></div>
<select class="select-native">
<option value="">类型</option>
<option value="1">新增项目</option><option value="2">扩展项目</option> </select>
</div>
<div class="select-cont">
<ul class="select-opts cate">
<li class="select-item">全部</li>
<li class="select-item" data-id="1">新增项目</li><li class="select-item" data-id="2">扩展项目</li> </ul>
</div>
</div>
<div class="input"><div class="bp-border"><div class="bp-inner">
<input type="text" placeholder="关键词:项目名称" title_key="关键词:项目名称" class="kf_search" id="keywords" autocomplete="off"></div></div></div>
<div class="submit bp-border cur"><div class="bp-inner"><button type="submit" id="submit">搜索</button></div></div>
</div>
<div class="tit"><div class="h18">搜索结果:共搜索到 <div class="col">0</div> 个 项目</div></div>
<div class="x-tables" id="target2">
<table id="table">
<tr>
<th width="111">序号</th>
<th width="111">项目序号</th>
<th width="130">编号</th>
<th width="232">名称</th>
<th width="127">类别</th>
<th width="128">公布时间</th>
<th width="128">类型</th>
<th width="374">申报地区或单位</th>
<th width="374">保护单位</th>
</tr>
<tr style="text-align:center;"><td colspan="12">暂无数据</td></tr>
</table>
</div>
<div class="page-mod" id="page" style="color:#333;">
<ul class="page-box p-show clear">
</ul>
</div>
<input type="hidden" name="total_pages" value="1">
</div>
</div>
</div>
<input type="hidden" id="p" value="1" autocomplete="off">
<input type="hidden" id="search_page" value="">
<script>
$(function(){
$("#submit").trigger('click');
$('.block-mod8 .list').xRoll({
stagger: 0.3,
target: '.list-item',
trans: {
y: '50%',
cycle: {
ease:function(i) {
return Back.easeOut.config(Math.random() * 3);
}
}
}
});
$('.num-box').xRoll({
mobile: true,
ie8: 1,
ratio: 0,
trans:{autoAlpha: 1},
onRoll:function(elm,rate){
rollNumber(elm, rate, '.b', 'rn', 2);
}
});
});
function load_data(page,che,more,aj) {
//地区
var province = $(".province .selected").data('id');
var rx_time = $(".rx_time .selected").data('id');
var type = $(".type .selected").data('id');
var cate = $(".cate .selected").data('id');
var keywords = $("#keywords").val();
var category_id = "16";
//判断是否为nan
if(province == undefined ){
province = '';
}
if(rx_time == undefined ){
rx_time = '';
}
if(type == undefined ){
type = '';
}
if(cate == undefined ){
cate = '';
}
if(keywords == undefined ){
keywords = '';
}
if(keywords == '关键词'){
keywords = "";
}
var params = {
province:province,
rx_time:rx_time,
type:type,
cate:cate,
keywords:keywords,
category_id:category_id,
limit:"10",
p:page, //当前页数
};
$.get("/getProject.html",params,function (data) {
var id_num = max_num = start = 0;
var limit = "10";
if(data.links == null || data.links.down == undefined){
$("#more").hide();
}
if (more == 1){
var html = "";
}else{
var html = "<tr> <th width='111'>序号</th><th width='128'>项目序号</th> <th width='130'>编号</th><th width='232'>名称</th><th width='127'>类别</th><th width='128'>公布时间</th> <th width='128'>类型</th><th width='374'>申报地区或单位</th><th width='374'>保护单位</th></tr>";
}
max_num = data.p * limit;
start = (max_num - limit) + 1;
var str_type = '';
if(data.list){
$.each(data.list,function(i,d){
if ( d.cate == null ){
d.cate = '';
}
id_num = i + start;
var str_type = d.type.replace("、", "、<br/>");
html += "<tr>"+
"<td><div class='name'>序号</div>"+id_num+"</td>"+
"<td><div class='name'>项目序号</div>"+d.auto_id+"</td>"+
"<td><div class='name'>编号</div>"+d.num+"</td>"+
"<td><div class='name'>名称</div><a href='/project_details/"+d.id+"/' target='_blank'>"+d.title+"</a></td>" +
"<td><div class='name'>类别</div>"+str_type+"</td>"+
"<td><div class='name'>公布时间</div>"+d.rx_time+"</td>"+
"<td><div class='name'>类型</div>"+d.cate+"</td>"+
"<td><div class='name'>申报地区或单位</div>"+d.province+"</td>"+
"<td><div class='name'>保护单位</div>"+d.protect_unit+"</td>"+
"</tr>";
});
$("#p").val(data.p);
if(more == 1){
$("#table").append(html);
$(".col").html(data.count);
//$('#more').hide();
}else{
$("#table").html(html);
$(".col").html(data.count);
$('#page').show();
$("#page").html(data.pa);
$("#search_page").val("");
}
if (aj==1 && more != 1){
$('html,body').animate({ scrollTop : parseInt( $('#target1').offset().top-30 ) } , 500 );
}
if (aj==2 && more != 1){
$('html,body').animate({ scrollTop : parseInt( $('#target2').offset().top-30 ) } , 500 );
}
//location.href = "#target1";
// var is_first = $('#top').attr('num');
// if (is_first == 1) {
// location.href = "#top";
// }else{
// $('#top').attr('num', 1);
// }
var total_pages = data.links.end.text;
total_pages = total_pages.replace("...","");
if(total_pages){
$('input[name="total_pages"]').val(parseInt(total_pages));
}
}else {
html += '<tr style="text-align:center;"><td colspan="12">暂无数据</td></tr>';
$('#table').html(html);
$(".col").html('0');
$('#page').hide();
$('html,body').animate({ scrollTop : parseInt( $('#target2').offset().top ) } , 500 );
}
});
}
//搜索
$("#submit").click(function () {
var page = 1;
$("#p").val(page);
//$('#top').attr('num', 0);
if ( $("#search_page").val() == '1' ){
return false;
}
load_data(page,0,0);
}).trigger('click');
//下一页
function down(){
var page = $("#p").val();
page = parseInt(page) + 1;
$("#p").val(page);
load_data(page,0,0,2);
}
//第几页
function local(p){
load_data(p,0,0,2);
}
//上一页
function up(){
var page = $("#p").val();
page = parseInt(page) - 1;
$("#p").val(page);
load_data(page,0,0,2);
}
//查看更多
function more(){
var page = $("#p").val();
page = parseInt(page) + 1;
$("#p").val(page);
load_data(page,0,1,2);
}
function search_page(){
var page = $("#page_num").val();
$("#search_page").val("1");
if(page == ''){
my_alert("请输入页码数值"); return false;
}
var total_pages = $('input[name="total_pages"]').val();
if(parseInt(page) > parseInt(total_pages)){
page = total_pages;
}
load_data(page,0,0,2);
}
</script>
<div class="x-footer ">
<div class="about-site ">
<div class="x-wrap">
</div>
</div>
<div class="slot">
</div>
</div>
</body>
</html>
<script>
var fontCfg = { p:'RcBXTdTZfrUdQUpm', fonts: [ { fontName: 'FZQKBYSJW' , fontFamily: ['fzqkbysjw'] } ] };
var myFont = new FTFont(fontCfg);
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?48f745cc9872cc90f47b2b33eaa85e45";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?af2ca88e2c7a0d358a5a1130270ea7cf";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?e6bb642ef6aa358c8b7d9673479f38c7";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>