Skip to content

W
web-site
Commit a3b2551f by wangjihua
Options

初始化项目

parents
Showing with 1047 additions and 0 deletions
README.md 0 → 100644
征收系统源代码
1.直接拷贝src文件到测试站或者其他站点，打包不执行 npm run build.
2.改换站点时，要修改js/main.js的变量 api_prefix
开发：var api_prefix = '/zs-web';
测试：var api_prefix = '/zs-test';
website/package-lock.json 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
website/package.json 0 → 100644
{
"name": "website-app",
"version": "1.0.0",
"private": true,
"scripts": {
"build": "cross-env NODE_ENV=production WebPack-dev-server --config webpack.config.js",
"dev": "cross-env NODE_ENV=development webpack-dev-server --config webpack.config.js"
},
"devDependencies": {
"cross-env": "^5.2.0",
"webpack": "^4.17.1",
"webpack-cli": "^3.1.0",
"webpack-dev-server": "^3.1.5"
},
"dependencies": {
"html-webpack-plugin": "^3.2.0"
}
}
website/src/articlDdetails.html 0 → 100644
<!doctype html>
<html>
<head>
<meta charset='utf-8' />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="edge" />
<title>政策法规</title>
<link rel="shortcut icon" href="/images/favicon.ico" />
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/index.css">
<script src="scripts/jquery.min.js"></script>
<script src="js/pages.js"></script>
</head>
<body>
<div id="top">
<div class="wrap clearfix">
<div class="welcomeInfo fl"></div>
<ul class="save fr">
<li><a href="index"><i class="icon icon-home2"></i>设为首页</a></li>
<li><a href="index"><i class="icon icon-save"></i>加入收藏</a></li>
<li><a href="index"><i class="icon icon-home"></i> 首页</a></li>
</ul>
</div>
</div>
<div id="banner">
<div class="wrap">
<div class="banner">
</div>
</div>
</div>
<div id="nav" class="clearfix">
<div class="wrap">
<ul class="nav clearfix">
<li><a href="index.html">网站首页</a></li>
<li><a href="">公告公示</a></li>
<li><a href="articleList.html">政策法规</a></li>
<li><a href="">工作动态</a></li>
<li><a href="">党群路线</a></li>
<li><a href="information.html">咨询反馈</a></li>
</ul>
<div class="tool clearfix">
<span><i></i>资质申请</span>
<span><i></i>资料下载</span>
</div>
</div>
</div>
<div class="content-body">
<div class="url">
<img src="images/position.png" style="margin-right:10px;width:15px;">当前位置：<a href="index.html">网站首页</a> 》政策法规
</div>
<div class="title">
<div class="left"><img src=""/>政策法规</div>
</div>
<!-- 政策法规详情页 -->
<div class="information-item article-item cutdet">
<div class="article-title">贵州省政府批复同意《贵州省土地整治规划》</div>
<div class="article-from">
<span class="time">
<label>发布时间:</label>
<span>2017-9-5 8:40:14</span>
</span>
<span class="come">
<label>内容来源:</label>
<span>贵阳晚报</span>
</span>
<span class="watch_people">
<label>阅读次数:</label>
<span>349</span>
</span>
<span class="set">
<label>字体:</label>
<span style="font-size:18px;">T</span>
<span style="font-size:16px;">T</span>
<span style="font-size:14px;">T</span>
<span><a>打印</a></span>
<span>评论:<span>0</span> </span>
</span>
</div>
<div class="article-text">
<p>9月4日，省委常委、贵阳市委书记李再勇主持召开贵阳市轨道交通项目规划建设及棚户区城中村改造工作专题会，强调要坚持共建共享，注重问题导向，强化统筹联动，加快贵阳轨道交通建设和棚户区城中村改造，为人民群众谋福祉，为城市发展添动力。</p>
<p> 贵阳市委常委、秘书长、统战部长聂雪松，市政协副主席、市委组织部常务副部长赵继红出席，副市长钟汰甬汇报。 李再勇指出，轨道交通建设是“牵一发而动全身”的拉动性项目，对推动贵阳经济社会发展具有重要意义。全市各级各部门要把轨道交通建设和棚户区城中村改造作为重大民生工程来抓，从交通改善、产业发展、城市开发等角度切入，进行系统谋划、全盘考虑，深入查找问题、解决问题，以共建共享方式加快推进，让“爽爽的贵阳”更具价值和内涵，让人民群众有更多获得感。</p>
<p> 李再勇强调，要充分结合城市发展需求，综合考虑人口增长、城区扩展、产业发展等因素，科学谋划建设轨道交通。要把轨道交通与周边路网衔接起来，尽早研究交通组织，解决好交通换乘问题，努力实现互联互通，让城市交通更畅通。要把轨道交通建设与周边棚户区城中村改造结合起来，发挥政府主导、市场主体、市民参与的作用，用好“资源变资产、资金变股金、市民变股东”的“三变”改革，实现区域经济价值和社会价值的最大化。要加快投融资体制改革，创新融资方式，积极引进社会资本，进行市场化运营，建立稳定的“借用还”一体化运作模式，最大限度压缩财政开支。要进一步加快轨道交通施工进度，在确保质量和安全的前提下，细化目标任务，明确时间节点，优化施工组织，争取在建工程早日竣工。要站在建设更高水平全面小康的高度推进棚户区城中村改造，用好用足国家和省的利好政策，坚持把“精准”二字贯穿始终，狠抓脱贫攻坚基础，不断提升精准识别率、精准退出率和群众满意度，确保“两不愁、三保障”，做到“户户有增收项目、人人有脱贫门路”。</p>
<p> 李再勇要求，在推进轨道交通建设和棚户区城中村改造过程中，市级层面要发挥统筹作用，用改革办法打破城市管理、投融资等方面的体制机制障碍，指导支持各区（市、县）开展工作，及时协调解决重大问题，确保工作顺利推进；各区（市、县）和四个开放平台要发挥主导作用，围绕轨道交通建设和棚户区城中村改造，不断优化交通建设，完善城市空间布局和功能，加快产业发展，加强生态环境保护，努力改善民生，推动区域经济社会创新、协调、绿色、开放、共享发展。 贵阳市直有关部门、各区（市、县）、高新区、经开区、综保区、双龙航空港经济区负责人和部分企业代表参会。</p>
</div>
</div>
<div class="pageposition">
<div class="pages"></div>
</div>
</div>
<div id="footer">
<div class="wrap">
<p>版权所有：CopyRight 贵阳房屋</p>
<p>联系地址：贵阳市乌当区xxxx 邮政编码:xxxxxxx 联系电话:138xxxx4866</p>
<p>征收网主办单位：xxxxxx</p>
</div>
</div>
<div id="content"></div>
<input type="button" id="btnLogin" value="登录">
<script type="text/javascript">
$(function(){
$(".pages").Page({
Pages:8,
Jump:false,
PageNum:5,
TopText:"上一页",
DownText:"下一页",
ActiveClass:"paging-selecte",
EhCondition:3,
PageOn:function(data){
//console.log(data)
},
JumpOn:false,
},true);
})
</script>
</body>
</html>
\ No newline at end of file
website/src/articleList.html 0 → 100644
<!doctype html>
<html>
<head>
<meta charset='utf-8' />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="edge" />
<meta name="description" content="">
<meta name="keyword" content="">
<meta name="author" content="">
<title>政策法规</title>
<link rel="shortcut icon" href="/images/favicon.ico" />
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/index.css">
<script src="scripts/jquery.min.js"></script>
<script src="js/pages.js"></script>
</head>
<body>
<div id="top">
<div class="wrap clearfix">
<div class="welcomeInfo fl">欢迎光临! <span id="timeInfo"></span> </div>
<ul class="save fr">
<li><a href="###" onclick="SetHome(this, window.location) "><i class="icon icon-home"></i>设为首页</a></li>
<li><a href="###" onclick="AddFavorite( window.location,document.title)"><i class="icon icon-save"></i>加入收藏</a></li>
<li><a href="index.html"><i class="icon icon-home2"></i> 首页</a></li>
</ul>
</div>
</div>
<div id="banner">
<div class="wrap">
<div class="banner">
<img src="" alt="banner图">
</div>
</div>
</div>
<div id="nav" class="clearfix">
<div class="wrap">
<ul class="nav clearfix">
</ul>
<!-- <div class="tool clearfix">
<span><i class="icon icon-download"></i>资料下载</span>
<span><i class="icon icon-qualitfy"></i>资质申请 <b class="icon icon-arrow-down"></b> </span>
</div> -->
</div>
</div>
<div class="content-body">
<div class="url">
<img src="images/position.png" style="margin-right:10px;width:15px;">当前位置：<a href="index.html">网站首页</a> >> <span
class="cur"></span>
</div>
<div class="title main-title">
<div class="left"><img src="" /> <span></span></div>
</div>
<div class="information-item article-item">
<div class="no-data">暂无数据</div>
</div>
<div class="pageposition main">
<div class="pages"></div>
</div>
</div>
<div id="footer">
<div class="wrap">
</div>
</div>
<script src="js/main.js"></script>
<script type="text/javascript">
$(function() {
var id = getUrlParam("typeId")
$.get(api_prefix + '/web/information/getpagelist', { informationTypeId: id, size: 3 }, function(res) {
if (res && res.success && res.data.result.length > 0) {
renderList(res.data)
var pages = Math.ceil(res.data.totalCount / res.data.pageSize)
$(".pages").Page({
Pages: pages,
Jump: true,
PageNum: 10,
TopText: "上一页",
DownText: "下一页",
ActiveClass: "paging-selecte",
EhCondition: 10,
PageOn: function(page) {
$.get(api_prefix + '/web/information/getpagelist', { informationTypeId: id, page: page - 1, size: 3 }, function(res) {
if (res.data.result.length == 0) return
$(".information-item").empty();
renderList(res.data)
})
},
JumpOn: true,
}, true);
} else if (res.data.result.length == 0) {
$('.no-data').show()
}
})
$.get(api_prefix + "/web/information/querytypetree", function(result) {
if (result && result.success) {
var chanelArr = [];
result.data.forEach(item => {
if (item.name == '公开信息') {
chanelId = item.id
}
})
result.data.forEach(item => {
if (item.pid == chanelId && item.navigation) {
chanelArr.push(item)
}
})
renderTit(result.data)
renderMenu(chanelArr)
} else {
alert("数据获取失败！")
}
})
function renderTit(data) {
data.forEach(function(item) {
if (item.informationTypeId == id) {
name = item.name
$(".main-title span").text(name);
$(".url .cur").text(name);
$('title').html(name)
}
})
}
function renderMenu(data) {
var str = '<li><a href="index.html">网站首页</a></li>';
var activeClass = ""
data.forEach(function(item) {
activeClass = item.informationTypeId == id ? 'active' : ''
str += '<li class="' + activeClass + '"><a href="articleList.html?typeId=' + item.informationTypeId + '">' + item.name + '</a></li>';
})
$('#nav .nav').empty();
$('#nav .nav').append(str);
var width = 100 / (data.length + 1)
$("#nav .nav>li").width(Math.floor(width * 100) / 100 + '%')
}
function renderList(data) {
data.result.forEach(function(item) {
if (item.summary == '') item.summary = '暂无摘要'
if (item.title == '') item.title = '暂无标题'
var itemStr = '';
itemStr += ' <div class="item clearfix"><div class="question"> <span class="question-det">' + item.title + '</span></div><div class="article-content">' + item.summary + '</div><div style="clear:both"></div><div class="article-det"><img src="images/watch_more.png"><a href="detail.html?id=' + item.informationId + '">查看更多</a></div></div>'
$(".information-item").append(itemStr)
});
}
})
</script>
</body>
</html>
\ No newline at end of file
website/src/css/base.css 0 → 100644
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
body{
font-family: "微软雅黑";
font-size: 14px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section {
display: block;
}
a{
text-decoration: none;
}
* {
word-wrap: break-word;
outline: none;
box-sizing: border-box;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*清除浮动代码*/
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{zoom:1}
.fl{float: left;}
.fr{float: right;}
.wrap{width: 970px;margin: 0 auto;}
.fullContainer{width: 100%;}
/*箭头向左*/
.arrow-left {
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right: 13px solid #fff;
display: inline-block;
position: absolute;
right: -30px;
top: 50%;
transform: translateY(-50%);
}
/*箭头向右*/
.arrow-right {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 6px solid #999;
display: inline-block;
margin-right: 12px;
position: relative;
top: -5px;
}
i.icon.icon-home2{
background-image:url(../images/home2.png)
}
i.icon.icon-home2:hover{
background-image:url(../images/home2_h.png)
}
i.icon.icon-home{
background-image:url(../images/home.png)
}
i.icon.icon-save{
background-image:url(../images/save.png)
}
i.icon.icon-download{
background-image:url(../images/download.png)
}
i.icon.icon-qualitfy{
background-image:url(../images/qualitfy.png)
}
i.icon.icon-more{
background-image:url(../images/more.png)
}
b.icon.icon-arrow-down{
background-image:url(../images/arrow_down.png)
}
\ No newline at end of file
website/src/detail.html 0 → 100644
<!doctype html>
<html>
<head>
<meta charset='utf-8' />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="edge" />
<meta name="description" content="">
<meta name="keyword" content="">
<meta name="author" content="">
<title>文章详情</title>
<link rel="shortcut icon" href="/images/favicon.ico" />
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/index.css">
<script src="scripts/jquery.min.js"></script>
<script src="js/pages.js"></script>
</head>
<body>
<div id="top">
<div class="wrap clearfix">
<div class="welcomeInfo fl">欢迎光临! <span id="timeInfo"></span> </div>
<ul class="save fr">
<li><a href="###" onclick="SetHome(this, window.location) "><i class="icon icon-home"></i>设为首页</a></li>
<li><a href="###" onclick="AddFavorite( window.location,document.title)"><i class="icon icon-save"></i>加入收藏</a></li>
<li><a href="index.html"><i class="icon icon-home2"></i> 首页</a></li>
</ul>
</div>
</div>
<div id="banner">
<div class="wrap">
<div class="banner">
<img src="" alt="banner图">
</div>
</div>
</div>
<div id="nav" class="clearfix">
<div class="wrap">
<ul class="nav clearfix">
</ul>
</div>
</div>
<div class="content-body">
<div class="url">
<img src="images/position.png" style="margin-right:10px;width:15px;">当前位置：<a href="index.html">网站首页</a> >> <span
class="cur"></span>
</div>
<div class="title main-title">
<div class="left"><span></span></div>
</div>
<!-- 政策法规详情页 -->
<div class="information-item article-item cutdet">
<div class="article-title"></div>
<div class="article-from">
<span class="time">
<label>发布时间:</label>
<span></span>
</span>
<span class="come">
<label>内容来源:</label>
<span></span>
</span>
<span class="viewNum">
<label>阅读次数:</label>
<span></span>
</span>
<span class="set">
<!-- <label>字体:</label>
<span style="font-size:18px;">T</span>
<span style="font-size:16px;">T</span>
<span style="font-size:14px;">T</span>
<span><a>打印</a></span>
<span>评论:<span>0</span> </span> -->
<!-- 暂时注销 -->
</span>
</div>
<div class="article-text">
</div>
</div>
</div>
<div id="footer">
<div class="wrap">
</div>
</div>
<script src="js/main.js"></script>
<script type="text/javascript">
$(function () {
var id = getUrlParam("id");
var typeId = null
$.get(api_prefix + '/web/information/getinfordetails?', { id: id }, function (res) {
if (res && res.success) {
$(".article-text").append(res.data.content||"文章暂无内容");
$('.time>span').text(res.data.updateDate ||'');
$('.come>span').text(res.data.source || '暂无');
$('.viewNum>span').text(res.data.viewNum);
$(".article-title").text(res.data.title);
var name = res.data.informationTypeName
$(".main-title span").text(name);
$(".url .cur").text(name);
$('title').html(res.data.title)
typeId = res.data.informationTypeId
}
})
$.get(api_prefix + "/web/information/querytypetree", function (result) {
if (result && result.success) {
var chanelArr = [];
result.data.forEach(item => {
if (item.name == '公开信息') {
chanelId = item.id
}
})
result.data.forEach(item => {
if (item.pid == chanelId && item.navigation) {
chanelArr.push(item)
}
})
renderMenu(chanelArr)
} else {
alert("数据获取失败！")
}
})
function renderMenu(data) {
var str = '<li><a href="index.html">网站首页</a></li>';
var activeClass = ""
data.forEach(function (item) {
activeClass = item.informationTypeId == typeId ? 'active' : ''
str += '<li class="' + activeClass + '"><a href="articleList.html?typeId=' + item.informationTypeId + '">' + item.name + '</a></li>';
})
$('#nav .nav').empty();
$('#nav .nav').append(str);
var width=100/(data.length+1)
$("#nav .nav>li").width(Math.floor(width*100)/100 + '%')
}
})
</script>
</body>
</html>
\ No newline at end of file
website/src/information.html 0 → 100644
<!doctype html>
<html>
<head>
<meta charset='utf-8' />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="edge" />
<title>文章管理</title>
<link rel="shortcut icon" href="/images/favicon.ico" />
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/index.css">
<script src="scripts/jquery.min.js"></script>
<script src="js/pages.js"></script>
</head>
<body>
<div id="top">
<div class="wrap clearfix">
<div class="welcomeInfo fl"></div>
<ul class="save fr">
<li><a href="index"><i class="icon icon-home2"></i>设为首页</a></li>
<li><a href="index"><i class="icon icon-save"></i>加入收藏</a></li>
<li><a href="index"><i class="icon icon-home"></i> 首页</a></li>
</ul>
</div>
</div>
<div id="banner">
<div class="wrap">
<div class="banner">
</div>
</div>
</div>
<div id="nav" class="clearfix">
<div class="wrap">
<ul class="nav clearfix">
<li><a href="index.html">网站首页</a></li>
<li><a href="">公告公示</a></li>
<li><a href="articleList.html">政策法规</a></li>
<li><a href="">工作动态</a></li>
<li><a href="">党群路线</a></li>
<li><a href="">咨询反馈</a></li>
</ul>
<div class="tool clearfix">
<span><i></i>资质申请</span>
<span><i></i>资料下载</span>
</div>
</div>
</div>
<div class="content-body">
<div class="url">
<img src="images/position.png" style="margin-right:10px;width:15px;">当前位置：<a href="index.html">网站首页</a> 》咨询反馈
</div>
<div class="title">
<div class="right">咨询反馈</div>
<div class="left"><img src=""/>我要咨询</div>
</div>
<div class="information-item">
<div class="item">
<div class="question">
<span class="question-title">问题:</span><span class="question-det">房产资讯，小城故事去年新修的楼盘办理了预售合同备案登记表了吗？</span>
</div>
<div class="info">
<span class="name">asdfasdf是的</span>
<span class="date">2016-07-01 17:23</span>
</div>
<div class="answer">
<div class="answer-content">您好！通常情况下，员工的社保转出手续必须由原单位办理，若原单位已暂停结算且本人已与原单位解除劳动关系的，可以由员工本人携带身 份证、退工单等相关证明材料至原单位所属区的社保经办机构提出社保转出申请。</div>
<div class="time">管理员 <span>2016-07-01 17:23</span></div>
</div>
</div>
<div class="item">
<div class="question">
<span class="question-title">问题:</span><span class="question-det">房产资讯，小城故事去年新修的楼盘办理了预售合同备案登记表了吗？</span>
</div>
<div class="info">
<span class="name">asdfasdf是的</span>
<span class="date">2016-07-01 17:23</span>
</div>
<div class="answer">
<div class="answer-content">您好！通常情况下，员工的社保转出手续必须由原单位办理，若原单位已暂停结算且本人已与原单位解除劳动关系的，可以由员工本人携带身 份证、退工单等相关证明材料至原单位所属区的社保经办机构提出社保转出申请。</div>
<div class="time">管理员 <span>2016-07-01 17:23</span></div>
</div>
</div>
<div class="item">
<div class="question">
<span class="question-title">问题:</span><span class="question-det">房产资讯，小城故事去年新修的楼盘办理了预售合同备案登记表了吗？</span>
</div>
<div class="info">
<span class="name">asdfasdf是的</span>
<span class="date">2016-07-01 17:23</span>
</div>
<div class="answer">
<div class="answer-content">您好！通常情况下，员工的社保转出手续必须由原单位办理，若原单位已暂停结算且本人已与原单位解除劳动关系的，可以由员工本人携带身 份证、退工单等相关证明材料至原单位所属区的社保经办机构提出社保转出申请。</div>
<div class="time">管理员 <span>2016-07-01 17:23</span></div>
</div>
</div>
<div class="item">
<div class="question">
<span class="question-title">问题:</span><span class="question-det">房产资讯，小城故事去年新修的楼盘办理了预售合同备案登记表了吗？</span>
</div>
<div class="info">
<span class="name">asdfasdf是的</span>
<span class="date">2016-07-01 17:23</span>
</div>
<div class="answer">
<div class="answer-content">您好！通常情况下，员工的社保转出手续必须由原单位办理，若原单位已暂停结算且本人已与原单位解除劳动关系的，可以由员工本人携带身 份证、退工单等相关证明材料至原单位所属区的社保经办机构提出社保转出申请。</div>
<div class="time">管理员 <span>2016-07-01 17:23</span></div>
</div>
</div>
<div class="item">
<div class="question">
<span class="question-title">问题:</span><span class="question-det">房产资讯，小城故事去年新修的楼盘办理了预售合同备案登记表了吗？</span>
</div>
<div class="info">
<span class="name">asdfasdf是的</span>
<span class="date">2016-07-01 17:23</span>
</div>
<div class="answer">
<div class="answer-content">您好！通常情况下，员工的社保转出手续必须由原单位办理，若原单位已暂停结算且本人已与原单位解除劳动关系的，可以由员工本人携带身 份证、退工单等相关证明材料至原单位所属区的社保经办机构提出社保转出申请。</div>
<div class="time">管理员 <span>2016-07-01 17:23</span></div>
</div>
</div>
</div>
<div class="pageposition">
<div class="pages"></div>
</div>
</div>
<div id="footer">
<div class="wrap">
<p>版权所有：CopyRight 贵阳房屋</p>
<p>联系地址：贵阳市乌当区xxxx 邮政编码:xxxxxxx 联系电话:138xxxx4866</p>
<p>征收网主办单位：xxxxxx</p>
</div>
</div>
<div id="content"></div>
<input type="button" id="btnLogin" value="登录">
<script type="text/javascript">
$(function(){
$(".pages").Page({
Pages:8,
Jump:false,
PageNum:5,
TopText:"上一页",
DownText:"下一页",
ActiveClass:"paging-selecte",
EhCondition:3,
PageOn:function(data){
//console.log(data)
},
JumpOn:false,
// TopText:"«",
// DownText:"»",
},true);
})
</script>
</body>
</html>
\ No newline at end of file
website/src/js/jquery.min.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
website/src/js/main.js 0 → 100644
var IMGURL_PREFIX = '';
var api_prefix = '/zs-web'; //站点不同要改配置文件
$(function() {
getTimeInfo();
setInterval(getTimeInfo, 500);
if (sessionStorage.getItem("webConfig")) {
renderConfig(JSON.parse(sessionStorage.getItem("webConfig")))
} else {
$.get(api_prefix + "/web/information/getWebConfig", function(res) {
if (res && res.success) {
sessionStorage.setItem("webConfig", JSON.stringify(res.data));
renderConfig(res.data)
} else {
alert("获取数据失败！")
}
})
}
});
function getTimeInfo() {
var d = new Date();
// Mon Dec 18 2017 21:29:58 GMT+0800 (中国标准时间)
var weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
//定义一个从星期日到星期六的数组，因为后面获取的星期数返回的是0-6
//在西方看来，星期日才是一周的开始
var year = d.getFullYear();
//获取年份
var mouth = d.getMonth() + 1;
//获取月份，返回值是0-11，因此需要加1
var day = d.getDate();
//获取日期
var hour = d.getHours() < 10 ? '0' + d.getHours() : d.getHours();
//获取小时，三元表达式，判断是否小于10，小于10就在前面加0（字符串拼接），例如：08
var minutes = d.getMinutes() < 10 ? '0' + d.getMinutes() : d.getMinutes();
//获取分钟
var weekIndex = d.getDay()
//获取星期数，返回0-6
var week = weeks[weekIndex];
//根据获取的星期数，到之前定义的数组去取值
var noon = hour > 12 ? '下午' : '上午';
var curTime = year + '年' + mouth + '月' + day + '日' + " " + week + " " + noon + hour + ':' + minutes;
$('#timeInfo').text(curTime);
}
function AddFavorite(sURL, sTitle) {
try {
window.external.addFavorite(sURL, sTitle);
} catch (e) {
try {
window.sidebar.addPanel(sTitle, sURL, "");
} catch (e) {
alert("加入收藏失败，请使用Ctrl+D进行添加");
}
}
}
function SetHome(obj, vrl) {
try {
obj.style.behavior = 'url(#default#homepage)';
obj.setHomePage(vrl);
} catch (e) {
if (window.netscape) {
try {
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch (e) {
alert("此操作被浏览器拒绝！\n请在浏览器地址栏输入“about:config”并回车\n然后将 [signed.applets.codebase_principal_support]的值设置为'true',双击即可。");
}
var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
prefs.setCharPref('browser.startup.homepage', vrl);
}
}
}
function renderConfig(data) {
$('#footer .wrap').html(data.copyrightInfo);
$('meta[name="description"]').attr('content', data.description);
$('meta[name="keyword"]').attr('content', data.keyword);
$('meta[name="author"]').attr('content', data.author);
$("#seo").text(data.htags);
$('title').text(data.websiteTitle);
var imgSrc = IMGURL_PREFIX + api_prefix + data.coverImg;
$(".banner img").attr('src', imgSrc);
}
//获取url中的参数
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg); //匹配目标参数
if (r != null) {
return decodeURIComponent(r[2]);
} else {
return null; //返回参数值
}
}
\ No newline at end of file
website/src/js/pages.js 0 → 100644
/*
列表分页脚本 最后更新时间2017.12.10-18.49
$(*).Page.({type},PageClass);
(*)可以是任何HTML元素容器
{type} 是Page的元素属性合集 下列是可用的属性：
Page:1, 动态当前页 默认1
Pages:false, 总页数 必须配置 否则将不会有页码出现
PageNum:5, 显示可点击的页码数量 默认5 建议使用奇数 较美观
ActiveClass:"paging-selecte", 以点击的页码的css样式 需要填写否则无样式
Jump:true, 跳转功能 true为开启 false为关闭
JumpVal:"跳转", 跳转功能显示的文字 建议越短越好
EndPage:true, 开启显示首页功能
HomePage:true, 开启显示尾页功能
EhCondition:10, 首尾页按钮在当前X页之后显示 默认为10， 0为一直显示
TopDownPage:true, 开启上下页功能
PageTitle:"第x页", 页码title文字，x为页码数字，参照格式： 这是第x页，x ，点击前往第x页信息 必须有x（注意是小写）
TopText:"«", 上页按钮显示的文字
TopTitle:"上一页", 上一页title属性要显示的文字
DownText:"»", 下页按钮显示的文字
DownTitle:"下一页", 下一页title属性要显示的文字
PageOn:false, 点击页码事件 编写格式function(e,d){ 这里写入你的代码,e为回传的当前页id 比如当前页为8 e回传一个8,d返回总页数}
JumpOn:false, 点击跳转按钮事件 编写格式function(e,d){ 这里写入你的代码,e为回传的当前页id 比如当前页为8 e回传一个8,d返回总页数}
PageCustom:"page", 页码的自定义属性，用于记录当前页，如果已经占用请更改，没有不要随意改动
Alert:false 用于提醒功能弹出的提醒层，如果有第三方插件可以直接写成function(e,d){这里写入你的代码} 执行你的操作
PageClass 是一个预设的css标签样式，回传一个true开启
注意 需要区分大小写
*/
(function ($) {
jQuery.fn.extend({
Page: function (type, PageClass) {
var $Page = $("<ul>");
var $Jump = $("<ul>");
var PageSon = "<li>";
var e = $(this);
var Config = $.extend(true, {
Page: 1,
Pages: false,
PageNum: 10,
ActiveClass: "page-click",
Jump: true,
JumpVal: "跳转",
EndPage: false,
HomePage: false,
EhCondition: 10,
TopDownPage: true,
PageTitle: "第x页",
TopText: "«",
TopTitle: "上一页",
DownText: "»",
DownTitle: "下一页",
PageOn: false,
JumpOn: false,
PageCustom: "page",
Alert: false,
}, type);
if (PageClass) { style(); }
Config.Page = Config.Page > Config.Pages ? Config.Pages : Config.Page;
var PageR = parseInt(Config.Page) + parseInt(Config.PageNum / 2);
PageR = PageR > Config.Pages ? Config.Pages : PageR;
var PageL = parseInt(Config.Page) - parseInt(Config.PageNum / 2);
PageL = PageL < 1 ? 1 : PageL;
for (i = PageL; i < PageR + 1; i++) {
if (i == Config.Page) {
$Page.append($(PageSon).addClass(Config.ActiveClass).text(i).attr("title", Config.PageTitle.replace(/x/g, i)));
} else {
$Page.append($(PageSon).attr(Config.PageCustom, i).text(i).attr("title", Config.PageTitle.replace(/x/g, i)));
}
}
if (Config.EndPage && (Config.Pages > Config.EhCondition - 1 && Config.Page < (Config.Pages - parseInt(Config.PageNum / 2)))) {
$Page.append($(PageSon).attr(Config.PageCustom, Config.Pages).text(".." + Config.Pages).attr("title", Config.PageTitle.replace(/x/g, Config.Pages)));
}
if (Config.HomePage && Config.Page > Config.EhCondition - 1) {
$Page.prepend($(PageSon).attr(Config.PageCustom, 1).text("1..").attr("title", Config.PageTitle.replace(/x/g, "1")));
}
if (Config.TopDownPage && Config.Pages) {
// if(Config.Page!=1){
$Page.prepend($(PageSon).attr(Config.PageCustom, parseInt(Config.Page) - 1).text(Config.TopText).attr("title", Config.TopTitle));
// }
// if(Config.Page!=Config.Pages){
$Page.append($(PageSon).attr(Config.PageCustom, parseInt(Config.Page) + 1).text(Config.DownText).attr("title", Config.DownTitle));
// }
}
$(e).html("").append($Page);
$Page.find("*[Page]").click(function (event) {
var pageId = $(this).attr(Config.PageCustom);
$(e).Page({
Page: pageId,
Pages: Config.Pages,
PageNum: Config.PageNum,
ActiveClass: Config.ActiveClass,
Jump: Config.JumpJump,
JumpVal: Config.JumpVal,
EndPage: Config.EndPage,
HomePage: Config.HomePage,
EhCondition: Config.EhCondition,
TopDownPage: Config.TopDownPage,
TopText: Config.TopText,
DownText: Config.DownText,
PageOn: Config.PageOn,
JumpOn: Config.JumpOn,
PageCustom: Config.PageCustom,
Alert: Config.Alert,
}, PageClass);
if($Page.find("*[Page]:last-child").prev().hasClass("paging-selecte")){
$Page.find("*[Page]:last-child").hide();
//return false
}else{
$Page.find("*[Page]:last-child").show()
}
if($Page.find("*[Page]:first-child").next().hasClass("paging-selecte")){
$Page.find("*[Page]:first-child").hide();
//return false
}else{
$Page.find("*[Page]:first-child").show()
}
if (Config.PageOn) { Config.PageOn(pageId, Config.Pages); } else { alert("注意！您未绑定事件"); }
});
if($Page.find("*[Page]:last-child").prev().hasClass("paging-selecte")){
$Page.find("*[Page]:last-child").hide();
}else{
$Page.find("*[Page]:last-child").show()
}
if($Page.find("*[Page]:first-child").next().hasClass("paging-selecte")){
$Page.find("*[Page]:first-child").hide();
}else{
$Page.find("*[Page]:first-child").show()
}
$Page.find("*[Page]").each(function(){
if($(this).attr("page")=="0"){
$(this).hide()
}
})
$Jump.find("*[type='text']").bind("mouseleave keydown keyup", function () {
if (isNaN($(this).val())) {
$(this).val("");
}
});
$Jump.find("*[type='button']").click(function () {
var vla = $(this).prevAll().val();
if (!vla || isNaN(vla)) { vla.val(""); return false; }
if (vla > Config.Pages) { if (Config.Alert) { Config.Alert(vla, Config.Pages); } else { alert("您输入的值大于总页数"); } return false; }
$(e).Page({
Page: vla,
Pages: Config.Pages,
PageNum: Config.PageNum,
ActiveClass: Config.ActiveClass,
Jump: Config.JumpJump,
JumpVal: Config.JumpVal,
EndPage: Config.EndPage,
HomePage: Config.HomePage,
EhCondition: Config.EhCondition,
TopDownPage: Config.TopDownPage,
TopText: Config.TopText,
DownText: Config.DownText,
PageOn: Config.PageOn,
JumpOn: Config.JumpOn,
PageCustom: Config.PageCustom,
Alert: Config.Alert,
}, PageClass);
if (Config.JumpOn) { Config.JumpOn(vla, Config.Pages); } else { alert("注意！您未绑定事件"); }
});
function style() {
$Page.addClass("pa1");
$Jump.addClass("pa2");
var page_ = PageSon.substring(1, PageSon.length - 1);
if ($("style[page]").length > 0) { return false; }
var Pagecss = ".pa1{float:left;display:inline;box-sizing: border-box;user-select:none;}";
var Jumpcss = ".pa2{padding-left: 20px;display:inline;box-sizing: border-box;}";
var Page_Son = ".pa1 " + page_ + "{transition: all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;display:inline;list-style-type:none;padding: 6px 12px;cursor: pointer;border: #000 1px solid;background-color: #fff;color: #000;margin: 2px;}.pa1 " + page_ + ":hover{background-color:#000; color:#fff;}";
var Page_click = ".page-click{background-color: #000!important;color: #fff!important;font-weight: bold!important;}.page-click:hover{background-color:#000!important;color: #fff!important;}";
// var Jumpbtn=".pa2 input[type='button']{margin-top: 9px;height:30px;background-color: #fff;cursor: pointer;display: inline-block;margin-top: 0px;border:1px solid #000;border-left: none;}";
// var Jumptext=".pa2 input[type='text']{margin-top: 10px;display: inline-block;border:1px solid #000;height:26px;width: 50px;border-right: none;}";
$("head").append("<style page=1>" + Jumpcss + Pagecss + Page_Son + Page_click + "</style>");
}
}
});
})(jQuery);
website/webpack.config.js 0 → 100644
const webpack = require("webpack");
const HTMLPlugin = require("html-webpack-plugin");
const isDev = process.env.NODE_ENV === "development";
module.exports = {
plugins: [
new webpack.HotModuleReplacementPlugin(),
new webpack.NoEmitOnErrorsPlugin(),
new HTMLPlugin()
],
devServer: {
port: 5000,
open: true, //启动webpack-dev-server时自动打开浏览器
hot: true,
contentBase: "src",
proxy: {
"/zs-web": {
target: "http://192.168.100.250:8087/",
//target: "http://192.168.51.199:8088",
changeOrigin: true,
secure: false,
ws: true
}
}
}
};
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment