xiangshunpu
4 years ago
20 changed files with 684 additions and 293 deletions
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 779 B |
@ -0,0 +1,109 @@
|
||||
// pages/calculation-detail/calculation-detail.js
|
||||
import * as echarts from '../../components/ec-canvas/echarts'; |
||||
|
||||
const app = getApp(); |
||||
|
||||
function initChart(canvas, width, height, dpr) { |
||||
const chart = echarts.init(canvas, null, { |
||||
width: width, |
||||
height: height, |
||||
devicePixelRatio: dpr // new
|
||||
}); |
||||
canvas.setChart(chart); |
||||
|
||||
var option = { |
||||
title: { |
||||
text: '我的预测与成交溢价率的差异', |
||||
left: 'center' |
||||
}, |
||||
legend: { |
||||
data: ['溢价率差异', '平均差异', '我的净利率'], |
||||
bottom: 50, |
||||
left: 'center', |
||||
z: 100 |
||||
}, |
||||
grid: { |
||||
containLabel: true |
||||
}, |
||||
tooltip: { |
||||
show: true, |
||||
trigger: 'axis' |
||||
}, |
||||
xAxis: { |
||||
type: 'category', |
||||
boundaryGap: false, |
||||
data: ['21001', '21002', '21003', '21004', '21005', '21006', '21007', '21008', '21009', '210010'], |
||||
show: false |
||||
}, |
||||
yAxis: { |
||||
x: 'center', |
||||
type: 'value', |
||||
position: 'right', |
||||
offset: 5, |
||||
axisLabel: { |
||||
formatter: '{value}.00%' |
||||
} |
||||
}, |
||||
series: [{ |
||||
name: '溢价率差异', |
||||
type: 'bar', |
||||
smooth: true, |
||||
data: [17, 19, -16, -2, 8, 10, 5, 3, 2, 6], |
||||
itemStyle: { |
||||
color: '#9BBB59' |
||||
} |
||||
}, { |
||||
name: '平均差异', |
||||
type: 'line', |
||||
data: [3, 11, 13, -2, 8, 16, 3, 3, 2, 6], |
||||
showSymbol: false, |
||||
lineStyle: { |
||||
color: '#76589B', |
||||
width: 5 |
||||
} |
||||
}, { |
||||
name: '我的净利率', |
||||
type: 'line', |
||||
showSymbol: false, |
||||
data: [17, 19, -16, -2, 8, 10, 5, 3, 2, 6], |
||||
lineStyle: { |
||||
color: '#4BACC6', |
||||
width: 5 |
||||
} |
||||
}] |
||||
}; |
||||
|
||||
chart.setOption(option); |
||||
return chart; |
||||
} |
||||
|
||||
Page({ |
||||
onShareAppMessage: function (res) { |
||||
return { |
||||
title: 'ECharts 可以在微信小程序中使用啦！', |
||||
path: '/pages/index/index', |
||||
success: function () {}, |
||||
fail: function () {} |
||||
} |
||||
}, |
||||
data: { |
||||
ec: { |
||||
onInit: initChart |
||||
} |
||||
}, |
||||
|
||||
onShow(){ |
||||
if (typeof this.getTabBar === 'function' && |
||||
this.getTabBar()) { |
||||
this.getTabBar().setData({ |
||||
selected: 3 |
||||
}) |
||||
} |
||||
}, |
||||
|
||||
comeHistory(){ |
||||
wx.navigateTo({ |
||||
url: '../../pages/history/history', |
||||
}) |
||||
} |
||||
}); |
||||
@ -0,0 +1,5 @@
|
||||
{ |
||||
"usingComponents": { |
||||
"ec-canvas": "../../components/ec-canvas/ec-canvas" |
||||
} |
||||
} |
||||
@ -0,0 +1,60 @@
|
||||
<!--pages/calculation-detail/calculation-detail.wxml--> |
||||
<view class="pages"> |
||||
<mp-navigation-bar ext-class="set-bar" title="测算监控"></mp-navigation-bar> |
||||
<view class="main"> |
||||
<view class="top"> |
||||
<view class="top-box center" bindtap="comeHistory"> |
||||
<image class="top-icon" src="../../assets/images/history.png"></image> |
||||
<text>历史记录</text> |
||||
</view> |
||||
</view> |
||||
<view class="content"> |
||||
<view class="info"> |
||||
<view class="tab"> |
||||
<view class="tab-item"> |
||||
<view class="tab-surf"> |
||||
<image class="my-pos" src="../../assets/images/bg2.png"></image> |
||||
<text class="tab-num">128</text> |
||||
</view> |
||||
<text class="tab-title">测算宗数</text> |
||||
</view> |
||||
<view class="tab-item"> |
||||
<view class="tab-surf"> |
||||
<image class="my-pos" src="../../assets/images/bg3.png"></image> |
||||
<text class="tab-num">39%</text> |
||||
</view> |
||||
<text class="tab-title">准确率</text> |
||||
</view> |
||||
<view class="tab-item"> |
||||
<view class="tab-surf"> |
||||
<image class="my-pos" src="../../assets/images/bg1.png"></image> |
||||
<text class="tab-num">2.43%</text> |
||||
</view> |
||||
<text class="tab-title">预测误差</text> |
||||
</view> |
||||
</view> |
||||
<view class="msg"> |
||||
<view class="msg-item"> |
||||
<view class="msg-icon"> |
||||
<image src="../../assets/images/msg.png"></image> |
||||
</view> |
||||
<text class="msg-title">测算宗数=完成测算并提交的土地宗数，单宗土地不重复；</text> |
||||
</view> |
||||
<view class="msg-item"> |
||||
<view class="msg-icon"> |
||||
</view> |
||||
<text class="msg-title">预测准确=预测溢价率差异在1%的土地宗数/测算宗数；</text> |
||||
</view> |
||||
<view class="msg-item"> |
||||
<view class="msg-icon"> |
||||
</view> |
||||
<text class="msg-title">预测误差=预测溢价率差异的绝对值的平均数；</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="map"> |
||||
<ec-canvas id="mychart-dom-line" canvas-id="mychart-line" ec="{{ ec }}"></ec-canvas> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
@ -0,0 +1,115 @@
|
||||
/* pages/calculation-detail/calculation-detail.wxss */ |
||||
.main { |
||||
display: flex; |
||||
flex-direction: column; |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
.top { |
||||
height: 90rpx; |
||||
display: flex; |
||||
justify-content: flex-end; |
||||
align-items: center; |
||||
padding-right: 30rpx; |
||||
} |
||||
|
||||
.top-box { |
||||
font-size: 32rpx; |
||||
color: #222222; |
||||
} |
||||
|
||||
.top-box text { |
||||
text-indent: 8rpx; |
||||
} |
||||
|
||||
.top-icon { |
||||
width: 28rpx; |
||||
height: 30rpx; |
||||
} |
||||
|
||||
.content { |
||||
flex: 1; |
||||
display: flex; |
||||
flex-direction: column; |
||||
} |
||||
|
||||
.info { |
||||
background-color: #ffffff; |
||||
box-sizing: border-box; |
||||
padding: 30rpx; |
||||
} |
||||
|
||||
.tab { |
||||
height: 230rpx; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
} |
||||
|
||||
.tab-item { |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
} |
||||
|
||||
.tab-surf { |
||||
width: 180rpx; |
||||
height: 180rpx; |
||||
border-radius: 50%; |
||||
position: relative; |
||||
} |
||||
|
||||
.tab-num { |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
line-height: 180rpx; |
||||
text-align: center; |
||||
z-index: 2; |
||||
font-size: 36rpx; |
||||
font-weight: bold; |
||||
color: #FFFFFF; |
||||
} |
||||
|
||||
.tab-title { |
||||
font-size: 34rpx; |
||||
font-weight: bold; |
||||
color: #262936; |
||||
} |
||||
|
||||
.msg{ |
||||
padding: 20rpx; |
||||
border: 2rpx solid #E3E3E3; |
||||
margin-top: 52rpx; |
||||
} |
||||
|
||||
.msg-item{ |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
|
||||
.msg-icon{ |
||||
width: 20rpx; |
||||
height: 24rpx; |
||||
margin-right: 16rpx; |
||||
} |
||||
|
||||
.msg-icon image{ |
||||
display: block; |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
|
||||
.msg-title{ |
||||
font-size: 22rpx; |
||||
color: #838B99; |
||||
line-height: 50rpx; |
||||
} |
||||
|
||||
.map{ |
||||
margin-top: 24rpx; |
||||
background-color: #FFFFFF; |
||||
padding: 40rpx 0; |
||||
flex: 1; |
||||
} |
||||
@ -1,108 +1,78 @@
|
||||
import * as echarts from '../../components/ec-canvas/echarts'; |
||||
|
||||
const app = getApp(); |
||||
|
||||
function initChart(canvas, width, height, dpr) { |
||||
const chart = echarts.init(canvas, null, { |
||||
width: width, |
||||
height: height, |
||||
devicePixelRatio: dpr // new
|
||||
}); |
||||
canvas.setChart(chart); |
||||
|
||||
var option = { |
||||
title: { |
||||
text: '我的预测与成交溢价率的差异', |
||||
left: 'center' |
||||
}, |
||||
legend: { |
||||
data: ['溢价率差异', '平均差异', '我的净利率'], |
||||
bottom: 50, |
||||
left: 'center', |
||||
z: 100 |
||||
}, |
||||
grid: { |
||||
containLabel: true |
||||
}, |
||||
tooltip: { |
||||
show: true, |
||||
trigger: 'axis' |
||||
}, |
||||
xAxis: { |
||||
type: 'category', |
||||
boundaryGap: false, |
||||
data: ['21001', '21002', '21003', '21004', '21005', '21006', '21007', '21008', '21009', '210010'], |
||||
show: false |
||||
}, |
||||
yAxis: { |
||||
x: 'center', |
||||
type: 'value', |
||||
position: 'right', |
||||
offset: 5, |
||||
axisLabel: { |
||||
formatter: '{value}.00%' |
||||
} |
||||
}, |
||||
series: [{ |
||||
name: '溢价率差异', |
||||
type: 'bar', |
||||
smooth: true, |
||||
data: [17, 19, -16, -2, 8, 10, 5, 3, 2, 6], |
||||
itemStyle: { |
||||
color: '#9BBB59' |
||||
} |
||||
}, { |
||||
name: '平均差异', |
||||
type: 'line', |
||||
data: [3, 11, 13, -2, 8, 16, 3, 3, 2, 6], |
||||
showSymbol: false, |
||||
lineStyle: { |
||||
color: '#76589B', |
||||
width: 5 |
||||
} |
||||
Page({ |
||||
data: { |
||||
active: '', |
||||
tabs: [{ |
||||
id: 1, |
||||
name: '测算日期' |
||||
}, { |
||||
name: '我的净利率', |
||||
type: 'line', |
||||
showSymbol: false, |
||||
data: [17, 19, -16, -2, 8, 10, 5, 3, 2, 6], |
||||
lineStyle: { |
||||
color: '#4BACC6', |
||||
width: 5 |
||||
} |
||||
}] |
||||
}; |
||||
id: 2, |
||||
name: '城市区域' |
||||
}], |
||||
list: [], |
||||
refresher: false, |
||||
setScroll: true |
||||
}, |
||||
|
||||
chart.setOption(option); |
||||
return chart; |
||||
} |
||||
onReady() { |
||||
this.refresh() |
||||
}, |
||||
|
||||
Page({ |
||||
onShareAppMessage: function (res) { |
||||
return { |
||||
title: 'ECharts 可以在微信小程序中使用啦！', |
||||
path: '/pages/index/index', |
||||
success: function () {}, |
||||
fail: function () {} |
||||
onShow() { |
||||
if (typeof this.getTabBar === 'function' && |
||||
this.getTabBar()) { |
||||
this.getTabBar().setData({ |
||||
selected: 3 |
||||
}) |
||||
} |
||||
}, |
||||
data: { |
||||
ec: { |
||||
onInit: initChart |
||||
|
||||
comeHistory() { |
||||
wx.navigateTo({ |
||||
url: '../../pages/calculation-detail/calculation-detail', |
||||
}) |
||||
}, |
||||
|
||||
tabDowm(e) { |
||||
let active = e.currentTarget.dataset.id |
||||
if (active === this.data.active) { |
||||
this.setData({ |
||||
active: '', |
||||
setScroll: true |
||||
}) |
||||
} else { |
||||
this.setData({ |
||||
active, |
||||
setScroll: false |
||||
}) |
||||
} |
||||
}, |
||||
|
||||
onShow(){ |
||||
if (typeof this.getTabBar === 'function' && |
||||
this.getTabBar()) { |
||||
this.getTabBar().setData({ |
||||
selected: 3 |
||||
}) |
||||
} |
||||
hideMark(){ |
||||
this.setData({active:'',setScroll:true}) |
||||
}, |
||||
|
||||
comeHistory(){ |
||||
wx.navigateTo({ |
||||
url: '../../pages/history/history', |
||||
}) |
||||
} |
||||
getList(){ |
||||
let list = this.data.list.concat(this.data.list); |
||||
this.setData({list}) |
||||
}, |
||||
refresh(){ |
||||
let list = [ |
||||
{title:'重庆-九龙坡区-杨家坪-CQ202168458677901',timer:'2021/01/01',num:'29%'}, |
||||
{title:'重庆-九龙坡区-杨家坪-CQ202168458677901',timer:'2021/01/01',num:'29%'}, |
||||
{title:'重庆-九龙坡区-杨家坪-CQ202168458677901',timer:'2021/01/01',num:'29%'}, |
||||
{title:'重庆-九龙坡区-杨家坪-CQ202168458677901',timer:'2021/01/01',num:'29%'}, |
||||
{title:'重庆-九龙坡区-杨家坪-CQ202168458677901',timer:'2021/01/01',num:'29%'}, |
||||
{title:'重庆-九龙坡区-杨家坪-CQ202168458677901',timer:'2021/01/01',num:'29%'}, |
||||
{title:'重庆-九龙坡区-杨家坪-CQ202168458677901',timer:'2021/01/01',num:'29%'}, |
||||
{title:'重庆-九龙坡区-杨家坪-CQ202168458677901',timer:'2021/01/01',num:'29%'}, |
||||
{title:'重庆-九龙坡区-杨家坪-CQ202168458677901',timer:'2021/01/01',num:'29%'}, |
||||
{title:'重庆-九龙坡区-杨家坪-CQ202168458677901',timer:'2021/01/01',num:'29%'}, |
||||
{title:'重庆-九龙坡区-杨家坪-CQ202168458677901',timer:'2021/01/01',num:'29%'}, |
||||
{title:'重庆-九龙坡区-杨家坪-CQ202168458677901',timer:'2021/01/01',num:'29%'}, |
||||
{title:'重庆-九龙坡区-杨家坪-CQ202168458677901',timer:'2021/01/01',num:'29%'} |
||||
] |
||||
setTimeout(()=>{this.setData({list,refresher:false})},200) |
||||
}, |
||||
}); |
||||
@ -1,5 +1,3 @@
|
||||
{ |
||||
"usingComponents": { |
||||
"ec-canvas": "../../components/ec-canvas/ec-canvas" |
||||
} |
||||
"usingComponents": {} |
||||
} |
||||
@ -1,59 +1,42 @@
|
||||
<view class="pages"> |
||||
<mp-navigation-bar ext-class="set-bar" title="测算" back="{{false}}"></mp-navigation-bar> |
||||
<view class="main"> |
||||
<view class="top"> |
||||
<view class="top-box center" bindtap="comeHistory"> |
||||
<image class="top-icon" src="../../assets/images/history.png"></image> |
||||
<text>历史记录</text> |
||||
|
||||
<view class="top"> |
||||
<view class="search center"> |
||||
<image src="../../assets/images/search-mini.png"></image> |
||||
</view> |
||||
<view class="top-box center" bindtap="comeHistory"> |
||||
<image class="top-icon" src="../../assets/images/jiankong.png"></image> |
||||
<text>测算监控</text> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="tab-box"> |
||||
<view class="table"> |
||||
<view class="table-item center {{active===item.id?'table-active':''}}" wx:for="{{tabs}}" wx:key="id" |
||||
wx:for-item="item" data-id="{{item.id}}" bindtap="tabDowm"> |
||||
<text class="table-name">{{item.name}}</text> |
||||
<image class="table-icon" src="../../assets/images/tab-icon.png"></image> |
||||
</view> |
||||
</view> |
||||
<view class="content"> |
||||
<view class="info"> |
||||
<view class="tab"> |
||||
<view class="tab-item"> |
||||
<view class="tab-surf"> |
||||
<image class="my-pos" src="../../assets/images/bg2.png"></image> |
||||
<text class="tab-num">128</text> |
||||
</view> |
||||
<text class="tab-title">测算宗数</text> |
||||
</view> |
||||
<view class="tab-item"> |
||||
<view class="tab-surf"> |
||||
<image class="my-pos" src="../../assets/images/bg3.png"></image> |
||||
<text class="tab-num">39%</text> |
||||
</view> |
||||
<text class="tab-title">准确率</text> |
||||
</view> |
||||
<view class="tab-item"> |
||||
<view class="tab-surf"> |
||||
<image class="my-pos" src="../../assets/images/bg1.png"></image> |
||||
<text class="tab-num">2.43%</text> |
||||
</view> |
||||
<text class="tab-title">预测误差</text> |
||||
</view> |
||||
</view> |
||||
<view class="msg"> |
||||
<view class="msg-item"> |
||||
<view class="msg-icon"> |
||||
<image src="../../assets/images/msg.png"></image> |
||||
</view> |
||||
<text class="msg-title">测算宗数=完成测算并提交的土地宗数，单宗土地不重复；</text> |
||||
</view> |
||||
<view class="msg-item"> |
||||
<view class="msg-icon"> |
||||
</view> |
||||
<text class="msg-title">预测准确=预测溢价率差异在1%的土地宗数/测算宗数；</text> |
||||
</view> |
||||
<view class="msg-item"> |
||||
<view class="msg-icon"> |
||||
</view> |
||||
<text class="msg-title">预测误差=预测溢价率差异的绝对值的平均数；</text> |
||||
<view class="top-box center"> |
||||
<image class="top-icon" src="../../assets/images/dcs.png"></image> |
||||
<text>待测算</text> |
||||
</view> |
||||
</view> |
||||
<view class="main"> |
||||
<view class="mark" wx:if="{{active}}" bindtap="hideMark"></view> |
||||
<scroll-view class="list" scroll-y="{{setScroll}}" refresher-enabled refresher-triggered="{{refresher}}" |
||||
bindscrolltolower="getList" bindrefresherrefresh="refresh"> |
||||
<view class="list-item" wx:for="{{list}}" wx:for-index="i" wx:for-item="item" bindtap="comeDetail"> |
||||
<view class="item-box"> |
||||
<view class="title one-title">{{item.title}}</view> |
||||
<view class="info"> |
||||
<text class="timer">测算日期：{{item.timer}}</text> |
||||
<text class="num">净利率：{{item.num}}</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="map"> |
||||
<ec-canvas id="mychart-dom-line" canvas-id="mychart-line" ec="{{ ec }}"></ec-canvas> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
</view> |
||||
</view> |
||||
@ -1,3 +1,7 @@
|
||||
{ |
||||
"usingComponents": {} |
||||
"usingComponents": { |
||||
"mp-uploader": "weui-miniprogram/uploader/uploader", |
||||
"mp-cells": "weui-miniprogram/cells/cells", |
||||
"mp-cell": "weui-miniprogram/cell/cell" |
||||
} |
||||
} |
||||
@ -1,2 +1,33 @@
|
||||
<!--pages/suggestion/suggestion.wxml--> |
||||
<text>pages/suggestion/suggestion.wxml</text> |
||||
<view class="pages"> |
||||
<mp-navigation-bar ext-class="set-bar" title="意见反馈"></mp-navigation-bar> |
||||
<view class="main"> |
||||
<view class="info"> |
||||
<view class="info-item item-bord"> |
||||
<text class="lable">您的姓名</text> |
||||
<input type="text" /> |
||||
</view> |
||||
<view class="info-item"> |
||||
<text class="lable">您的联系方式</text> |
||||
<input type="text" /> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="msg"> |
||||
<text class="lable">您的建议</text> |
||||
<textarea id="message" maxlength="{{200}}"> |
||||
<text class="talk">不超过200字</text> |
||||
</textarea> |
||||
</view> |
||||
|
||||
<view class="up-box"> |
||||
<mp-uploader bindfail="uploadError" bindsuccess="uploadSuccess" select="{{selectFile}}" upload="{{uplaodFile}}" |
||||
files="{{files}}" max-count="5" title="上传附件" tips="(上传相关图片)"> |
||||
</mp-uploader> |
||||
</view> |
||||
|
||||
<view class="btn"> |
||||
<button>提交</button> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
@ -1 +1,79 @@
|
||||
/* pages/suggestion/suggestion.wxss */ |
||||
/* pages/suggestion/suggestion.wxss */ |
||||
|
||||
.info { |
||||
background-color: #fff; |
||||
padding: 0 30rpx; |
||||
margin-top: 10rpx; |
||||
} |
||||
|
||||
.info-item { |
||||
height: 120rpx; |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
|
||||
.info-item input { |
||||
flex: 1; |
||||
margin-left: 20rpx; |
||||
font-size: 30rpx; |
||||
} |
||||
|
||||
.lable { |
||||
font-size: 30rpx; |
||||
font-weight: bold; |
||||
color: #262936; |
||||
} |
||||
|
||||
.item-bord { |
||||
border-bottom: 2rpx solid #e3e3e3; |
||||
} |
||||
|
||||
.msg { |
||||
margin-top: 20rpx; |
||||
background-color: #fff; |
||||
padding: 20rpx 30rpx; |
||||
} |
||||
|
||||
#message { |
||||
font-size: 30rpx; |
||||
width: 100%; |
||||
height: 200rpx; |
||||
} |
||||
|
||||
.talk { |
||||
position: absolute; |
||||
bottom: 0; |
||||
right: 0; |
||||
color: #838b99; |
||||
font-size: 24rpx; |
||||
} |
||||
|
||||
.up-box { |
||||
background-color: #fff; |
||||
padding: 30rpx; |
||||
min-height: 316rpx; |
||||
margin-top: 20rpx; |
||||
} |
||||
|
||||
.weui-uploader__title { |
||||
font-size: 30rpx; |
||||
font-weight: bold; |
||||
color: #262936; |
||||
} |
||||
|
||||
.btn { |
||||
width: 100%; |
||||
display: flex; |
||||
justify-content: center; |
||||
} |
||||
|
||||
.btn>button { |
||||
margin-top: 134rpx; |
||||
min-width: 514rpx; |
||||
height: 85rpx; |
||||
background: linear-gradient(171deg, #3d7dfc 0%, #0e63df 100%); |
||||
border-radius: 43rpx; |
||||
font-size: 32rpx; |
||||
font-weight: bold; |
||||
color: #fff; |
||||
} |
||||
Loading…
Reference in new issue