|
@@ -1,18 +1,17 @@
|
|
|
<template>
|
|
<template>
|
|
|
<view class="total-page page-env-160 page-box">
|
|
<view class="total-page page-env-160 page-box">
|
|
|
- <Nav :title="'工作台导航'" :back="false" :is_fixed="true" :opacity="scrollTop" :justify="'left'" :color="'#fff'">
|
|
|
|
|
|
|
+ <!-- <Nav :title="'工作台导航'" :back="false" :is_fixed="true" :opacity="scrollTop" :justify="'left'" :color="'#fff'">
|
|
|
<view class="p-20">
|
|
<view class="p-20">
|
|
|
<IndexPersonal ref="memberObj" @setMemberData="setMemberData"></IndexPersonal>
|
|
<IndexPersonal ref="memberObj" @setMemberData="setMemberData"></IndexPersonal>
|
|
|
<IndexColumn ref="columnObj" :memberData="memberData" :model-time="modelTime"></IndexColumn>
|
|
<IndexColumn ref="columnObj" :memberData="memberData" :model-time="modelTime"></IndexColumn>
|
|
|
</view>
|
|
</view>
|
|
|
- </Nav>
|
|
|
|
|
- <view class="p-lr20 m-tb30">
|
|
|
|
|
|
|
+ </Nav> -->
|
|
|
|
|
+ <view class="p-20">
|
|
|
<view class="personal m-lr10 row-justify-sb center">
|
|
<view class="personal m-lr10 row-justify-sb center">
|
|
|
<text class="sys-weight-600">我的待办</text>
|
|
<text class="sys-weight-600">我的待办</text>
|
|
|
<view class="row-justify-sb center">
|
|
<view class="row-justify-sb center">
|
|
|
<view class="personal_text">
|
|
<view class="personal_text">
|
|
|
- <uni-datetime-picker type="date" v-model="modelTime" @change="onChangeTime"
|
|
|
|
|
- @touchmove.stop.prevent="moveHandle">
|
|
|
|
|
|
|
+ <uni-datetime-picker type="date">
|
|
|
<view class="personal sys-background-fff size-24 sys-weight-600 p-lr30 r-40">{{indexTime}}
|
|
<view class="personal sys-background-fff size-24 sys-weight-600 p-lr30 r-40">{{indexTime}}
|
|
|
</view>
|
|
</view>
|
|
|
</uni-datetime-picker>
|
|
</uni-datetime-picker>
|
|
@@ -20,32 +19,6 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="page-box-bg-fff m-t30 m-lr20 r-30 row-justify-sb flex p-b30" v-show="backlogList.length>0">
|
|
|
|
|
- <view class="">
|
|
|
|
|
- <view class="row-c">
|
|
|
|
|
- <view class="pie_chart column-c">
|
|
|
|
|
- <PieChart ref="pieChart"></PieChart>
|
|
|
|
|
- <text class="size-24 text-color-12">任务完成情况</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="m-b30">
|
|
|
|
|
- <view class="row-c p-tb10" style="text-align: center;" v-for="(item,index) in chartList"
|
|
|
|
|
- :key="index">
|
|
|
|
|
- <view class="row-c">
|
|
|
|
|
- <view class="row-c" style="line-height: 30rpx;">
|
|
|
|
|
- <view class="chart_dot" :style="{backgroundColor:item.color}"></view>
|
|
|
|
|
- <text class="m-l16 size-28 text-color-787">{{item.name}}</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <text class="text-color-12 sys-weight-600 m-l20 size-28">{{item.value}}%</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="circle_chart column-sb-c m-t10">
|
|
|
|
|
- <CircleChart ref="circleObj" :width="'185rpx'" :height="'185rpx'" bgColor="#0FB160"></CircleChart>
|
|
|
|
|
- <text class="size-24 text-color-12">任务进度</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
<TaskItem :type="5" :taskList="backlogList"></TaskItem>
|
|
<TaskItem :type="5" :taskList="backlogList"></TaskItem>
|
|
|
<Tab class="tabs_height" :tab-index="0"></Tab>
|
|
<Tab class="tabs_height" :tab-index="0"></Tab>
|
|
|
</view>
|
|
</view>
|
|
@@ -96,19 +69,45 @@
|
|
|
value: "0"
|
|
value: "0"
|
|
|
}, ],
|
|
}, ],
|
|
|
memberData: {
|
|
memberData: {
|
|
|
- draftNum: 0,
|
|
|
|
|
- creditNum: 0,
|
|
|
|
|
- noticeNum: 0,
|
|
|
|
|
- take_num: 0,
|
|
|
|
|
- unreadNum: 0,
|
|
|
|
|
- },
|
|
|
|
|
|
|
+ draftNum: 0,
|
|
|
|
|
+ creditNum: 0,
|
|
|
|
|
+ noticeNum: 0,
|
|
|
|
|
+ take_num: 0,
|
|
|
|
|
+ unreadNum: 0,
|
|
|
|
|
+ },
|
|
|
statisticsData: {
|
|
statisticsData: {
|
|
|
endNum: 0,
|
|
endNum: 0,
|
|
|
exceedDate: 0,
|
|
exceedDate: 0,
|
|
|
lagDate: 0,
|
|
lagDate: 0,
|
|
|
totalNum: 0,
|
|
totalNum: 0,
|
|
|
},
|
|
},
|
|
|
- backlogList: [],
|
|
|
|
|
|
|
+ backlogList: [{
|
|
|
|
|
+ img: 'https://copyright.bdstatic.com/vcg/creative/d6c6a351be227d5d3b3e8c1f96f56e50.jpg@h_1280',
|
|
|
|
|
+ proportion: '37',
|
|
|
|
|
+ name: 'Downtown Office Tower -Prime Location',
|
|
|
|
|
+ live: false,
|
|
|
|
|
+ percentage: '3.1',
|
|
|
|
|
+ description: 'Metro Properties LLC',
|
|
|
|
|
+ amount: '5.0',
|
|
|
|
|
+ trend: '7.5',
|
|
|
|
|
+ risk: 'LTV 37%',
|
|
|
|
|
+ time: '2024-001',
|
|
|
|
|
+ id: 1,
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ img: 'https://pic.rmb.bdstatic.com/bjh/3ea195479f8a/250303/f53064611fee7c092312f3b6ea8e439d.jpeg',
|
|
|
|
|
+ proportion: '71',
|
|
|
|
|
+ name: 'Tower -Prime Location',
|
|
|
|
|
+ live: true,
|
|
|
|
|
+ percentage: '5.1',
|
|
|
|
|
+ description: 'Healthcare Properties Inc',
|
|
|
|
|
+ amount: '5.0',
|
|
|
|
|
+ trend: '7.5',
|
|
|
|
|
+ risk: 'LTV 37%',
|
|
|
|
|
+ time: '2024-001',
|
|
|
|
|
+ id: 2,
|
|
|
|
|
+ }
|
|
|
|
|
+ ],
|
|
|
weekData: [],
|
|
weekData: [],
|
|
|
weekNum: 1,
|
|
weekNum: 1,
|
|
|
dayNum: 0,
|
|
dayNum: 0,
|
|
@@ -119,90 +118,14 @@
|
|
|
total: null
|
|
total: null
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
- watch: {
|
|
|
|
|
- 'modelTime': function() {
|
|
|
|
|
- this.startList()
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- onLoad() {
|
|
|
|
|
- uni.hideTabBar()
|
|
|
|
|
- },
|
|
|
|
|
- onShow() {
|
|
|
|
|
- this.startList()
|
|
|
|
|
- this.$refs.memberObj.getMemberInfo()
|
|
|
|
|
- this.$refs.columnObj.getSysCashier()
|
|
|
|
|
- },
|
|
|
|
|
|
|
+ watch: {},
|
|
|
|
|
+ onLoad() {},
|
|
|
|
|
+ onShow() {},
|
|
|
onPageScroll(res) {
|
|
onPageScroll(res) {
|
|
|
this.scrollTop = res.scrollTop / 120
|
|
this.scrollTop = res.scrollTop / 120
|
|
|
},
|
|
},
|
|
|
- onReachBottom() {
|
|
|
|
|
- this.getDayBacklogList()
|
|
|
|
|
-
|
|
|
|
|
- },
|
|
|
|
|
- methods: {
|
|
|
|
|
- getDateBacklogStatistics() {
|
|
|
|
|
- getDateBacklogStatistics({
|
|
|
|
|
- 'dateNum': this.modelTime
|
|
|
|
|
- }).then(res => {
|
|
|
|
|
- if (res.code === 1) {
|
|
|
|
|
- if (res.data.totalNum > 0) {
|
|
|
|
|
- this.chartList[0].value = (res.data.exceedNum / res.data.totalNum * 100).toFixed(0) *
|
|
|
|
|
- 1;
|
|
|
|
|
- this.chartList[1].value = (res.data.lagNum / res.data.totalNum * 100).toFixed(0) * 1;
|
|
|
|
|
- this.chartList[2].value = (res.data.normalNum / res.data.totalNum * 100).toFixed(0) *
|
|
|
|
|
- 1;
|
|
|
|
|
- setTimeout(() => {
|
|
|
|
|
- this.$refs.circleObj.setServerData((res.data.endNum / res.data.totalNum)
|
|
|
|
|
- .toFixed(2) * 1)
|
|
|
|
|
- this.$refs.pieChart.setServerData(this.chartList)
|
|
|
|
|
- }, 50)
|
|
|
|
|
-
|
|
|
|
|
- } else {
|
|
|
|
|
- this.chartList[0].value = 0;
|
|
|
|
|
- this.chartList[1].value = 0;
|
|
|
|
|
- this.chartList[2].value = 0;
|
|
|
|
|
- setTimeout(() => {
|
|
|
|
|
- this.$refs.pieChart.setNoData()
|
|
|
|
|
- this.$refs.circleObj.notServerData()
|
|
|
|
|
- }, 50)
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
- },
|
|
|
|
|
- startList() {
|
|
|
|
|
- this.backlogList = [];
|
|
|
|
|
- this.page = 1;
|
|
|
|
|
- this.total = null;
|
|
|
|
|
- this.getDayBacklogList();
|
|
|
|
|
- this.getDateBacklogStatistics()
|
|
|
|
|
- },
|
|
|
|
|
- getDayBacklogList() {
|
|
|
|
|
- if (this.total !== null && this.total <= this.backlogList.length) {
|
|
|
|
|
- return
|
|
|
|
|
- }
|
|
|
|
|
- getDayBacklogList({
|
|
|
|
|
- 'dateNum': this.modelTime,
|
|
|
|
|
- 'page': this.page
|
|
|
|
|
- }).then((res) => {
|
|
|
|
|
- if (res.code === 1) {
|
|
|
|
|
- this.backlogList.push(...res.data.items)
|
|
|
|
|
- this.total = res.data.total
|
|
|
|
|
- ++this.page
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- setMemberData(memberData) {
|
|
|
|
|
- this.memberData = memberData
|
|
|
|
|
- },
|
|
|
|
|
- onChangeTime(e) {
|
|
|
|
|
- this.indexTime = e
|
|
|
|
|
- },
|
|
|
|
|
- moveHandle() {
|
|
|
|
|
- return false
|
|
|
|
|
- },
|
|
|
|
|
- },
|
|
|
|
|
|
|
+ onReachBottom() {},
|
|
|
|
|
+ methods: {},
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|