xiangshunpu
4 years ago
35 changed files with 847 additions and 182 deletions
|
After Width: | Height: | Size: 499 B |
@ -0,0 +1,22 @@
|
||||
Component({ |
||||
options: { |
||||
addGlobalClass: true |
||||
}, |
||||
properties: { |
||||
info: { |
||||
type: Object |
||||
}, |
||||
}, |
||||
data: { |
||||
|
||||
}, |
||||
|
||||
attached: function () { |
||||
|
||||
}, |
||||
methods: { |
||||
setMark(e){ |
||||
this.triggerEvent('setMark',e) |
||||
} |
||||
} |
||||
}) |
||||
@ -0,0 +1,4 @@
|
||||
{ |
||||
"component": true, |
||||
"usingComponents": {} |
||||
} |
||||
@ -0,0 +1,71 @@
|
||||
<!--components/detail-announcement/aa.wxml--> |
||||
<view class="list"> |
||||
<view class="list-title">土地指标</view> |
||||
<view class="list-info"> |
||||
<view class="list-info-item">占地面积：20344m(130亩)</view> |
||||
<view class="list-info-item">容积率：2.5</view> |
||||
<view class="list-info-item">计容面积：303956m</view> |
||||
<view class="list-info-item">绿地率：29%</view> |
||||
<view class="list-info-item">建筑限高：不大于30米</view> |
||||
<view class="list-info-item">建筑密度：28%</view> |
||||
<view class="list-info-item">起始总价：300000万元</view> |
||||
<view class="list-info-item">起始楼面价：4800元/m</view> |
||||
<view class="list-info-item">竟买保证金：30000万元</view> |
||||
<view class="list-info-item">公告日期：2021/03/01</view> |
||||
<view class="list-info-item">拍卖日期：2021/03/30</view> |
||||
</view> |
||||
</view> |
||||
<view class="list"> |
||||
<view class="list-title">规划条件</view> |
||||
<view class="list-info"> |
||||
<view class="list-info-item">商业面积：20344m</view> |
||||
<view class="list-info-item">商业占比：30%</view> |
||||
<view class="list-info-item">商务面积：303956m</view> |
||||
<view class="list-info-item">商务占比：29%</view> |
||||
<view class="list-info-item">配建-计容面积：不大于30米</view> |
||||
<view class="list-info-item">配建占比：28%</view> |
||||
<view class="list-info-item">配建-不计容面积：幼儿园2690m</view> |
||||
</view> |
||||
</view> |
||||
<view class="list"> |
||||
<view class="list-title">建设条件</view> |
||||
<view class="list-info"> |
||||
<view class="list-info-item">装配建筑：20344m</view> |
||||
<view class="list-info-item">绿色建筑：30%</view> |
||||
<view class="list-info-item">地质灾害：303956m</view> |
||||
<view class="list-info-item">人防还建：29%</view> |
||||
<view class="list-info-item">特殊条件：不大于30米</view> |
||||
<view class="list-info-item">其他条件：28%</view> |
||||
</view> |
||||
</view> |
||||
<view class="list"> |
||||
<view class="list-title">竞买须知</view> |
||||
<view class="list-info-once"> |
||||
<view class="list-item-once">竞买条件：这是一段文字说明介绍</view> |
||||
<view class="list-item-once"> |
||||
付款节奏：这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍</view> |
||||
<view class="list-item-once">出让人：这是一段文字介绍</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="list"> |
||||
<view class="list-title">挂牌资料</view> |
||||
<view class="list-info"> |
||||
<view class="list-info-item">规划条件函：<text class="see">点击查看</text></view> |
||||
<view class="list-info-item">条件函附图：<text class="see">点击查看</text></view> |
||||
<view class="list-info-item">周报控规图：<text class="see">点击查看</text></view> |
||||
<view class="list-info-item">竞买须知：<text class="see">点击查看</text></view> |
||||
<view class="list-info-item">国土合同：无</view> |
||||
<view class="list-info-item">建设方案：无</view> |
||||
<view class="list-info-item">航拍全景：<text class="see">点击查看</text></view> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="list"> |
||||
<view class="list-title">土地研制</view> |
||||
<view class="list-info-once"> |
||||
<view class="list-item-once">AIR可研： <text class="see">点击查看</text></view> |
||||
<view class="list-item-once" bindtap="setMark">静态测算：<text class="see">开始测算</text></view> |
||||
<view class="list-item-once">看地导航：<text class="see">点击导航</text></view> |
||||
</view> |
||||
</view> |
||||
@ -0,0 +1,44 @@
|
||||
/* components/detail-announcement/aa.wxss */ |
||||
.list { |
||||
background-color: #FFFFFF; |
||||
margin-top: 22rpx; |
||||
padding: 0 30rpx 30rpx; |
||||
} |
||||
|
||||
.list-title { |
||||
font-size: 30rpx; |
||||
line-height: 80rpx; |
||||
font-weight: bold; |
||||
color: #F69F06; |
||||
} |
||||
|
||||
.list-info { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
} |
||||
|
||||
.list-info-once { |
||||
display: flex; |
||||
flex-direction: column; |
||||
} |
||||
|
||||
.list-info-item { |
||||
line-height: 48rpx; |
||||
font-size: 24rpx; |
||||
color: #838B99; |
||||
} |
||||
|
||||
.list-item-once { |
||||
line-height: 48rpx; |
||||
font-size: 24rpx; |
||||
color: #838B99; |
||||
display: block; |
||||
} |
||||
|
||||
.list-info .list-info-item:nth-child(odd) { |
||||
width: 60%; |
||||
} |
||||
|
||||
.list-info .list-info-item:nth-child(even) { |
||||
width: 40%; |
||||
} |
||||
@ -0,0 +1,23 @@
|
||||
// components/detail-basis/datail-basis.js
|
||||
Component({ |
||||
/** |
||||
* 组件的属性列表 |
||||
*/ |
||||
properties: { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 组件的初始数据 |
||||
*/ |
||||
data: { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 组件的方法列表 |
||||
*/ |
||||
methods: { |
||||
|
||||
} |
||||
}) |
||||
@ -0,0 +1,4 @@
|
||||
{ |
||||
"component": true, |
||||
"usingComponents": {} |
||||
} |
||||
@ -0,0 +1,2 @@
|
||||
<!--components/detail-basis/datail-basis.wxml--> |
||||
<text>components/detail-basis/datail-basis.wxml</text> |
||||
@ -0,0 +1 @@
|
||||
/* components/detail-basis/datail-basis.wxss */ |
||||
@ -0,0 +1,28 @@
|
||||
// components/detail-clinch/detail-clinch.js
|
||||
Component({ |
||||
options: { |
||||
addGlobalClass: true |
||||
}, |
||||
/** |
||||
* 组件的属性列表 |
||||
*/ |
||||
properties: { |
||||
info: { |
||||
type: Object |
||||
}, |
||||
}, |
||||
|
||||
/** |
||||
* 组件的初始数据 |
||||
*/ |
||||
data: { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 组件的方法列表 |
||||
*/ |
||||
methods: { |
||||
|
||||
} |
||||
}) |
||||
@ -0,0 +1,4 @@
|
||||
{ |
||||
"component": true, |
||||
"usingComponents": {} |
||||
} |
||||
@ -0,0 +1,23 @@
|
||||
<!--components/detail-clinch/detail-clinch.wxml--> |
||||
<view class="clinch"> |
||||
<view class="title">基本信息</view> |
||||
<view class="box"> |
||||
<view class="lable"> |
||||
<view class="lable-item" wx:for="{{info.list}}" wx:for-index="index" wx:for-item="item" wx:key="index">{{item.lable}}</view> |
||||
</view> |
||||
<view class="info"> |
||||
<view class="info-item" wx:for="{{info.list}}" wx:for-index="index" wx:for-item="item" wx:key="index">{{item.info}}</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="message"> |
||||
<view class="m-box"> |
||||
<text class="title">竞拍记录</text> |
||||
<image class="m-tag" src="../../assets/images/zhuan_1.png"></image> |
||||
</view> |
||||
<view class="m-info"> |
||||
<text class="m-lable">竞拍记录：</text> |
||||
<text class="see">点击查看</text> |
||||
</view> |
||||
</view> |
||||
@ -0,0 +1,88 @@
|
||||
/* components/detail-clinch/detail-clinch.wxss */ |
||||
.clinch { |
||||
background-color: #ffffff; |
||||
padding: 0 30rpx 50rpx 30rpx; |
||||
margin-top: 20rpx; |
||||
} |
||||
|
||||
.title { |
||||
font-size: 30rpx; |
||||
font-weight: bold; |
||||
color: #F69F06; |
||||
line-height: 90rpx; |
||||
} |
||||
|
||||
.box { |
||||
width: 100%; |
||||
display: flex; |
||||
border: 1px solid #E1E1E1; |
||||
} |
||||
|
||||
.lable { |
||||
background: rgba(225, 225, 225, 0.2); |
||||
border-right: 1px solid #E1E1E1; |
||||
width: 186rpx; |
||||
display: flex; |
||||
flex-direction: column; |
||||
} |
||||
|
||||
.lable-item { |
||||
display: flex; |
||||
border-bottom: 1px solid #E1E1E1; |
||||
height: 90rpx; |
||||
align-items: center; |
||||
padding-left: 28rpx; |
||||
font-size: 26rpx; |
||||
color: #838B99; |
||||
} |
||||
|
||||
.lable-item:last-of-type { |
||||
border: none; |
||||
} |
||||
|
||||
.info { |
||||
flex: 1; |
||||
} |
||||
|
||||
.info-item { |
||||
display: flex; |
||||
height: 90rpx; |
||||
align-items: center; |
||||
padding-left: 38rpx; |
||||
font-size: 26rpx; |
||||
color: #262936; |
||||
border-bottom: 1px solid #E1E1E1; |
||||
} |
||||
|
||||
.info-item:last-of-type { |
||||
border: none; |
||||
} |
||||
|
||||
.message{ |
||||
margin-top: 20rpx; |
||||
background-color: #ffffff; |
||||
padding: 0 30rpx 30rpx; |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
.m-box{ |
||||
display: flex; |
||||
align-items: center; |
||||
height: 90rpx; |
||||
} |
||||
|
||||
.m-tag{ |
||||
margin-left: 24rpx; |
||||
width: 70rpx; |
||||
height: 34rpx; |
||||
} |
||||
|
||||
.m-info{ |
||||
font-size: 26rpx; |
||||
} |
||||
|
||||
.m-lable{ |
||||
color: #838B99; |
||||
} |
||||
|
||||
|
||||
@ -0,0 +1,23 @@
|
||||
// components/detai-present/detai-present.js
|
||||
Component({ |
||||
/** |
||||
* 组件的属性列表 |
||||
*/ |
||||
properties: { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 组件的初始数据 |
||||
*/ |
||||
data: { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 组件的方法列表 |
||||
*/ |
||||
methods: { |
||||
|
||||
} |
||||
}) |
||||
@ -0,0 +1,4 @@
|
||||
{ |
||||
"component": true, |
||||
"usingComponents": {} |
||||
} |
||||
@ -0,0 +1,2 @@
|
||||
<!--components/detai-present/detai-present.wxml--> |
||||
<text>components/detai-present/detai-present.wxml</text> |
||||
@ -0,0 +1 @@
|
||||
/* components/detai-present/detai-present.wxss */ |
||||
@ -0,0 +1,23 @@
|
||||
// components/detail-senior/detail-senior.js
|
||||
Component({ |
||||
/** |
||||
* 组件的属性列表 |
||||
*/ |
||||
properties: { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 组件的初始数据 |
||||
*/ |
||||
data: { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 组件的方法列表 |
||||
*/ |
||||
methods: { |
||||
|
||||
} |
||||
}) |
||||
@ -0,0 +1,4 @@
|
||||
{ |
||||
"component": true, |
||||
"usingComponents": {} |
||||
} |
||||
@ -0,0 +1,2 @@
|
||||
<!--components/detail-senior/detail-senior.wxml--> |
||||
<text>components/detail-senior/detail-senior.wxml</text> |
||||
@ -0,0 +1 @@
|
||||
/* components/detail-senior/detail-senior.wxss */ |
||||
@ -0,0 +1,178 @@
|
||||
// pages/air-report/air-report.js
|
||||
const htmlSnip = |
||||
`<div class="div_class">
|
||||
<p> |
||||
第一部分 项目概况 |
||||
</p style="font-size:20px;"> |
||||
<p style="font-size:16px;"> |
||||
1.1项目区位 |
||||
</p> |
||||
<p class="p" style="font-size:14px;"> |
||||
北京城建龙樾生态城在售小户型为套内面积79-86㎡三居，总价格125-137万元/套，其中79、80平户型楼层不可选，86平楼层可选，房源充足； |
||||
该项目距离轻轨6号线高义口直线距离约100米，可通过换乘1、3、4、5、9号线通达全城，可快速到达中央公园、照母山！ |
||||
</p> |
||||
</div> |
||||
` |
||||
Page({ |
||||
|
||||
/** |
||||
* 页面的初始数据 |
||||
*/ |
||||
data: { |
||||
title: '高新区大杨石组团H分区06-2号宗地', |
||||
nodes: htmlSnip, |
||||
showMark:false, |
||||
reList: [{ |
||||
name: '项目区位', |
||||
num: 1 |
||||
}, { |
||||
name: '项目现状及规划', |
||||
num: 2 |
||||
}, { |
||||
name: '这是一句标题', |
||||
num: 3 |
||||
}, { |
||||
name: '这是一句标题标题标题标题', |
||||
num: 4 |
||||
}, { |
||||
name: '项目区位', |
||||
num: 5 |
||||
},{ |
||||
name: '项目区位', |
||||
num: 1 |
||||
}, { |
||||
name: '项目现状及规划', |
||||
num: 2 |
||||
}, { |
||||
name: '这是一句标题', |
||||
num: 3 |
||||
}, { |
||||
name: '这是一句标题标题标题标题', |
||||
num: 4 |
||||
}, { |
||||
name: '项目区位', |
||||
num: 5 |
||||
},{ |
||||
name: '项目区位', |
||||
num: 1 |
||||
}, { |
||||
name: '项目现状及规划', |
||||
num: 2 |
||||
}, { |
||||
name: '这是一句标题', |
||||
num: 3 |
||||
}, { |
||||
name: '这是一句标题标题标题标题', |
||||
num: 4 |
||||
}, { |
||||
name: '项目区位', |
||||
num: 5 |
||||
},{ |
||||
name: '项目区位', |
||||
num: 1 |
||||
}, { |
||||
name: '项目现状及规划', |
||||
num: 2 |
||||
}, { |
||||
name: '这是一句标题', |
||||
num: 3 |
||||
}, { |
||||
name: '这是一句标题标题标题标题', |
||||
num: 4 |
||||
}, { |
||||
name: '项目区位', |
||||
num: 5 |
||||
},{ |
||||
name: '项目区位', |
||||
num: 1 |
||||
}, { |
||||
name: '项目现状及规划', |
||||
num: 2 |
||||
}, { |
||||
name: '这是一句标题', |
||||
num: 3 |
||||
}, { |
||||
name: '这是一句标题标题标题标题', |
||||
num: 4 |
||||
}, { |
||||
name: '项目区位', |
||||
num: 5 |
||||
},{ |
||||
name: '项目区位', |
||||
num: 1 |
||||
}, { |
||||
name: '项目现状及规划', |
||||
num: 2 |
||||
}, { |
||||
name: '这是一句标题', |
||||
num: 3 |
||||
}, { |
||||
name: '这是一句标题标题标题标题', |
||||
num: 4 |
||||
}, { |
||||
name: '项目区位', |
||||
num: 5 |
||||
},] |
||||
}, |
||||
|
||||
showBtn(){ |
||||
let {showMark} = this.data; |
||||
this.setData({showMark:!showMark}) |
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面加载 |
||||
*/ |
||||
onLoad: function (options) { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面初次渲染完成 |
||||
*/ |
||||
onReady: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面显示 |
||||
*/ |
||||
onShow: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面隐藏 |
||||
*/ |
||||
onHide: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 生命周期函数--监听页面卸载 |
||||
*/ |
||||
onUnload: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 页面相关事件处理函数--监听用户下拉动作 |
||||
*/ |
||||
onPullDownRefresh: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 页面上拉触底事件的处理函数 |
||||
*/ |
||||
onReachBottom: function () { |
||||
|
||||
}, |
||||
|
||||
/** |
||||
* 用户点击右上角分享 |
||||
*/ |
||||
onShareAppMessage: function () { |
||||
|
||||
} |
||||
}) |
||||
@ -0,0 +1,26 @@
|
||||
<!--pages/air-report/air-report.wxml--> |
||||
<view class="pages"> |
||||
<mp-navigation-bar ext-class="set-bar" title="报告"></mp-navigation-bar> |
||||
<view class="main"> |
||||
<view class="title">{{title}}</view> |
||||
<rich-text nodes="{{nodes}}"></rich-text> |
||||
<view class="directory center" bindtap="showBtn"> |
||||
<image src="../../assets/images/directory.png"></image> |
||||
</view> |
||||
</view> |
||||
<view class="report-mark" catchtap="showBtn" wx:if="{{showMark}}"> |
||||
<view class="report"> |
||||
<view class="re-text"> |
||||
<text class="re-title">目录</text> |
||||
<image class="re-tag" src="../../assets/images/tab-tag.png"></image> |
||||
</view> |
||||
<text class="re-lable">共78章</text> |
||||
<view class="re-list"> |
||||
<view class="re-item" wx:for="{{reList}}" wx:for-index="i" wx:for-item="item" wx:key="i" catchtap="showBtn"> |
||||
<text class="re-name">{{item.name}}</text> |
||||
<text class="re-num">{{item.num}}</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
@ -0,0 +1,94 @@
|
||||
/* pages/air-report/air-report.wxss */ |
||||
.main { |
||||
position: relative; |
||||
padding: 0 30rpx 30rpx; |
||||
} |
||||
|
||||
.directory { |
||||
position: absolute; |
||||
z-index: 2; |
||||
bottom: 190rpx; |
||||
right: 50rpx; |
||||
width: 74rpx; |
||||
height: 74rpx; |
||||
box-shadow: 0 2rpx 23rpx 0 rgba(51, 81, 58, 0.26); |
||||
border-radius: 50%; |
||||
} |
||||
|
||||
.directory image { |
||||
width: 38rpx; |
||||
height: 38rpx; |
||||
} |
||||
|
||||
.title { |
||||
font-size: 34rpx; |
||||
font-weight: bold; |
||||
color: #262936; |
||||
line-height: 80rpx; |
||||
} |
||||
|
||||
.report-mark { |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
z-index: 9999; |
||||
background-color: rgba(0, 0, 0, .1); |
||||
} |
||||
|
||||
.report { |
||||
width: 560rpx; |
||||
height: 100%; |
||||
overflow-y: scroll; |
||||
background-color: #ffffff; |
||||
padding-left: 30rpx; |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
.re-text { |
||||
display: flex; |
||||
flex-direction: column; |
||||
margin-top: 150rpx; |
||||
width: 70rpx; |
||||
align-items: center; |
||||
} |
||||
|
||||
.re-title { |
||||
font-size: 34rpx; |
||||
font-weight: bold; |
||||
color: #262936; |
||||
} |
||||
|
||||
.re-tag { |
||||
width: 44rpx; |
||||
height: 10rpx; |
||||
} |
||||
|
||||
.re-lable { |
||||
font-size: 26rpx; |
||||
line-height: 120rpx; |
||||
font-weight: bold; |
||||
color: #838B99; |
||||
} |
||||
|
||||
.re-item { |
||||
width: 100%; |
||||
height: 100rpx; |
||||
display: flex; |
||||
box-sizing: border-box; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
padding-right: 40rpx; |
||||
border-top: 1px solid #E3E3E3; |
||||
} |
||||
|
||||
.re-name { |
||||
font-size: 32rpx; |
||||
color: #262936; |
||||
} |
||||
|
||||
.re-num { |
||||
font-size: 26rpx; |
||||
color: #C3C3C3; |
||||
} |
||||
@ -1,3 +1,9 @@
|
||||
{ |
||||
"usingComponents": {} |
||||
"usingComponents": { |
||||
"detail-announcement":"../../components/detail-announcement/detail-announcement", |
||||
"detail-clinch":"../../components/detail-clinch/detail-clinch", |
||||
"detail-present":"../../components/detail-present/detail-present", |
||||
"detail-basis":"../../components/detail-basis/detail-basis", |
||||
"detail-senior":"../../components/detail-senior/detail-senior" |
||||
} |
||||
} |
||||
@ -0,0 +1,43 @@
|
||||
const baseURL = 'https://some-domain.com/api/' |
||||
const GET = 'GET'; |
||||
const POST = 'POST'; |
||||
const PUT = 'PUT'; |
||||
const FORM = 'FORM'; |
||||
const DELETE = 'DELETE'; |
||||
|
||||
|
||||
function request(method, url, data) { |
||||
return new Promise(function (resolve, reject) { |
||||
let header = { |
||||
'content-type': 'application/json', |
||||
}; |
||||
wx.request({ |
||||
url: baseURL + url, |
||||
method: method, |
||||
data: method === POST ? JSON.stringify(data) : data, |
||||
header: header, |
||||
success(res) { |
||||
//请求成功
|
||||
//判断状态码---errCode状态根据后端定义来判断
|
||||
if (res.data.errCode == 0) { |
||||
resolve(res); |
||||
} else { |
||||
//其他异常
|
||||
reject('运行时错误,请稍后再试'); |
||||
} |
||||
}, |
||||
fail(err) { |
||||
//请求失败
|
||||
reject(err) |
||||
} |
||||
}) |
||||
}) |
||||
} |
||||
|
||||
|
||||
const API = { |
||||
getOpenid: (data) => request(GET, `jsapi/mini?jsCode=${data}`), |
||||
}; |
||||
module.exports = { |
||||
API: API |
||||
} |
||||
Loading…
Reference in new issue