1191151619
4 years ago
27 changed files with 1129 additions and 279 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,9 @@
|
||||
{ |
||||
"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,128 @@
|
||||
<!--pages/look-detail/look-detail.wxml--> |
||||
<wxs module="filter"> |
||||
var setTag = function (state) { |
||||
var obj = {} |
||||
if (state === 'toBeListed') { |
||||
obj = { |
||||
sname: 'dgp', |
||||
text: '待挂牌' |
||||
} |
||||
} else if (state === 'listed') { |
||||
obj = { |
||||
sname: 'gpz', |
||||
text: '挂牌中' |
||||
} |
||||
} else if (state === 'passBy') { |
||||
obj = { |
||||
sname: 'lp', |
||||
text: '流拍' |
||||
} |
||||
}else { |
||||
obj = { |
||||
sname: 'ycj', |
||||
text: '已成交' |
||||
} |
||||
} |
||||
return obj |
||||
}; |
||||
module.exports = { setTag: setTag }; |
||||
</wxs> |
||||
<view class="pages"> |
||||
<mp-navigation-bar ext-class="set-bar" title="看地"></mp-navigation-bar> |
||||
<view class="main"> |
||||
<!-- <view class="look-top"> |
||||
<view class="look-search center"> |
||||
<image class="look-s-icon" src="../../assets/images/search.png"></image> |
||||
</view> |
||||
<view class="look-top-right flex-center" bindtap="comeBack"> |
||||
<image class="look-top-tag" src="../../assets/images/s-icon.png"></image> |
||||
<text class="look-top-text">土地池</text> |
||||
</view> |
||||
</view> --> |
||||
<map class="map" polygons="{{polygons}}" latitude="{{latitude}}" longitude="{{longitude}}"> |
||||
<cover-view slot="callout"> |
||||
<cover-view marker-id="1"></cover-view> |
||||
<cover-view marker-id="2"></cover-view> |
||||
</cover-view> |
||||
</map> |
||||
<view class="gener"> |
||||
<view class="gener-top"> |
||||
<view class="gener-tag center {{filter.setTag(myData.transactionStatus).sname}}">{{filter.setTag(myData.transactionStatus).text}}</view> |
||||
<text class="gener-title">{{myData.landCode}}</text> |
||||
</view> |
||||
|
||||
|
||||
<view class="gener-info" > |
||||
<view class="gener-item"> |
||||
<text class="gener-lable">【城 市】</text> |
||||
<text class="gener-text">{{myData.city}}</text> |
||||
</view> |
||||
<view class="gener-item"> |
||||
<text class="gener-lable">【拟出让序号】</text> |
||||
<text class="gener-text">{{myData.proposedseriaId}}</text> |
||||
</view> |
||||
<view class="gener-item"> |
||||
<text class="gener-lable">【状态】</text> |
||||
<text class="gener-text">{{myData.city}}</text> |
||||
</view> |
||||
<view class="gener-item"> |
||||
<text class="gener-lable">【预计挂牌时间】</text> |
||||
<text class="gener-text">{{myData.estimatedListingTime}}</text> |
||||
</view> |
||||
<view class="gener-item"> |
||||
<text class="gener-lable">【名称】</text> |
||||
<text class="gener-text">{{myData.landCode}}</text> |
||||
</view> |
||||
|
||||
<view class="gener-item"> |
||||
<text class="gener-lable ">【行政区】</text> |
||||
<text class="gener-text">{{myData.canton}}</text> |
||||
</view> |
||||
<view class="gener-item"> |
||||
<text class="gener-lable ">【大组团】</text> |
||||
<text class="gener-text">{{myData.bigGroup}}</text> |
||||
</view> |
||||
<view class="gener-item"> |
||||
<text class="gener-lable">【小组团】</text> |
||||
<text class="gener-text">{{myData.smallGroup}}</text> |
||||
</view> |
||||
</view> |
||||
|
||||
|
||||
</view> |
||||
<view class="tab" wx:if="{{state}}"> |
||||
<view class="tab-item {{item.id===active?'active':''}}" wx:for="{{tabList}}" wx:for-index="i" wx:for-item="item" |
||||
wx:key="id" bindtap="tabDowm" data-id="{{item.id}}"> |
||||
<text class="tab-title">{{item.name}}</text> |
||||
<image class="tab-tag" src="../../assets/images/tab-tag.png"></image> |
||||
</view> |
||||
</view> |
||||
<view class="tab" wx:else> |
||||
<view class="tab-item {{item.id===active?'active':''}}" wx:for="{{sedTabList}}" wx:for-index="id" |
||||
wx:for-item="item" wx:key="id" bindtap="tabDowm" data-id="{{item.id}}"> |
||||
<text class="tab-title">{{item.name}}</text> |
||||
<image class="tab-tag" src="../../assets/images/tab-tag.png"></image> |
||||
</view> |
||||
</view> |
||||
<detail-announcement info="{{myData}}" bind:setMark="setMark" wx:if="{{active===1}}" /> |
||||
|
||||
|
||||
<detail-basis id="basis" orgiData="{{orgiData}}" dataInfo="{{myData}}" info="{{basisInfo}}" |
||||
wx:if="{{active===4}}" /> |
||||
<detail-senior id="senior" orgiData="{{orgiData}}" dataInfo="{{myData}}" info="{{seniorInfo}}" |
||||
wx:if="{{active===5}}" /> |
||||
<view class="btn-box" wx:if="{{active>3&&!isDone}}"> |
||||
<button bindtap="clearData" class="btn btn-warning">重做</button> |
||||
<button bindtap="goCalculate" class="btn btn-primy">测算</button> |
||||
<button bindtap="save" class="btn btn-primy">保存</button> |
||||
<button bindtap="submit" class="btn btn-primy">提交</button> |
||||
</view> |
||||
</view> |
||||
<view class="mark" wx:if="{{markShow}}" bindtap="markHide"> |
||||
<view class="carBtn center" catchtap="setMark" data-id="4">基础测算</view> |
||||
<view class="hevyBtn" catchtap="setMark" data-id="5"> |
||||
<text class="hevy-text">高级测算</text> |
||||
<text class="hevy-lable">(无偿移交+自持)</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
@ -0,0 +1,197 @@
|
||||
/* pages/look-detail/look-detail.wxss */ |
||||
.pages { |
||||
position: relative; |
||||
} |
||||
|
||||
.map { |
||||
width: 750rpx; |
||||
height: 543rpx; |
||||
} |
||||
|
||||
.tab { |
||||
display: flex; |
||||
align-items: center; |
||||
padding: 20rpx 30rpx 0 30rpx; |
||||
} |
||||
|
||||
.tab-item { |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
margin-right: 54rpx; |
||||
} |
||||
|
||||
.tab-title { |
||||
font-size: 30rpx; |
||||
font-weight: bold; |
||||
color: #565A6B; |
||||
} |
||||
|
||||
.tab-tag { |
||||
width: 44rpx; |
||||
height: 10rpx; |
||||
display: none; |
||||
} |
||||
|
||||
.active .tab-title { |
||||
font-size: 34rpx; |
||||
color: #146ae7; |
||||
} |
||||
|
||||
.active .tab-tag { |
||||
display: block; |
||||
} |
||||
|
||||
.gener { |
||||
padding: 20rpx 30rpx; |
||||
background-color: #ffffff; |
||||
} |
||||
|
||||
.gener-tag { |
||||
width: 90rpx; |
||||
height: 34rpx; |
||||
background: #666A7A; |
||||
border-radius: 4rpx; |
||||
font-size: 22rpx; |
||||
font-weight: bold; |
||||
color: #FFFFFF; |
||||
} |
||||
.gener-tag.dgp{ |
||||
background: #F7A40F; |
||||
} |
||||
.gener-tag.gpz{ |
||||
background: #10C769; |
||||
} |
||||
.gener-tag.lp{ |
||||
background: #666A7A; |
||||
} |
||||
.gener-tag.ycj{ |
||||
background: #FF652F; |
||||
} |
||||
|
||||
|
||||
|
||||
.gener-top { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
|
||||
.gener-title { |
||||
flex: 1; |
||||
text-indent: 10rpx; |
||||
overflow: hidden; |
||||
white-space: nowrap; |
||||
text-overflow: ellipsis; |
||||
font-size: 34rpx; |
||||
font-weight: bold; |
||||
color: #262936; |
||||
} |
||||
|
||||
.gener-info { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
} |
||||
|
||||
.gener-item { |
||||
line-height: 56rpx; |
||||
min-width: 33.3%; |
||||
font-size: 26rpx; |
||||
} |
||||
|
||||
.gener-lable { |
||||
color: #262936; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.pl-14 { |
||||
padding-left: 14rpx; |
||||
} |
||||
|
||||
.gener-text { |
||||
color: #565A6B; |
||||
} |
||||
|
||||
.mark { |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
background-color: rgba(0, 0, 0, .35); |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
justify-content: flex-end; |
||||
} |
||||
|
||||
.carBtn { |
||||
width: 514rpx; |
||||
height: 85rpx; |
||||
background: linear-gradient(171deg,#3d7dfc 0%, #0e63df 100%); |
||||
border-radius: 43rpx; |
||||
font-size: 32rpx; |
||||
color: #FFFFFF; |
||||
} |
||||
|
||||
.hevyBtn { |
||||
width: 514rpx; |
||||
height: 85rpx; |
||||
background: linear-gradient(171deg, #FFBF15, #F69F06); |
||||
border-radius: 43rpx; |
||||
margin-top: 36rpx; |
||||
margin-bottom: 304rpx; |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
} |
||||
|
||||
.hevy-text { |
||||
font-size: 32rpx; |
||||
color: #FFFFFF; |
||||
line-height: initial; |
||||
} |
||||
|
||||
.hevy-lable { |
||||
font-size: 22rpx; |
||||
color: rgba(255, 255, 255, .4); |
||||
} |
||||
|
||||
.table .table-item { |
||||
border-bottom: 1px solid #E1E1E1; |
||||
} |
||||
|
||||
.table .table-item:last-of-type { |
||||
border-bottom: none; |
||||
} |
||||
|
||||
.btn-box { |
||||
padding: 50rpx 20rpx; |
||||
width: 100%; |
||||
box-sizing: border-box; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
} |
||||
|
||||
.btn { |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
width: 152rpx !important; |
||||
height: 62rpx; |
||||
font-size: 28rpx; |
||||
border-radius: 30rpx; |
||||
color: #fff; |
||||
} |
||||
|
||||
.btn-warning { |
||||
background: linear-gradient(171deg, #ffc27a 0%, #f1a142 100%); |
||||
} |
||||
|
||||
.btn-primy { |
||||
background: linear-gradient(171deg, #3d7dfc 0%, #0e63df 100%); |
||||
} |
||||
|
||||
.col-do{ |
||||
padding-right: 36rpx; |
||||
} |
||||
Loading…
Reference in new issue