Selaa lähdekoodia

接口数据对接

master
庞东旭 4 vuotta sitten
vanhempi
commit
5a9a3140e9
5 muutettua tiedostoa jossa 163 lisäystä ja 67 poistoa
  1. +38
    -63
      index.html
  2. +1
    -1
      static/css/index.css
  3. +11
    -0
      static/css/main.css
  4. +29
    -1
      static/js/api/index.js
  5. +84
    -2
      static/js/project/index.js

+ 38
- 63
index.html Näytä tiedosto

@@ -11,8 +11,6 @@
<meta name="description" cxontent="" />
<link href="./static/css/main.css" rel="stylesheet" type="text/css" />
<link href="./static/css/index.css" rel="stylesheet" type="text/css" />


</head>

<body>
@@ -40,7 +38,7 @@
<div class="logoSearch">
<div class="wid50 logoSearch-div fl">
<img src="./static/images/logo.png" class="fl" alt="左云县农村产权交易网" />
<h1 class="fl">左云县农村产权交易网</h1>
<h1 class="fl" id="webConfigName"></h1>
<div class="clear"></div>
</div>
<div class="wid50 logoSearch-div fr">
@@ -76,25 +74,30 @@
<div class="bannerLeft fl">
<div class="bannerLeft-top">
<p class="font20 bannerLeft-tit01">标的物类型</p>
<ul>
<li><a href="javascript:void(0)">农户承包土地经营权</a></li>
<li><a href="javascript:void(0)">农村集体经营性资产</a></li>
<li><a href="javascript:void(0)">农业生产设施设备</a></li>
<li><a href="javascript:void(0)">林权</a></li>
<script id="deptTypeData" type="text/html">
{{each deptTypeList as value i}}
<li>
<a href="javascript:void(0)">{{value.deptName}}</a>
</li>
{{/each}}
<li><a href="javascript:void(0)">更多类型></a></li>
</script>
<ul id="deptTypeContent">

</ul>
</div>
<div class="bannerLeft-buttom">
<p class="font20 bannerLeft-tit02">标的物所在地</p>
<ul>
<li><a href="javascript:void(0)">鹊儿山镇</a></li>
<li><a href="javascript:void(0)">鹊儿山镇</a></li>
<li><a href="javascript:void(0)">店湾镇</a></li>
<li><a href="javascript:void(0)">管家堡乡</a></li>
<li><a href="javascript:void(0)">张家场乡</a></li>
<li><a href="javascript:void(0)">马道头乡</a></li>
<li><a href="javascript:void(0)">三屯乡</a></li>
<li><a href="javascript:void(0)">更多区域></a></li>
<script id="deptLocationData" type="text/html">
{{each deptLocationList as value i}}
<li>
<a href="javascript:void(0)">{{value.deptName}}</a>
</li>
{{/each}}
<li><a href="javascript:void(0)">更多类型></a></li>
</script>
<ul id="deptLocationContent">

