|
@@ -1,265 +1,269 @@
|
|
<template>
|
|
<template>
|
|
- <view class="project-container">
|
|
|
|
- <view class="project-item">
|
|
|
|
- <view class="project-title">
|
|
|
|
- <view class="title-line"></view>
|
|
|
|
- <view class="title-label">房源管理</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="project-content">
|
|
|
|
- <view class="air-item">
|
|
|
|
- <view class="test-item">
|
|
|
|
- <view class="name">总面积(㎡)</view>
|
|
|
|
- <view class="number">{{houseData.totalArea}}</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="line"></view>
|
|
|
|
- <view class="test-item">
|
|
|
|
- <view class="name">已租面积(㎡)</view>
|
|
|
|
- <view class="number">{{houseData.remainArea}}</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="line"></view>
|
|
|
|
- <view class="test-item">
|
|
|
|
- <view class="name">剩余面积(㎡)</view>
|
|
|
|
- <view class="number">{{houseData.haveRentedArea}}</view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="air-item">
|
|
|
|
- <view class="test-item">
|
|
|
|
- <view class="name">总房源(个)</view>
|
|
|
|
- <view class="number">{{houseData.totalRoom}}</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="line"></view>
|
|
|
|
- <view class="test-item">
|
|
|
|
- <view class="name">已租房源(个)</view>
|
|
|
|
- <view class="number">{{houseData.remainRoom}}</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="line"></view>
|
|
|
|
- <view class="test-item">
|
|
|
|
- <view class="name">剩余房源(个)</view>
|
|
|
|
- <view class="number">{{houseData.haveRentedRoom}}</view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="project-item">
|
|
|
|
- <view class="project-title">
|
|
|
|
- <view class="title-line"></view>
|
|
|
|
- <view class="title-label">费用管理</view>
|
|
|
|
- <view class="title-tab">
|
|
|
|
- <uv-subsection :list="billList" :current="billIndex" activeColor="#08979c"
|
|
|
|
- custom-style="border-radius: 16rpx;" custom-item-style="border-radius: 12rpx;"
|
|
|
|
- @change="changeBill">
|
|
|
|
- </uv-subsection>
|
|
|
|
|
|
+ <view>
|
|
|
|
+ <mescroll-empty :option="option" @emptyclick="$navigateTo('/pages/login/login')" v-if="isEmpty">
|
|
|
|
+ </mescroll-empty>
|
|
|
|
+ <view class="project-container" v-else>
|
|
|
|
+ <view class="project-item">
|
|
|
|
+ <view class="project-title">
|
|
|
|
+ <view class="title-line"></view>
|
|
|
|
+ <view class="title-label">房源管理</view>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
- <view class="project-content">
|
|
|
|
- <view class="bill-title">房租</view>
|
|
|
|
- <view class="bill-content">
|
|
|
|
|
|
+ <view class="project-content">
|
|
<view class="air-item">
|
|
<view class="air-item">
|
|
<view class="test-item">
|
|
<view class="test-item">
|
|
- <view class="name">应收(元)</view>
|
|
|
|
- <view class="number">{{nowPaymentData.property.receivable}}</view>
|
|
|
|
|
|
+ <view class="name">总面积(㎡)</view>
|
|
|
|
+ <view class="number">{{houseData.totalArea}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="line"></view>
|
|
<view class="line"></view>
|
|
<view class="test-item">
|
|
<view class="test-item">
|
|
- <view class="name">已收(元)</view>
|
|
|
|
- <view class="number">{{nowPaymentData.property.received}}</view>
|
|
|
|
|
|
+ <view class="name">已租面积(㎡)</view>
|
|
|
|
+ <view class="number">{{houseData.remainArea}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="line"></view>
|
|
<view class="line"></view>
|
|
<view class="test-item">
|
|
<view class="test-item">
|
|
- <view class="name">逾期(元)</view>
|
|
|
|
- <view class="number">{{nowPaymentData.property.overdue}}</view>
|
|
|
|
|
|
+ <view class="name">剩余面积(㎡)</view>
|
|
|
|
+ <view class="number">{{houseData.haveRentedArea}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
- <view class="bill-title">物业</view>
|
|
|
|
- <view class="bill-content">
|
|
|
|
<view class="air-item">
|
|
<view class="air-item">
|
|
<view class="test-item">
|
|
<view class="test-item">
|
|
- <view class="name">应收(元)</view>
|
|
|
|
- <view class="number">{{nowPaymentData.rent.receivable}}</view>
|
|
|
|
|
|
+ <view class="name">总房源(个)</view>
|
|
|
|
+ <view class="number">{{houseData.totalRoom}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="line"></view>
|
|
<view class="line"></view>
|
|
<view class="test-item">
|
|
<view class="test-item">
|
|
- <view class="name">已收(元)</view>
|
|
|
|
- <view class="number">{{nowPaymentData.rent.received}}</view>
|
|
|
|
|
|
+ <view class="name">已租房源(个)</view>
|
|
|
|
+ <view class="number">{{houseData.remainRoom}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="line"></view>
|
|
<view class="line"></view>
|
|
<view class="test-item">
|
|
<view class="test-item">
|
|
- <view class="name">逾期(元)</view>
|
|
|
|
- <view class="number">{{nowPaymentData.rent.overdue}}</view>
|
|
|
|
|
|
+ <view class="name">剩余房源(个)</view>
|
|
|
|
+ <view class="number">{{houseData.haveRentedRoom}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="bill-title">水电</view>
|
|
|
|
- <view class="bill-content">
|
|
|
|
- <view class="air-item">
|
|
|
|
- <view class="test-item">
|
|
|
|
- <view class="name">应收(元)</view>
|
|
|
|
- <view class="number">{{nowPaymentData.hydropower.receivable}}</view>
|
|
|
|
|
|
+ </view>
|
|
|
|
+ <view class="project-item">
|
|
|
|
+ <view class="project-title">
|
|
|
|
+ <view class="title-line"></view>
|
|
|
|
+ <view class="title-label">费用管理</view>
|
|
|
|
+ <view class="title-tab">
|
|
|
|
+ <uv-subsection :list="billList" :current="billIndex" activeColor="#08979c"
|
|
|
|
+ custom-style="border-radius: 16rpx;" custom-item-style="border-radius: 12rpx;"
|
|
|
|
+ @change="changeBill">
|
|
|
|
+ </uv-subsection>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="project-content">
|
|
|
|
+ <view class="bill-title">房租</view>
|
|
|
|
+ <view class="bill-content">
|
|
|
|
+ <view class="air-item">
|
|
|
|
+ <view class="test-item">
|
|
|
|
+ <view class="name">应收(元)</view>
|
|
|
|
+ <view class="number">{{nowPaymentData.property.receivable}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="line"></view>
|
|
|
|
+ <view class="test-item">
|
|
|
|
+ <view class="name">已收(元)</view>
|
|
|
|
+ <view class="number">{{nowPaymentData.property.received}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="line"></view>
|
|
|
|
+ <view class="test-item">
|
|
|
|
+ <view class="name">逾期(元)</view>
|
|
|
|
+ <view class="number">{{nowPaymentData.property.overdue}}</view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
- <view class="line"></view>
|
|
|
|
- <view class="test-item">
|
|
|
|
- <view class="name">已收(元)</view>
|
|
|
|
- <view class="number">{{nowPaymentData.hydropower.received}}</view>
|
|
|
|
|
|
+ </view>
|
|
|
|
+ <view class="bill-title">物业</view>
|
|
|
|
+ <view class="bill-content">
|
|
|
|
+ <view class="air-item">
|
|
|
|
+ <view class="test-item">
|
|
|
|
+ <view class="name">应收(元)</view>
|
|
|
|
+ <view class="number">{{nowPaymentData.rent.receivable}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="line"></view>
|
|
|
|
+ <view class="test-item">
|
|
|
|
+ <view class="name">已收(元)</view>
|
|
|
|
+ <view class="number">{{nowPaymentData.rent.received}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="line"></view>
|
|
|
|
+ <view class="test-item">
|
|
|
|
+ <view class="name">逾期(元)</view>
|
|
|
|
+ <view class="number">{{nowPaymentData.rent.overdue}}</view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
- <view class="line"></view>
|
|
|
|
- <view class="test-item">
|
|
|
|
- <view class="name">逾期(元)</view>
|
|
|
|
- <view class="number">{{nowPaymentData.hydropower.overdue}}</view>
|
|
|
|
|
|
+ </view>
|
|
|
|
+ <view class="bill-title">水电</view>
|
|
|
|
+ <view class="bill-content">
|
|
|
|
+ <view class="air-item">
|
|
|
|
+ <view class="test-item">
|
|
|
|
+ <view class="name">应收(元)</view>
|
|
|
|
+ <view class="number">{{nowPaymentData.hydropower.receivable}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="line"></view>
|
|
|
|
+ <view class="test-item">
|
|
|
|
+ <view class="name">已收(元)</view>
|
|
|
|
+ <view class="number">{{nowPaymentData.hydropower.received}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="line"></view>
|
|
|
|
+ <view class="test-item">
|
|
|
|
+ <view class="name">逾期(元)</view>
|
|
|
|
+ <view class="number">{{nowPaymentData.hydropower.overdue}}</view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
- <view class="project-item">
|
|
|
|
- <view class="project-title">
|
|
|
|
- <view class="title-line"></view>
|
|
|
|
- <view class="title-label">提醒管理</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="project-content">
|
|
|
|
- <view class="remind-chart">
|
|
|
|
- <qiun-data-charts type="pie" :opts="remindData.option" :chartData="remindData.data" :canvas2d="true"
|
|
|
|
- canvasId="remind1">
|
|
|
|
- </qiun-data-charts>
|
|
|
|
|
|
+ <view class="project-item">
|
|
|
|
+ <view class="project-title">
|
|
|
|
+ <view class="title-line"></view>
|
|
|
|
+ <view class="title-label">提醒管理</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="project-content">
|
|
|
|
+ <view class="remind-chart">
|
|
|
|
+ <qiun-data-charts type="pie" :opts="remindData.option" :chartData="remindData.data"
|
|
|
|
+ :canvas2d="true" canvasId="remind1">
|
|
|
|
+ </qiun-data-charts>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
- <view class="project-item">
|
|
|
|
- <view class="project-title">
|
|
|
|
- <view class="title-line"></view>
|
|
|
|
- <view class="title-label">工单管理</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="project-content">
|
|
|
|
- <view class="order-title">内部工单</view>
|
|
|
|
- <view class="order-item">
|
|
|
|
- <view class="order-content">
|
|
|
|
- <view class="order-item-li">
|
|
|
|
- <view class="order-number">
|
|
|
|
- {{orderData.internal.totalNumber}}
|
|
|
|
|
|
+ <view class="project-item">
|
|
|
|
+ <view class="project-title">
|
|
|
|
+ <view class="title-line"></view>
|
|
|
|
+ <view class="title-label">工单管理</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="project-content">
|
|
|
|
+ <view class="order-title">内部工单</view>
|
|
|
|
+ <view class="order-item">
|
|
|
|
+ <view class="order-content">
|
|
|
|
+ <view class="order-item-li">
|
|
|
|
+ <view class="order-number">
|
|
|
|
+ {{orderData.internal.totalNumber}}
|
|
|
|
+ </view>
|
|
|
|
+ <view class="order-label">工单数</view>
|
|
</view>
|
|
</view>
|
|
- <view class="order-label">工单数</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="order-item-li">
|
|
|
|
- <view class="order-number">
|
|
|
|
- {{orderData.internal.completedNumber}}
|
|
|
|
|
|
+ <view class="order-item-li">
|
|
|
|
+ <view class="order-number">
|
|
|
|
+ {{orderData.internal.completedNumber}}
|
|
|
|
+ </view>
|
|
|
|
+ <view class="order-label">已完成</view>
|
|
</view>
|
|
</view>
|
|
- <view class="order-label">已完成</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="order-item-li">
|
|
|
|
- <view class="order-number">
|
|
|
|
- {{orderData.internal.incompleteNumber}}
|
|
|
|
|
|
+ <view class="order-item-li">
|
|
|
|
+ <view class="order-number">
|
|
|
|
+ {{orderData.internal.incompleteNumber}}
|
|
|
|
+ </view>
|
|
|
|
+ <view class="order-label">未完成</view>
|
|
</view>
|
|
</view>
|
|
- <view class="order-label">未完成</view>
|
|
|
|
|
|
+ </view>
|
|
|
|
+ <view class="order-chart">
|
|
|
|
+ <qiun-data-charts type="arcbar" :opts="internal.option" :chartData="internal.data"
|
|
|
|
+ :canvas2d="true" canvasId="order1">
|
|
|
|
+ </qiun-data-charts>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="order-chart">
|
|
|
|
- <qiun-data-charts type="arcbar" :opts="internal.option" :chartData="internal.data"
|
|
|
|
- :canvas2d="true" canvasId="order1">
|
|
|
|
- </qiun-data-charts>
|
|
|
|
|
|
+ <view class="order-title">外部工单</view>
|
|
|
|
+ <view class="order-item">
|
|
|
|
+ <view class="order-content">
|
|
|
|
+ <view class="order-item-li">
|
|
|
|
+ <view class="order-number">{{orderData.external.totalNumber}}</view>
|
|
|
|
+ <view class="order-label">工单数</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="order-item-li">
|
|
|
|
+ <view class="order-number">{{orderData.external.completedNumber}}</view>
|
|
|
|
+ <view class="order-label">已完成</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="order-item-li">
|
|
|
|
+ <view class="order-number">{{orderData.external.incompleteNumber}}</view>
|
|
|
|
+ <view class="order-label">未完成</view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="order-chart">
|
|
|
|
+ <qiun-data-charts type="arcbar" :opts="external.option" :chartData="external.data"
|
|
|
|
+ :canvas2d="true" canvasId="order2">
|
|
|
|
+ </qiun-data-charts>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="order-title">外部工单</view>
|
|
|
|
- <view class="order-item">
|
|
|
|
- <view class="order-content">
|
|
|
|
|
|
+ </view>
|
|
|
|
+ <view class="project-item">
|
|
|
|
+ <view class="project-title">
|
|
|
|
+ <view class="title-line"></view>
|
|
|
|
+ <view class="title-label">设备管理</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="project-content">
|
|
|
|
+ <view class="device-content">
|
|
<view class="order-item-li">
|
|
<view class="order-item-li">
|
|
- <view class="order-number">{{orderData.external.totalNumber}}</view>
|
|
|
|
- <view class="order-label">工单数</view>
|
|
|
|
|
|
+ <view class="order-number">{{deviceData.device.totalNumber}}</view>
|
|
|
|
+ <view class="order-label">总设备</view>
|
|
</view>
|
|
</view>
|
|
|
|
+ <view class="line"></view>
|
|
<view class="order-item-li">
|
|
<view class="order-item-li">
|
|
- <view class="order-number">{{orderData.external.completedNumber}}</view>
|
|
|
|
- <view class="order-label">已完成</view>
|
|
|
|
|
|
+ <view class="order-number">{{deviceData.device.onLineNumber}}</view>
|
|
|
|
+ <view class="order-label">在线</view>
|
|
</view>
|
|
</view>
|
|
|
|
+ <view class="line"></view>
|
|
<view class="order-item-li">
|
|
<view class="order-item-li">
|
|
- <view class="order-number">{{orderData.external.incompleteNumber}}</view>
|
|
|
|
- <view class="order-label">未完成</view>
|
|
|
|
|
|
+ <view class="order-number">{{deviceData.device.offLineNumber}}</view>
|
|
|
|
+ <view class="order-label">离线</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="line"></view>
|
|
|
|
+ <view class="order-item-li">
|
|
|
|
+ <view class="order-number">{{deviceData.device.faultNumber}}</view>
|
|
|
|
+ <view class="order-label">故障</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="order-chart">
|
|
|
|
- <qiun-data-charts type="arcbar" :opts="external.option" :chartData="external.data"
|
|
|
|
- :canvas2d="true" canvasId="order2">
|
|
|
|
- </qiun-data-charts>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="project-item">
|
|
|
|
- <view class="project-title">
|
|
|
|
- <view class="title-line"></view>
|
|
|
|
- <view class="title-label">设备管理</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="project-content">
|
|
|
|
- <view class="device-content">
|
|
|
|
- <view class="order-item-li">
|
|
|
|
- <view class="order-number">{{deviceData.device.totalNumber}}</view>
|
|
|
|
- <view class="order-label">总设备</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="line"></view>
|
|
|
|
- <view class="order-item-li">
|
|
|
|
- <view class="order-number">{{deviceData.device.onLineNumber}}</view>
|
|
|
|
- <view class="order-label">在线</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="line"></view>
|
|
|
|
- <view class="order-item-li">
|
|
|
|
- <view class="order-number">{{deviceData.device.offLineNumber}}</view>
|
|
|
|
- <view class="order-label">离线</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="line"></view>
|
|
|
|
- <view class="order-item-li">
|
|
|
|
- <view class="order-number">{{deviceData.device.faultNumber}}</view>
|
|
|
|
- <view class="order-label">故障</view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="device-content">
|
|
|
|
- <view class="order-item-li">
|
|
|
|
- <view class="order-number">{{deviceData.alarm.totalNumber}}</view>
|
|
|
|
- <view class="order-label">总设备</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="line"></view>
|
|
|
|
- <view class="order-item-li">
|
|
|
|
- <view class="order-number">{{deviceData.alarm.dayNumber}}</view>
|
|
|
|
- <view class="order-label">在线</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="line"></view>
|
|
|
|
- <view class="order-item-li">
|
|
|
|
- <view class="order-number">{{deviceData.alarm.handledNumber}}</view>
|
|
|
|
- <view class="order-label">离线</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="line"></view>
|
|
|
|
- <view class="order-item-li">
|
|
|
|
- <view class="order-number">{{deviceData.alarm.unhandledNumber}}</view>
|
|
|
|
- <view class="order-label">故障</view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="project-item">
|
|
|
|
- <view class="project-title">
|
|
|
|
- <view class="title-line"></view>
|
|
|
|
- <view class="title-label">客户管理</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="project-content">
|
|
|
|
- <view class="bill-content" style="margin: 30rpx 0;">
|
|
|
|
- <view class="air-item">
|
|
|
|
- <view class="test-item">
|
|
|
|
- <view class="name">总客户</view>
|
|
|
|
- <view class="number">{{clientData.totalNumber}}</view>
|
|
|
|
|
|
+ <view class="device-content">
|
|
|
|
+ <view class="order-item-li">
|
|
|
|
+ <view class="order-number">{{deviceData.alarm.totalNumber}}</view>
|
|
|
|
+ <view class="order-label">总设备</view>
|
|
</view>
|
|
</view>
|
|
<view class="line"></view>
|
|
<view class="line"></view>
|
|
- <view class="test-item">
|
|
|
|
- <view class="name">月新增</view>
|
|
|
|
- <view class="number">{{clientData.monthNowAddNumber}}</view>
|
|
|
|
|
|
+ <view class="order-item-li">
|
|
|
|
+ <view class="order-number">{{deviceData.alarm.dayNumber}}</view>
|
|
|
|
+ <view class="order-label">在线</view>
|
|
</view>
|
|
</view>
|
|
<view class="line"></view>
|
|
<view class="line"></view>
|
|
- <view class="test-item">
|
|
|
|
- <view class="name">洽商客户</view>
|
|
|
|
- <view class="number">{{clientData.negotiateNumber}}</view>
|
|
|
|
|
|
+ <view class="order-item-li">
|
|
|
|
+ <view class="order-number">{{deviceData.alarm.handledNumber}}</view>
|
|
|
|
+ <view class="order-label">离线</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="line"></view>
|
|
|
|
+ <view class="order-item-li">
|
|
|
|
+ <view class="order-number">{{deviceData.alarm.unhandledNumber}}</view>
|
|
|
|
+ <view class="order-label">故障</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="remind-chart">
|
|
|
|
- <qiun-data-charts type="line" :opts="clinetOpts" :chartData="clientChartData" :ontouch="true"
|
|
|
|
- :canvas2d="true" canvasId="clent1">
|
|
|
|
- </qiun-data-charts>
|
|
|
|
|
|
+ </view>
|
|
|
|
+ <view class="project-item">
|
|
|
|
+ <view class="project-title">
|
|
|
|
+ <view class="title-line"></view>
|
|
|
|
+ <view class="title-label">客户管理</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="project-content">
|
|
|
|
+ <view class="bill-content" style="margin: 30rpx 0;">
|
|
|
|
+ <view class="air-item">
|
|
|
|
+ <view class="test-item">
|
|
|
|
+ <view class="name">总客户</view>
|
|
|
|
+ <view class="number">{{clientData.totalNumber}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="line"></view>
|
|
|
|
+ <view class="test-item">
|
|
|
|
+ <view class="name">月新增</view>
|
|
|
|
+ <view class="number">{{clientData.monthNowAddNumber}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="line"></view>
|
|
|
|
+ <view class="test-item">
|
|
|
|
+ <view class="name">洽商客户</view>
|
|
|
|
+ <view class="number">{{clientData.negotiateNumber}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="remind-chart">
|
|
|
|
+ <qiun-data-charts type="line" :opts="clinetOpts" :chartData="clientChartData" :ontouch="true"
|
|
|
|
+ :canvas2d="true" canvasId="clent1">
|
|
|
|
+ </qiun-data-charts>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -387,12 +391,32 @@
|
|
activeType: "hollow"
|
|
activeType: "hollow"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- }
|
|
|
|
|
|
+ },
|
|
|
|
+ option: {
|
|
|
|
+ tip: '暂未加入项目'
|
|
|
|
+ },
|
|
|
|
+ isEmpty: true
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- onReady() {
|
|
|
|
- this.project = this.$store.getters.project;
|
|
|
|
- this.init();
|
|
|
|
|
|
+ onShow() {
|
|
|
|
+ this.isEmpty = true;
|
|
|
|
+ if (!uni.getStorageSync('token')) {
|
|
|
|
+ this.option = {
|
|
|
|
+ tip: '暂未登录',
|
|
|
|
+ btnText: '点击登录'
|
|
|
|
+ }
|
|
|
|
+ } else if (!this.$store.getters.project.id) {
|
|
|
|
+ this.option = {
|
|
|
|
+ tip: '暂未加入项目'
|
|
|
|
+ }
|
|
|
|
+ } else {
|
|
|
|
+ this.isEmpty = false;
|
|
|
|
+ this.option = {
|
|
|
|
+ tip: '暂无数据'
|
|
|
|
+ }
|
|
|
|
+ this.project = this.$store.getters.project;
|
|
|
|
+ this.init();
|
|
|
|
+ }
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
init() {
|
|
init() {
|