Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
42064a78 by 任超
Options

style:在线缴费

1 parent 6e82bd0d
Inline Side-by-side
Showing 9 changed files with 81 additions and 642 deletions
......@@ -243,4 +243,8 @@ div.footer .system_service ul li a:hover {
.appoint_time .active{
background-color: #1E9FFF!important;
color: #fff!important;
}
.layui-tab {
margin-top: -1px;
margin-left: -1px;
}
\ No newline at end of file
......
.central_area {
min-height:calc(100vh - 219px);
}
.navigation_crumbs {
height: 45px;
margin-top: 15px;
}
.layui-tab {
margin-top: -1px;
......
......@@ -54,7 +54,7 @@ document.writeln(" <dd><a href=\'\'>后台模版</a></dd>");
document.writeln(" <dd><a href=\'\'>电商平台</a></dd>");
document.writeln(" </dl>");
document.writeln(" </li>");
document.writeln(" <li class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/zxjf/index.html\'>在线缴费</a></li>");
document.writeln(" <li class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/zxjf.html\'>在线缴费</a></li>");
document.writeln(" <li class=\'layui-nav-item\' class=\'item_last_child\'><a href=\'\'>好差评</a></li>");
document.writeln(" </ul>");
document.writeln(" </div> ");
......
......@@ -9,7 +9,7 @@ $(function () {
//第一个实例
table.render({
elem: '#payList'
, url: './lib/index.json'
, url: '../staticLib/wdyy/index.json'
, cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
, cols: [[
{ field: 'zizeng', title: '序号', templet: '#zizeng', align: 'center' }
......@@ -32,7 +32,7 @@ $(function () {
// 线下支付记录查询
table.render({
elem: '#offlineList'
, url: './lib/index.json'
, url: '../staticLib/wdyy/index.json'
, cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
, cols: [[
{ field: 'zizeng', title: '序号', templet: '#zizeng', align: 'center' }
......
.main {
overflow: hidden;
}
div.subject h2 a:hover {
color: #0091FF;
}
div.subject {
margin: 0 auto;
float: none;
clear: both;
position: relative;
min-width: 1200px;
}
.contentBox {
width: 1200px;
margin: 0 auto;
overflow: hidden;
padding-bottom: 0!important;
}
.one_content {
border: 1px solid #DEDEDE;;
margin-top: 30px;
}
.one_content .layui-tab {
margin: 0;
}
.one_content .layui-tab-title li {
width: 100px;
font-weight: 600;
color: #6D7278;
}
.one_content .layui-tab-title .layui-this {
color: #4A4A4A;
}
.layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
border-color: #006CFF;
}
.layui-tab .layui-tab-brief .layui-this {
color: #006CFF;
}
.layui-tab .layui-tab-brief li {
width: 90px;
}
.online_business {
margin-top: 20px;
}
.online_business h2 {
width: 100%;
height: 43px;
line-height: 43px;
background: #FAFAFA;
border-radius: 4px;
border: 1px solid #DEDEDE;
padding-left: 15px;
box-sizing: border-box;
}
.online_list {
padding-bottom: 20px;
overflow: hidden;
}
.online_list li {
width: 45% !important;
float: left;
height: 60px;
line-height: 60px;
border-bottom: 1px dotted #DEDEDE;
}
.online_list li:nth-child(even) {
margin-left: 10%;
}
.online_list li a {
display: block;
width: 100%;
}
.online_list li a:hover span {
color: #0091FF;
}
.online_list li a button {
float: right;
margin-top: 15px;
}
/* ---------------------------------------------------- */
.leftandright {
width: 1200px;
margin: 0 auto;
overflow: hidden;
min-height:calc(100vh - 207px);
}
.leftandright .left {
width: 80%;
}
.right {
width: 400px;
}
.left, .right {
float: left;
}
.xw {
display: block;
padding-top: 10px;
height: 150px;
cursor: pointer;
}
.xw-left {
margin-right: 20px;
}
.xw-left img {
width: 200px;
height: 125px;
background: #D8D8D8;
}
.xw-left, .xw-right {
float: left;
}
.xw-right {
padding-right: 10px;
}
.leftContainer{
border-right: 1px solid #DEDEDE;
margin-top: 28px;
}
.leftContainer li:last-child{
border-bottom: 1px solid #DEDEDE;
}
.left-top {
width: 408px;
height: 18px;
font-size: 18px;
font-weight: bold;
color: #4A4A4A;
line-height: 18px;
cursor: pointer;
}
.left-top:hover {
color: #4A4A4A;
}
.left-body {
height: 60px;
font-size: 14px;
font-weight: 400;
color: #6D7278;
line-height: 25px;
}
.left-buttom {
overflow: hidden;
color: #9B9B9B;
}
.left-buttom .icon{
width: 36px;
height: 24px;
position: relative;
top: 6px;
}
.left-buttom div:nth-child(2) {
margin-left: 60px;
}
.left-buttom div {
float: left;
line-height: 57px
}
.left-buttom-date {
line-height: 57px;
float: right !important;
margin-right: 20px;
}
#page {
margin-top: 20px;
text-align: center;
}
.right {
width: 200px;
margin-top: 36px;
margin-left: 15px;
}
.right-top {
height: 18px;
font-size: 18px;
font-weight: 500;
color: #4A4A4A;
line-height: 0;
}
.right-top h2 {
font-weight: 600;
cursor: pointer;
}
.right-body {
display: inline-block;
margin-bottom: 20px;
}
.tj img {
width: 200px;
height: 125px;
margin-top: 20px;
}
.tj img, .tj span {
float: left;
}
.tj-title {
width: 203px;
font-size: 14px;
font-weight: bold;
color: #4A4A4A;
line-height: 21px;
}
.tj-date {
width: 90px;
height: 12px;
font-size: 12px;
font-weight: 400;
color: #9B9B9B;
line-height: 12px;
}
.right-bottom {
border-top: 1px solid #DEDEDE;
}
.right-bottom-top {
width: 108px;
height: 18px;
font-size: 18px;
margin-top: 20px;
font-weight: bold;
color: #4A4A4A;
line-height: 18px;
}
.zcfg {
margin-top: 20px;
display: inline-block;
}
.zcfg div {
float: left;
}
.zcfg-top {
width: 200px;
height: 14px;
font-size: 14px;
font-weight: bold;
color: #4A4A4A;
line-height: 14px;
}
.zcfg-body {
width: 200px;
font-size: 14px;
display: inline-block;
font-weight: 400;
color: #6D7278;
line-height: 21px;
}
.zcfg-bottom {
width: 90px;
height: 12px;
font-size: 12px;
font-weight: 400;
color: #9B9B9B;
line-height: 12px;
}
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>政策法规</title>
<script type="text/javascript" src="../../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a><cite>政策法规</cite></a>
</span>
</div>
</div>
<div class="leftandright">
<div class="left">
<ul class="leftContainer">
<li>
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
前三季度主要指标由负转正 中国经济持续稳定恢复
</a>
<a class="xw" href="./../xwxq/index.html" target="_blank">
<div class="xw-right">
<div class="left-body">
10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展
划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平
</div>
<div class="left-buttom">
<div>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconchakan"></use>
</svg>
<span>123</span>
</div>
<div>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconpinglun"></use>
</svg>
<span>456</span>
</div>
<div class="left-buttom-date">
2020-12-27
</div>
</div>
</div>
</a>
</li>
<li>
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
前三季度主要指标由负转正 中国经济持续稳定恢复
</a>
<a class="xw" href="./../xwxq/index.html" target="_blank">
<div class="xw-right">
<div class="left-body">
10月21日,农业农村部举行新闻发布会,介绍2020年前三季度农业农村经济形式,农业农村部总经济师,发展
划司司长魏白刚介绍,今年农业收来之不易,农业农村经济保持了持续向好、稳中有进的态势，粮食丰收已成定局，预计产量达到历史最高水平
</div>
<div class="left-buttom">
<div>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconchakan"></use>
</svg>
<span>123</span>
</div>
<div>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconpinglun"></use>
</svg>
<span>456</span>
</div>
<div class="left-buttom-date">
2020-12-27
</div>
</div>
</div>
</a>
</li>
</ul>
<div id="page"></div>
</div>
<div class="right">
<div class="right-top">
<h2>政策法规推荐</h2>
</div>
<ul class="right-bottom">
<li class="zcfg">
<div class="zcfg-top">
<span>爬山虎国土空间规划信息化解决</span>
</div>
<div class="zcfg-body">
<span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
</div>
<div class="zcfg-bottom">
<span>2020-10-28</span>
</div>
</li>
<li class="zcfg">
<div class="zcfg-top">
<span>爬山虎国土空间规划信息化解决</span>
</div>
<div class="zcfg-body">
<span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
</div>
<div class="zcfg-bottom">
<span>2020-10-28</span>
</div>
</li>
</ul>
</div>
</div>
</body>
<script type="text/javascript" src="../../staticJs/common.js"></script>
<script type="text/javascript" src="../../staticJs/down.js"></script>
<script type="text/javascript" src="../../staticJs/zcfg.js"></script>
</html>
\ No newline at end of file
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>在线缴费</title>
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../staticCss/zxjf.css">
</head>
<body>
<div class="yysj_main">
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../staticIndex.html" title="首页">首页</a>
<a title="在线缴费"><cite>在线缴费</cite></a>
</span>
</div>
</div>
<!-- ----------------------------------内容模块的开始----------------------------------------------- -->
<div class="central_area">
<div class="contentBox tab_content">
<div class="layui-tab">
<ul class="layui-tab-title">
<li class="layui-this">线上业务支付列表</li>
<li>线下业务支付列表</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="tab_list_search">
<input type="text" placeholder="请输入权利人、义务人、流水号" class="layui-input">
<button type="button" class="layui-btn layui-btn-sm layui-btn-normal">查询</button>
</div>
<table id="payList" lay-filter="payList"></table>
</div>
<div class="layui-tab-item">
<div class="tab_list_search">
<input type="text" placeholder="请输入受理编号（10-17位数字）" class="layui-input">
<button type="button" class="layui-btn layui-btn-sm layui-btn-normal">查询</button>
</div>
<table id="offlineList" lay-filter="offlineList"></table>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script src="../staticJs/swiper-bundle.min.js"></script>
<script type="text/javascript" src="../staticJs/zxjf.js"></script>
<script type="text/html" id="zizeng">
{{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="barDemo">
{{# if(d.state=='0'){ }}
<a class="layui-btn layui-btn-xs payOnline" lay-event="payOnline">在线缴费</a>
{{# } else{}}
<a class="layui-btn layui-btn-xs" lay-event="payOnline">查看结果</a>
{{# } }}
</script>
<script type="text/html" id="state">
{{# if(d.state=='1'){ }}
<span class="payed">已支付</span>
{{# } else{}}
<span class="unpayed">待支付</span>
{{# } }}
</script>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<title>在线缴费</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="../../staticImages/logo-realestate.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="../../staticCss/swiper-bundle.min.css">
<link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="../../staticCss/common.css" />
<link rel="stylesheet" type="text/css" href="./css/index.css">
</head>
<body>
<div class="yysj_main">
<div class="subject top-logo">
<div class="top_logo_content">
<h1><a href="index.html" title="西安市不动产登记平台"><img src="./../../staticImages/logo.jpg"
alt="西安市不动产登记平台" /></a></h1>
<div class="top_logo_search">
<input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
autocomplete="off" class="layui-input">
<i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
</div>
<ul class="login">
<li>
<a href="" title="登录">
登录
</a>
</li>
<li>
<a href="" title="注册">
注册
</a>
</li>
</ul>
</div>
</div>
<div class="navigation">
<ul class="layui-nav layui-bg-blue" lay-filter="">
<li class="layui-nav-item"><a href="./../../staticIndex.html">首页</a></li>
<li class="layui-nav-item"><a href="./../../staticViews/xwdt/index.html">新闻动态</a></li>
<li class="layui-nav-item"><a href="">业务办理</a></li>
<li class="layui-nav-item"><a href="">政策法规</a></li>
<li class="layui-nav-item"><a href="./../../staticViews/bszn/index.html">办事指南</a></li>
<li class="layui-nav-item">
<a href="javascript:;">查验中心</a>
<dl class="layui-nav-child">
<!-- 二级菜单 -->
<dd><a href="">移动模块</a></dd>
<dd><a href="">后台模版</a></dd>
<dd><a href="">电商平台</a></dd>
</dl>
</li>
<li class="layui-nav-item layui-this"><a href="">在线缴费</a></li>
<li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
</ul>
</div>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../staticIndex.html" title="首页">首页</a>
<a title="在线缴费"><cite>在线缴费</cite></a>
</span>
</div>
</div>
<!-- ----------------------------------内容模块的开始----------------------------------------------- -->
<div class="central_area">
<div class="contentBox tab_content">
<div class="layui-tab">
<ul class="layui-tab-title">
<li class="layui-this">线上业务支付列表</li>
<li>线下业务支付列表</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div class="tab_list_search">
<input type="text" placeholder="请输入权利人、义务人、流水号" class="layui-input">
<button type="button" class="layui-btn layui-btn-sm layui-btn-normal">查询</button>
</div>
<table id="payList" lay-filter="payList"></table>
</div>
<div class="layui-tab-item">
<div class="tab_list_search">
<input type="text" placeholder="请输入受理编号（10-17位数字）" class="layui-input">
<button type="button" class="layui-btn layui-btn-sm layui-btn-normal">查询</button>
</div>
<table id="offlineList" lay-filter="offlineList"></table>
</div>
</div>
</div>
</div>
</div>
<!-- ----------------------------------内容模块的end----------------------------------------------- -->
<div class="footer">
<div class="system_service">
<ul class="">
<li>
<a href="" title="公示公告">
<span>公示公告</span>
</a>
</li>
<li>
<a href="" title="法律法规">
<span>法律法规</span>
</a>
</li>
<li>
<a href="" title="相应政策">
<span>相应政策</span>
</a>
</li>
<li>
<a href="" title="下载服务">
<span>下载服务</span>
</a>
</li>
<li>
<a href="" title="关于我们">
<span>关于我们</span>
</a>
</li>
</ul>
</div>
<div class="subject">
<div class="footer_logo">
<a href="" title="党政机关">
<img src="./../../staticImages/jiguan.png" alt="党政机关" />
</a>
</div>
<ul>
<li>
西安市自然资源和规划局
</li>
<li>
电话：028-456465
</li>
<li>
地址：西安市丰城8路
</li>
<li>
网站标识吗：87987987
</li>
<li>
备案：陕IPC456465465
</li>
<li>
陕公网备案：456465465
</li>
</ul>
<ol>
<li>
<img src="./../../staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
<li>
<img src="./../../staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
</ol>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../../staticLib/layui/layui.js"></script>
<script src="../../staticJs/swiper-bundle.min.js"></script>
<script type="text/javascript" src="../../staticJs/zxjf.js"></script>
<script type="text/html" id="zizeng">
{{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="barDemo">
{{# if(d.state=='0'){ }}
<a class="layui-btn layui-btn-xs payOnline" lay-event="payOnline">在线缴费</a>
{{# } else{}}
<a class="layui-btn layui-btn-xs" lay-event="payOnline">查看结果</a>
{{# } }}
</script>
<script type="text/html" id="state">
{{# if(d.state=='1'){ }}
<span class="payed">已支付</span>
{{# } else{}}
<span class="unpayed">待支付</span>
{{# } }}
</script>
\ No newline at end of file
{
"code": 0,
"msg": "",
"count": 13,
"data": [
{
"username": "user-0",
"sex": "女",
"city": "城市-0",
"sign": "签名-0",
"experience": 255,
"logins": 24,
"wealth": 82830700,
"classify": "作家",
"score": 57,
"state": 1
}
]
}
\ No newline at end of file