</ul>
</div>
</div>
@@ -102,15 +105,15 @@
<script id="bannerFocusData" type="text/html">
{{each focusList as value i}}
<div class="swiper-slide">
{{# value}}
{{# value.img}}
<p>{{# value.title}}</p>
</div>
{{/each}}
</script>

<div class="bannerRight fr">
<div class="swiper-container" id="bannerFocusWrap">
<div class="swiper-wrapper" id="bannerFocusContent">
</div>
<div class="swiper-wrapper" id="bannerFocusContent"></div>
<div class="page-pagination"></div>
</div>
</div>
@@ -1128,28 +1131,16 @@
</div>
<div class="bottomNews-list fr">
<p>
交易规则<span class="fr">更多></span>
资料下载<span class="fr">更多></span>
</p>
<ul>
<li>
<a href="javascript:void(0)">天津市农村产权交易所关于宁河区宁河镇江洼口村设备...</a>
</li>
<script id="dataDownloadData" type="text/html">
{{each dataDownloadList as value i}}
<li>
<a href="javascript:void(0)">天津市农村产权交易所关于宁河区宁河镇江洼口村设备...</a>
<a href="javascript:void(0)">{{value.title}}</a>
</li>
<li>
<a href="javascript:void(0)">天津市农村产权交易所关于宁河区宁河镇江洼口村设备...</a>
</li>
<li>
<a href="javascript:void(0)">天津市农村产权交易所关于宁河区宁河镇江洼口村设备...</a>
</li>
<li>
<a href="javascript:void(0)">天津市农村产权交易所关于宁河区宁河镇江洼口村设备...</a>
</li>
<li>
<a href="javascript:void(0)">天津市农村产权交易所关于宁河区宁河镇江洼口村设备...</a>
</li>
</ul>
{{/each}}
</script>
<ul id="dataDownloadContent"></ul>
</div>
<div class="clear"></div>
</div>
@@ -1161,32 +1152,16 @@
<div class="w-1200">
<div class="w-1000 fl">
<p class="bottomLink-tit"><i class="el-icon-link"></i>友情链接</p>
<div class="bottomLink-linkList">
<p>乡村动力</p>
<p>乡村动力</p>
<p>乡村动力</p>
<p>乡村动力</p>
<p>乡村动力</p>
<p>乡村动力</p>
<p>乡村动力</p>
<p>乡村动力</p>
<p>乡村动力</p>
<p>乡村动力</p>
<p>乡村动力</p>
<p>乡村动力</p>
<p>乡村动力</p>
<p>乡村动力</p>
<p>乡村动力</p>
<p>乡村动力</p>
<p>乡村动力</p>
<p>乡村动力</p>
<p>乡村动力</p>
<p>乡村动力</p>
</div>
<p class="ba">
<script id="friendsLinksData" type="text/html">
{{each friendsLinksList as value i}}
<a href="{{value.url}}" target="_blank">{{value.name}}</a>
{{/each}}
</script>
<div class="bottomLink-linkList" id="friendsLinksContent"></div>
<p class="ba" id="webConfigRecord">
鲁公网安备<span>12011502000077号</span><span>京ICP备 17061038号-1</span>
</p>
<p class="ba">
<p class="ba" id="webConfigAddress">
左云县农村产权交易网<span>联系地址:北京紫竹书院技术基地</span><span>联系电话:400-060-123</span>
</p>
</div>


+ 1
- 1
static/css/index.css Näytä tiedosto

@@ -886,7 +886,7 @@ select {
width: 1000px;
}

.bottomLink-linkList p {
.bottomLink-linkList a {
width: 90px;
margin-top: 15px;
display: inline-block;


+ 11
- 0
static/css/main.css Näytä tiedosto

@@ -2480,6 +2480,17 @@ Basic Swiper Styles
float: left;
}

.swiper-slide p{
position: absolute;
bottom: 0;
color: #FFF;
background: rgba(0,0,0,0.2);
width: 100%;
height: 50px;
line-height: 50px;
text-indent: 2em;
}

.swiper-slide img {
width: 100%;
height: 100%;


+ 29
- 1
static/js/api/index.js Näytä tiedosto

@@ -16,9 +16,37 @@ var getInfo_get = '/getInfo' //获取用户信息
limit: 要查询的数据条数
*/
var websiteNew = '/transaction/website/news' //网站新闻类接口

/*
@purl /transaction/website/news/{number}
@param
number:新闻类型字典编号
*/
var websiteNewPage = '/transaction/website/news'
var websiteNewPage = '/transaction/website/news'

/*
@purl /transaction/website/deptList/{deptId}
@param
deptId:查询当前平台级别下一级的部门列表 传参 0
查询某一级别下一级的部门列表 传参网址url中的deptId
*/
var webDept = '/transaction/website/deptList'

/*
@purl /system/dict/data/type/ + dictType
@param
dictType:project_type
*/
var webDeptType = '/system/dict/data/type/project_type'

/*
@purl /transaction/website/config
@param
*/
var webConfig = '/transaction/website/config'

/*
@purl /transaction/website/links
@param
*/
var friendsLinks = '/transaction/website/links'

+ 84
- 2
static/js/project/index.js Näytä tiedosto

@@ -12,7 +12,17 @@ define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, templa
//政策法规数据
policiesRegulationsList: [],
//交易规则数据
tradingRulesList: []
tradingRulesList: [],
//资料下载数据
dataDownloadList: [],
//标的物所在地
deptLocationList:[],
//标的物类型
deptTypeList:[],
//网站配置信息
webConfigInformationList:[],
//底部友情链接
friendsLinksList:[]
},
//柱状图参数
option: {
@@ -82,6 +92,20 @@ define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, templa
//交易规则
tools.doGet(websiteNew + '/4/6', {}, module.tradingRules);

//资料下载
tools.doGet(websiteNew + '/5/6', {}, module.dataDownload);

//标的物所在地
tools.doGet(webDept + '/0', {}, module.deptLocation);

//标的物类型
tools.doGet(webDeptType, {}, module.deptType);

//网站配置信息(网站名称 底部联系方式 公安备案号 网站备案号)
tools.doGet(webConfig, {}, module.webConfigInformation);

//底部友情链接
tools.doGet(friendsLinks, {}, module.bottomFriendsLinks);

//竞价大厅-滚动
module.hallRolling();
@@ -90,6 +114,7 @@ define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, templa
var chartDom = document.getElementById('chart');
var myChart = echarts.init(chartDom);
module.option && myChart.setOption(module.option);

};

//焦点图数据
@@ -99,8 +124,9 @@ define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, templa
var focusList = [];
for (var i = 0; i < content.length; i++) {
var imgStrs = content[i].content.match(/<img.*?>/g)
var title = content[i].title
if (imgStrs != null && imgStrs != '') {
focusList.push(imgStrs[0])
focusList.push({img:imgStrs[0],title:title})
}
}
module.data.focusList = focusList;
@@ -141,8 +167,64 @@ define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, templa
var tradingRulesData = template('tradingRulesData', module.data);
$("#tradingRulesContent").html(tradingRulesData);
}
}

//资料下载
module.dataDownload = function (data) {
if (data.code == 200) {
var content = data.data;
module.data.dataDownloadList = content;
var dataDownloadData = template('dataDownloadData', module.data);
$("#dataDownloadContent").html(dataDownloadData);
}
}

//标的物所在地
module.deptLocation = function (data) {
if (data.code == 200) {
var content = [] ;
for (var i = 0 ; i < 7 ; i++){
content[i] = data.data[i];
}
module.data.deptLocationList = content;
var deptLocationData = template('deptLocationData', module.data);
$("#deptLocationContent").html(deptLocationData);
}
}

//标的物类型
module.deptType = function (data) {
console.log(data)
if (data.code == 200) {
var content = [] ;
console.log(data.data)
for (var i = 0 ; i < 7 ; i++){
content[i] = data.data[i];
}
module.data.deptTypeList = content;
var deptTypeData = template('deptTypeData', module.data);
$("#deptTypeContent").html(deptTypeData);
}
}

//网站配置信息
module.webConfigInformation = function (data) {
if (data.code == 200) {
var content = data.data;
$("#webConfigName").html(content[0].configValue);
$("#webConfigRecord").html(content[1].configValue + content[2].configValue);
$("#webConfigAddress").html(content[0].configValue+'&nbsp;'+content[3].configValue);
}
}

//底部友情链接
module.bottomFriendsLinks = function (data) {
if (data.code == 200) {
var content = data.data;
module.data.friendsLinksList = content;
var friendsLinksData = template('friendsLinksData', module.data);
$("#friendsLinksContent").html(friendsLinksData);
}
}

///竞价大厅-滚动


Ladataan…
Peruuta
Tallenna