|
@@ -101,13 +101,13 @@
|
|
|
<h4>充电枪运行情况</h4>
|
|
|
</view>
|
|
|
<view class="details detailstablepile" style="padding: 12px 0 12px 12px ;">
|
|
|
- <p>
|
|
|
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="20" height="20" style=" vertical-align: bottom;border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
|
|
|
-
|
|
|
- <g>
|
|
|
- <path fill="rgba(23.97,90.015,197.88,1)" d="M4 25.333v-20c0-0.736 0.597-1.333 1.333-1.333v0h12c0.736 0 1.333 0.597 1.333 1.333v0 10.667h2.667c1.473 0 2.667 1.194 2.667 2.667v0 5.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v0-9.333h-2.667c-0.736 0-1.333-0.597-1.333-1.333v0-4.781l-2.209-2.209 1.885-1.885 6.6 6.6c0.241 0.241 0.391 0.574 0.391 0.941 0 0 0 0.001 0 0.001v-0 12c0 2.209-1.791 4-4 4s-4-1.791-4-4v0-5.333h-2.667v6.667h1.333v2.667h-17.333v-2.667h1.333zM12 14.667v-5.333l-5.333 8h4v5.333l5.333-8h-4z" ></path>
|
|
|
- </g>
|
|
|
- </svg>
|
|
|
+ <p>
|
|
|
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="20" height="20" style=" vertical-align: bottom;border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
|
|
|
+
|
|
|
+ <g>
|
|
|
+ <path fill="rgba(23.97,90.015,197.88,1)" d="M4 25.333v-20c0-0.736 0.597-1.333 1.333-1.333v0h12c0.736 0 1.333 0.597 1.333 1.333v0 10.667h2.667c1.473 0 2.667 1.194 2.667 2.667v0 5.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v0-9.333h-2.667c-0.736 0-1.333-0.597-1.333-1.333v0-4.781l-2.209-2.209 1.885-1.885 6.6 6.6c0.241 0.241 0.391 0.574 0.391 0.941 0 0 0 0.001 0 0.001v-0 12c0 2.209-1.791 4-4 4s-4-1.791-4-4v0-5.333h-2.667v6.667h1.333v2.667h-17.333v-2.667h1.333zM12 14.667v-5.333l-5.333 8h4v5.333l5.333-8h-4z" ></path>
|
|
|
+ </g>
|
|
|
+ </svg>
|
|
|
<!-- <img style=" vertical-align: bottom;" src="@/assets/img/riFill-charging-pile-fill.svg"></img>
|
|
|
--> 快(超)充枪<span>共</span>
|
|
|
<span
|
|
@@ -143,14 +143,14 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <p style="margin-top: 16rpx;color:#00B962">
|
|
|
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="20" height="20" style=" vertical-align: bottom;border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
|
|
|
-
|
|
|
- <g>
|
|
|
- <path fill="#00B962" d="M4 25.333v-20c0-0.736 0.597-1.333 1.333-1.333v0h12c0.736 0 1.333 0.597 1.333 1.333v0 10.667h2.667c1.473 0 2.667 1.194 2.667 2.667v0 5.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v0-9.333h-2.667c-0.736 0-1.333-0.597-1.333-1.333v0-4.781l-2.209-2.209 1.885-1.885 6.6 6.6c0.241 0.241 0.391 0.574 0.391 0.941 0 0 0 0.001 0 0.001v-0 12c0 2.209-1.791 4-4 4s-4-1.791-4-4v0-5.333h-2.667v6.667h1.333v2.667h-17.333v-2.667h1.333zM12 14.667v-5.333l-5.333 8h4v5.333l5.333-8h-4z" ></path>
|
|
|
- </g>
|
|
|
- </svg>
|
|
|
-
|
|
|
+ <p style="margin-top: 16rpx;color:#00B962">
|
|
|
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="20" height="20" style=" vertical-align: bottom;border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
|
|
|
+
|
|
|
+ <g>
|
|
|
+ <path fill="#00B962" d="M4 25.333v-20c0-0.736 0.597-1.333 1.333-1.333v0h12c0.736 0 1.333 0.597 1.333 1.333v0 10.667h2.667c1.473 0 2.667 1.194 2.667 2.667v0 5.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v0-9.333h-2.667c-0.736 0-1.333-0.597-1.333-1.333v0-4.781l-2.209-2.209 1.885-1.885 6.6 6.6c0.241 0.241 0.391 0.574 0.391 0.941 0 0 0 0.001 0 0.001v-0 12c0 2.209-1.791 4-4 4s-4-1.791-4-4v0-5.333h-2.667v6.667h1.333v2.667h-17.333v-2.667h1.333zM12 14.667v-5.333l-5.333 8h4v5.333l5.333-8h-4z" ></path>
|
|
|
+ </g>
|
|
|
+ </svg>
|
|
|
+
|
|
|
慢充枪<span>共</span>
|
|
|
<span
|
|
|
style="color:#000">{{indexData4.slowGunFaultNum+indexData4.slowGunFreeNum+indexData4.slowGunWorkNum}}</span>
|
|
@@ -184,102 +184,102 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="statisticsChart chargingpile" v-if="indexData4">
|
|
|
- <view class="statisticsChart-head" style="margin-top: 20rpx;">
|
|
|
- <h4>电单车充电桩运行情况</h4>
|
|
|
- </view>
|
|
|
- <view class="details detailstablepile" style="padding: 12px 0 12px 12px ;">
|
|
|
- <p style="color:#1677FF">
|
|
|
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="20" height="20" style=" vertical-align: bottom;border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
|
|
|
-
|
|
|
- <g>
|
|
|
- <path fill="#1677FF" d="M4 25.333v-20c0-0.736 0.597-1.333 1.333-1.333v0h12c0.736 0 1.333 0.597 1.333 1.333v0 10.667h2.667c1.473 0 2.667 1.194 2.667 2.667v0 5.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v0-9.333h-2.667c-0.736 0-1.333-0.597-1.333-1.333v0-4.781l-2.209-2.209 1.885-1.885 6.6 6.6c0.241 0.241 0.391 0.574 0.391 0.941 0 0 0 0.001 0 0.001v-0 12c0 2.209-1.791 4-4 4s-4-1.791-4-4v0-5.333h-2.667v6.667h1.333v2.667h-17.333v-2.667h1.333zM12 14.667v-5.333l-5.333 8h4v5.333l5.333-8h-4z" ></path>
|
|
|
- </g>
|
|
|
- </svg>
|
|
|
- 电单车充电桩<span>共</span>
|
|
|
- <span
|
|
|
- style="color:#000">{{indexData4.singleCarOnlineNum+indexData4.singleCarNotOnlineNum}}</span>
|
|
|
- <span>台</span>
|
|
|
- </p>
|
|
|
-
|
|
|
- <view class="detailsline">
|
|
|
-
|
|
|
- <view class="details-row details-row-1" @click="indexDate5Ck(1,1)">
|
|
|
-
|
|
|
- <view class="span1"><span class="bot bot1"></span>正常<span
|
|
|
- class="bot1span">{{indexData4.singleCarOnlineNum}}</span>台
|
|
|
- <u-icon name="arrow-right-s-line" custom-prefix="custom-icon" color="#b0b8c8" size="28" />
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="details-row details-row-1" @click="indexDate5Ck(0,99)">
|
|
|
-
|
|
|
- <view class="span1"><span class="bot bot3"></span>故障<span
|
|
|
- class="bot3span">{{indexData4.singleCarNotOnlineNum}}</span>台
|
|
|
- <u-icon name="arrow-right-s-line" custom-prefix="custom-icon" color="#b0b8c8" size="28" />
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <u-popup v-model="popupShow6" mode="bottom" border-radius="30" >
|
|
|
-
|
|
|
- <view class="indexData5content">
|
|
|
- <view class="contentTitle">
|
|
|
- 电单车充电桩{{indexData5Obj.type?'正常':'故障'}}明细
|
|
|
- </view>
|
|
|
- <scroll-view scroll-y="true" style="height: 520rpx;">
|
|
|
-
|
|
|
- <u-collapse style="padding-bottom: 30rpx;" >
|
|
|
- <u-collapse-item v-for="(item,index) in indexData5List" class="contentItem" v-show="item.deviceNum" :key="index" >
|
|
|
- <svg slot="title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="20" height="20" style=" vertical-align: bottom;border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
|
|
|
- <g>
|
|
|
- <path fill="#1677FF" d="M4 25.333v-20c0-0.736 0.597-1.333 1.333-1.333v0h12c0.736 0 1.333 0.597 1.333 1.333v0 10.667h2.667c1.473 0 2.667 1.194 2.667 2.667v0 5.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v0-9.333h-2.667c-0.736 0-1.333-0.597-1.333-1.333v0-4.781l-2.209-2.209 1.885-1.885 6.6 6.6c0.241 0.241 0.391 0.574 0.391 0.941 0 0 0 0.001 0 0.001v-0 12c0 2.209-1.791 4-4 4s-4-1.791-4-4v0-5.333h-2.667v6.667h1.333v2.667h-17.333v-2.667h1.333zM12 14.667v-5.333l-5.333 8h4v5.333l5.333-8h-4z" ></path>
|
|
|
- </g>
|
|
|
- </svg>
|
|
|
- <view slot="title" class="span1" >
|
|
|
-
|
|
|
- {{item.stationName}}
|
|
|
-
|
|
|
- </view>
|
|
|
- <view slot="title" >
|
|
|
-
|
|
|
- <span class="span2 color777">
|
|
|
- 共<span class="color333" >{{item.deviceNum}}</span>台
|
|
|
- </span>
|
|
|
- <span class="span3 color777">
|
|
|
- 通道数<span class="color333" >{{item.channelNum}}</span>
|
|
|
- </span>
|
|
|
- </view>
|
|
|
- <view style="padding-bottom: 30rpx;">
|
|
|
- <view class="contentBody" v-for="(gun,i) in item.device" :key="i">
|
|
|
-
|
|
|
- <view class="body1">{{gun.deviceName}}</view>
|
|
|
- <view class="body2" v-if="indexData5Obj.type">
|
|
|
- <view class="body2-0">在用<span class="body2-1">{{gun.useNum}}</span> </view>
|
|
|
- <view class="body2-2">| 空闲 {{gun.freeNum}}</view>
|
|
|
- </view>
|
|
|
- <view class="body3" v-else >故障</view>
|
|
|
-
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </u-collapse-item>
|
|
|
- </u-collapse>
|
|
|
-
|
|
|
- </scroll-view>
|
|
|
- <view class="confrim-btn">
|
|
|
- <u-button shape="square" type="primary"
|
|
|
-
|
|
|
- @click="popupShow6 = false;">关闭</u-button>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="statisticsChart chargingpile" v-if="indexData4">
|
|
|
+ <view class="statisticsChart-head" style="margin-top: 20rpx;">
|
|
|
+ <h4>电单车充电桩运行情况</h4>
|
|
|
+ </view>
|
|
|
+ <view class="details detailstablepile" style="padding: 12px 0 12px 12px ;">
|
|
|
+ <p style="color:#1677FF">
|
|
|
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="20" height="20" style=" vertical-align: bottom;border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
|
|
|
+
|
|
|
+ <g>
|
|
|
+ <path fill="#1677FF" d="M4 25.333v-20c0-0.736 0.597-1.333 1.333-1.333v0h12c0.736 0 1.333 0.597 1.333 1.333v0 10.667h2.667c1.473 0 2.667 1.194 2.667 2.667v0 5.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v0-9.333h-2.667c-0.736 0-1.333-0.597-1.333-1.333v0-4.781l-2.209-2.209 1.885-1.885 6.6 6.6c0.241 0.241 0.391 0.574 0.391 0.941 0 0 0 0.001 0 0.001v-0 12c0 2.209-1.791 4-4 4s-4-1.791-4-4v0-5.333h-2.667v6.667h1.333v2.667h-17.333v-2.667h1.333zM12 14.667v-5.333l-5.333 8h4v5.333l5.333-8h-4z" ></path>
|
|
|
+ </g>
|
|
|
+ </svg>
|
|
|
+ 电单车充电桩<span>共</span>
|
|
|
+ <span
|
|
|
+ style="color:#000">{{indexData4.singleCarOnlineNum+indexData4.singleCarNotOnlineNum}}</span>
|
|
|
+ <span>台</span>
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <view class="detailsline">
|
|
|
+
|
|
|
+ <view class="details-row details-row-1" @click="indexDate5Ck(1,1)">
|
|
|
+
|
|
|
+ <view class="span1"><span class="bot bot1"></span>正常<span
|
|
|
+ class="bot1span">{{indexData4.singleCarOnlineNum}}</span>台
|
|
|
+ <u-icon name="arrow-right-s-line" custom-prefix="custom-icon" color="#b0b8c8" size="28" />
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="details-row details-row-1" @click="indexDate5Ck(0,99)">
|
|
|
+
|
|
|
+ <view class="span1"><span class="bot bot3"></span>故障<span
|
|
|
+ class="bot3span">{{indexData4.singleCarNotOnlineNum}}</span>台
|
|
|
+ <u-icon name="arrow-right-s-line" custom-prefix="custom-icon" color="#b0b8c8" size="28" />
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <u-popup v-model="popupShow6" mode="bottom" border-radius="30" >
|
|
|
+
|
|
|
+ <view class="indexData5content">
|
|
|
+ <view class="contentTitle">
|
|
|
+ 电单车充电桩{{indexData5Obj.type?'正常':'故障'}}明细
|
|
|
+ </view>
|
|
|
+ <scroll-view scroll-y="true" style="height: 520rpx;">
|
|
|
+
|
|
|
+ <u-collapse style="padding-bottom: 30rpx;" >
|
|
|
+ <u-collapse-item v-for="(item,index) in indexData5List" class="contentItem" v-show="item.deviceNum" :key="index" >
|
|
|
+ <svg slot="title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="20" height="20" style=" vertical-align: bottom;border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
|
|
|
+ <g>
|
|
|
+ <path fill="#1677FF" d="M4 25.333v-20c0-0.736 0.597-1.333 1.333-1.333v0h12c0.736 0 1.333 0.597 1.333 1.333v0 10.667h2.667c1.473 0 2.667 1.194 2.667 2.667v0 5.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v0-9.333h-2.667c-0.736 0-1.333-0.597-1.333-1.333v0-4.781l-2.209-2.209 1.885-1.885 6.6 6.6c0.241 0.241 0.391 0.574 0.391 0.941 0 0 0 0.001 0 0.001v-0 12c0 2.209-1.791 4-4 4s-4-1.791-4-4v0-5.333h-2.667v6.667h1.333v2.667h-17.333v-2.667h1.333zM12 14.667v-5.333l-5.333 8h4v5.333l5.333-8h-4z" ></path>
|
|
|
+ </g>
|
|
|
+ </svg>
|
|
|
+ <view slot="title" class="span1" >
|
|
|
+
|
|
|
+ {{item.stationName}}
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view slot="title" >
|
|
|
+
|
|
|
+ <span class="span2 color777">
|
|
|
+ 共<span class="color333" >{{item.deviceNum}}</span>台
|
|
|
+ </span>
|
|
|
+ <span class="span3 color777">
|
|
|
+ 通道数<span class="color333" >{{item.channelNum}}</span>
|
|
|
+ </span>
|
|
|
+ </view>
|
|
|
+ <view style="padding-bottom: 30rpx;">
|
|
|
+ <view class="contentBody" v-for="(gun,i) in item.device" :key="i">
|
|
|
+
|
|
|
+ <view class="body1">{{gun.deviceName}}</view>
|
|
|
+ <view class="body2" v-if="indexData5Obj.type">
|
|
|
+ <view class="body2-0">在用<span class="body2-1">{{gun.useNum}}</span> </view>
|
|
|
+ <view class="body2-2">| 空闲 {{gun.freeNum}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="body3" v-else >故障</view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-collapse-item>
|
|
|
+ </u-collapse>
|
|
|
+
|
|
|
+ </scroll-view>
|
|
|
+ <view class="confrim-btn">
|
|
|
+ <u-button shape="square" type="primary"
|
|
|
+
|
|
|
+ @click="popupShow6 = false;">关闭</u-button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
</u-popup>
|
|
|
<u-popup v-model="popupShow5" mode="bottom" border-radius="30" >
|
|
|
|
|
@@ -290,29 +290,29 @@
|
|
|
<scroll-view scroll-y="true" style="height: 520rpx;">
|
|
|
<view style="padding-bottom: 30rpx;">
|
|
|
<view class="contentItem" v-for="(item,index) in indexData4List" v-show="item.queryNum" :key="index" >
|
|
|
-
|
|
|
-
|
|
|
- <span class="span1">
|
|
|
- <img v-show="indexData4Obj.type==1&&item.category!='超充'"
|
|
|
- src="@/assets/img/riFill-charging-pile-fill.svg">
|
|
|
- <img v-show="indexData4Obj.type==1&&item.category=='超充'"
|
|
|
- src="@/assets/img/riFill-charging-pile-fill3.svg">
|
|
|
- <img v-show="indexData4Obj.type==2"
|
|
|
- src="@/assets/img/riFill-charging-pile-fill2.svg">
|
|
|
- </img>
|
|
|
- {{item.stationName}}</span>
|
|
|
- <span class="span2 color777">
|
|
|
- 共<span class="color333" >{{item.gunNum}}</span>支
|
|
|
- </span>
|
|
|
- <span class="span3 color333">
|
|
|
- {{indexData4Obj.text}}<span class="color777" :class="indexData4Obj.value" >{{item.queryNum}}</span>支
|
|
|
+
|
|
|
+
|
|
|
+ <span class="span1">
|
|
|
+ <img v-show="indexData4Obj.type==1&&item.category!='超充'"
|
|
|
+ src="@/assets/img/riFill-charging-pile-fill.svg">
|
|
|
+ <img v-show="indexData4Obj.type==1&&item.category=='超充'"
|
|
|
+ src="@/assets/img/riFill-charging-pile-fill3.svg">
|
|
|
+ <img v-show="indexData4Obj.type==2"
|
|
|
+ src="@/assets/img/riFill-charging-pile-fill2.svg">
|
|
|
+ </img>
|
|
|
+ {{item.stationName}}</span>
|
|
|
+ <span class="span2 color777">
|
|
|
+ 共<span class="color333" >{{item.gunNum}}</span>支
|
|
|
+ </span>
|
|
|
+ <span class="span3 color333">
|
|
|
+ {{indexData4Obj.text}}<span class="color777" :class="indexData4Obj.value" >{{item.queryNum}}</span>支
|
|
|
</span>
|
|
|
</view>
|
|
|
</view>
|
|
|
</scroll-view>
|
|
|
<view class="confrim-btn">
|
|
|
- <u-button shape="square" type="primary"
|
|
|
-
|
|
|
+ <u-button shape="square" type="primary"
|
|
|
+
|
|
|
@click="popupShow5 = false;">关闭</u-button>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -546,10 +546,10 @@
|
|
|
hour: false,
|
|
|
minute: false,
|
|
|
second: false
|
|
|
- },
|
|
|
- indexData4List:[],
|
|
|
- indexData4Obj:{},
|
|
|
- indexData5List:[],
|
|
|
+ },
|
|
|
+ indexData4List:[],
|
|
|
+ indexData4Obj:{},
|
|
|
+ indexData5List:[],
|
|
|
indexData5Obj:{},
|
|
|
headitemby: "",
|
|
|
isinit: true,
|
|
@@ -561,7 +561,7 @@
|
|
|
popupShow2: false,
|
|
|
popupShow: false,
|
|
|
popupShow4: false,
|
|
|
- popupShow5: false,
|
|
|
+ popupShow5: false,
|
|
|
popupShow6: false,
|
|
|
nowTime: 0,
|
|
|
selectstationId2: "",
|
|
@@ -644,22 +644,22 @@
|
|
|
onShow() {
|
|
|
if (this.$refs.tabbarMain) {
|
|
|
this.$refs.tabbarMain.setcount(0);
|
|
|
- }
|
|
|
- API.homeChargingGunStatus().then((res) => {
|
|
|
-
|
|
|
- this.indexData4 = res.data;
|
|
|
-
|
|
|
- }).catch(error => {
|
|
|
- uni.showToast({
|
|
|
-
|
|
|
- title: error
|
|
|
- })
|
|
|
+ }
|
|
|
+ API.homeChargingGunStatus().then((res) => {
|
|
|
+
|
|
|
+ this.indexData4 = res.data;
|
|
|
+
|
|
|
+ }).catch(error => {
|
|
|
+ uni.showToast({
|
|
|
+
|
|
|
+ title: error
|
|
|
+ })
|
|
|
})
|
|
|
},
|
|
|
onLoad() {
|
|
|
|
|
|
|
|
|
- this.info = this.carhelp.getPersonInfo("merchantUser")
|
|
|
+ this.info = this.carhelp.getPersonInfo()
|
|
|
this.title = this.info.merchantAccountName
|
|
|
},
|
|
|
components: {
|
|
@@ -693,111 +693,111 @@
|
|
|
},
|
|
|
|
|
|
},
|
|
|
- methods: {
|
|
|
-
|
|
|
- indexDate5Ck(t,status) {
|
|
|
-
|
|
|
- //单车充电
|
|
|
-
|
|
|
- API.homeChargingGunStatus().then((res) => {
|
|
|
-
|
|
|
- this.indexData4 = res.data;
|
|
|
-
|
|
|
- }).catch(error => {
|
|
|
- uni.showToast({
|
|
|
-
|
|
|
- title: error
|
|
|
- })
|
|
|
- })
|
|
|
- this.indexData5Obj.type=t
|
|
|
-
|
|
|
- API.homeChargingSingleCarStatusDetail({
|
|
|
-
|
|
|
- status:status
|
|
|
- }).then((res) => {
|
|
|
-
|
|
|
- this.popupShow6=true;
|
|
|
-
|
|
|
- this.indexData5List = res.data.stationList;
|
|
|
-
|
|
|
- for(var i in this.indexData5List){
|
|
|
- var item=this.indexData5List[i];
|
|
|
- if(item.deviceNum){
|
|
|
- this.popupShow6 = true
|
|
|
- break
|
|
|
- }
|
|
|
- this.popupShow6 = false;
|
|
|
- }
|
|
|
- if(!this.popupShow6 ){
|
|
|
- uni.showToast({
|
|
|
- title:"电单车充电桩"+(t?"正常":"故障")+"0支"
|
|
|
- })
|
|
|
- }
|
|
|
- }).catch(error => {
|
|
|
- uni.showToast({
|
|
|
-
|
|
|
- title: error
|
|
|
- })
|
|
|
- })
|
|
|
-
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ indexDate5Ck(t,status) {
|
|
|
+
|
|
|
+ //单车充电
|
|
|
+
|
|
|
+ API.homeChargingGunStatus().then((res) => {
|
|
|
+
|
|
|
+ this.indexData4 = res.data;
|
|
|
+
|
|
|
+ }).catch(error => {
|
|
|
+ uni.showToast({
|
|
|
+
|
|
|
+ title: error
|
|
|
+ })
|
|
|
+ })
|
|
|
+ this.indexData5Obj.type=t
|
|
|
+
|
|
|
+ API.homeChargingSingleCarStatusDetail({
|
|
|
+
|
|
|
+ status:status
|
|
|
+ }).then((res) => {
|
|
|
+
|
|
|
+ this.popupShow6=true;
|
|
|
+
|
|
|
+ this.indexData5List = res.data.stationList;
|
|
|
+
|
|
|
+ for(var i in this.indexData5List){
|
|
|
+ var item=this.indexData5List[i];
|
|
|
+ if(item.deviceNum){
|
|
|
+ this.popupShow6 = true
|
|
|
+ break
|
|
|
+ }
|
|
|
+ this.popupShow6 = false;
|
|
|
+ }
|
|
|
+ if(!this.popupShow6 ){
|
|
|
+ uni.showToast({
|
|
|
+ title:"电单车充电桩"+(t?"正常":"故障")+"0支"
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }).catch(error => {
|
|
|
+ uni.showToast({
|
|
|
+
|
|
|
+ title: error
|
|
|
+ })
|
|
|
+ })
|
|
|
+
|
|
|
},
|
|
|
- indexDate4Ck(c, t) {
|
|
|
- //汽车充电
|
|
|
- API.homeChargingGunStatus().then((res) => {
|
|
|
-
|
|
|
- this.indexData4 = res.data;
|
|
|
-
|
|
|
- }).catch(error => {
|
|
|
- uni.showToast({
|
|
|
-
|
|
|
- title: error
|
|
|
- })
|
|
|
- })
|
|
|
-
|
|
|
- this.indexData4Obj.type=c
|
|
|
- if(c==1){
|
|
|
- this.indexData4Obj.typeName="快(超)充"
|
|
|
- }
|
|
|
- if(c==2){
|
|
|
- this.indexData4Obj.typeName="慢充"
|
|
|
- }
|
|
|
- if(t==1){
|
|
|
- this.indexData4Obj.text="在用"
|
|
|
- this.indexData4Obj.value="bot1span"
|
|
|
- }
|
|
|
- if(t==0){
|
|
|
- this.indexData4Obj.text="空闲"
|
|
|
- this.indexData4Obj.value="bot2span"
|
|
|
- }
|
|
|
- if(t==99){
|
|
|
- this.indexData4Obj.text="故障"
|
|
|
- this.indexData4Obj.value="bot3span"
|
|
|
- }
|
|
|
- API.homeChargingGunStatusDetail({
|
|
|
- type:c,
|
|
|
- status:t
|
|
|
- }).then((res) => {
|
|
|
-
|
|
|
- this.indexData4List = res.data.stationList;
|
|
|
-
|
|
|
- for(var i in this.indexData4List){
|
|
|
- var item=this.indexData4List[i];
|
|
|
- if(item.queryNum){
|
|
|
- this.popupShow5 = true
|
|
|
- break
|
|
|
- }
|
|
|
- this.popupShow5 = false;
|
|
|
- }
|
|
|
- if(!this.popupShow5 ){
|
|
|
- uni.showToast({
|
|
|
- title:this.indexData4Obj.typeName+"枪"+ this.indexData4Obj.text+"0支"
|
|
|
- })
|
|
|
- }
|
|
|
- }).catch(error => {
|
|
|
- uni.showToast({
|
|
|
-
|
|
|
- title: error
|
|
|
- })
|
|
|
+ indexDate4Ck(c, t) {
|
|
|
+ //汽车充电
|
|
|
+ API.homeChargingGunStatus().then((res) => {
|
|
|
+
|
|
|
+ this.indexData4 = res.data;
|
|
|
+
|
|
|
+ }).catch(error => {
|
|
|
+ uni.showToast({
|
|
|
+
|
|
|
+ title: error
|
|
|
+ })
|
|
|
+ })
|
|
|
+
|
|
|
+ this.indexData4Obj.type=c
|
|
|
+ if(c==1){
|
|
|
+ this.indexData4Obj.typeName="快(超)充"
|
|
|
+ }
|
|
|
+ if(c==2){
|
|
|
+ this.indexData4Obj.typeName="慢充"
|
|
|
+ }
|
|
|
+ if(t==1){
|
|
|
+ this.indexData4Obj.text="在用"
|
|
|
+ this.indexData4Obj.value="bot1span"
|
|
|
+ }
|
|
|
+ if(t==0){
|
|
|
+ this.indexData4Obj.text="空闲"
|
|
|
+ this.indexData4Obj.value="bot2span"
|
|
|
+ }
|
|
|
+ if(t==99){
|
|
|
+ this.indexData4Obj.text="故障"
|
|
|
+ this.indexData4Obj.value="bot3span"
|
|
|
+ }
|
|
|
+ API.homeChargingGunStatusDetail({
|
|
|
+ type:c,
|
|
|
+ status:t
|
|
|
+ }).then((res) => {
|
|
|
+
|
|
|
+ this.indexData4List = res.data.stationList;
|
|
|
+
|
|
|
+ for(var i in this.indexData4List){
|
|
|
+ var item=this.indexData4List[i];
|
|
|
+ if(item.queryNum){
|
|
|
+ this.popupShow5 = true
|
|
|
+ break
|
|
|
+ }
|
|
|
+ this.popupShow5 = false;
|
|
|
+ }
|
|
|
+ if(!this.popupShow5 ){
|
|
|
+ uni.showToast({
|
|
|
+ title:this.indexData4Obj.typeName+"枪"+ this.indexData4Obj.text+"0支"
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }).catch(error => {
|
|
|
+ uni.showToast({
|
|
|
+
|
|
|
+ title: error
|
|
|
+ })
|
|
|
})
|
|
|
|
|
|
},
|
|
@@ -1380,174 +1380,174 @@
|
|
|
}
|
|
|
</style>
|
|
|
|
|
|
-<style lang="scss" scoped>
|
|
|
- .indexData5content {
|
|
|
- padding: 40rpx 20rpx;
|
|
|
-
|
|
|
- .contentTitle{
|
|
|
- color:#333333;
|
|
|
- font-size: 40rpx;
|
|
|
- text-align: center;
|
|
|
- font-weight: bold;
|
|
|
- margin-bottom: 8px;
|
|
|
- }
|
|
|
- .contentBody{
|
|
|
- color: #777777 ;
|
|
|
- font-size: 28rpx;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- flex-direction: row;
|
|
|
- padding: 0 16rpx;
|
|
|
- margin-bottom: 16rpx;
|
|
|
- .body1{
|
|
|
- color:#333333;
|
|
|
- margin-left: 20rpx;
|
|
|
- }
|
|
|
- .body2{
|
|
|
- display: flex;
|
|
|
- .body2-0{
|
|
|
- width: 110rpx;
|
|
|
- }
|
|
|
- .body2-1{
|
|
|
- padding: 0 8rpx;
|
|
|
- color: #00B962;
|
|
|
-
|
|
|
- }
|
|
|
- .body2-2{
|
|
|
- width: 120rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- .body3{
|
|
|
- padding: 0 8rpx;
|
|
|
- color:#FF3D00 ;
|
|
|
- }
|
|
|
- }
|
|
|
- .contentItem{
|
|
|
- border-bottom: 1px solid #ededed;
|
|
|
-
|
|
|
- // margin: 16rpx;
|
|
|
- // padding:12rpx;
|
|
|
- img,svg{
|
|
|
- vertical-align: bottom;
|
|
|
- height: 44rpx;
|
|
|
- //margin-right: 8rpx;
|
|
|
- }
|
|
|
- .span1{
|
|
|
-
|
|
|
- text-align: left;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 36rpx;
|
|
|
- width: 310rpx;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- }
|
|
|
- .color777{
|
|
|
- color: #777777;
|
|
|
- }
|
|
|
- .color333{
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- .span2{
|
|
|
-
|
|
|
- border-right: 1px solid #ededed;
|
|
|
-
|
|
|
- width: 120rpx;
|
|
|
- padding: 0 8rpx;
|
|
|
- span{
|
|
|
- padding: 0 8rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- .span3{
|
|
|
- padding: 0 0 0 12rpx;
|
|
|
- span{
|
|
|
- padding: 0 8rpx;
|
|
|
- }
|
|
|
- width: 154rpx;
|
|
|
-
|
|
|
- .bot1span {
|
|
|
- color: #00B962;
|
|
|
- }
|
|
|
-
|
|
|
- .bot2span {
|
|
|
- color: #AAAAAA;
|
|
|
- }
|
|
|
-
|
|
|
- .bot3span {
|
|
|
- color: #FF3D00;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .indexData5content {
|
|
|
+ padding: 40rpx 20rpx;
|
|
|
+
|
|
|
+ .contentTitle{
|
|
|
+ color:#333333;
|
|
|
+ font-size: 40rpx;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 8px;
|
|
|
+ }
|
|
|
+ .contentBody{
|
|
|
+ color: #777777 ;
|
|
|
+ font-size: 28rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ flex-direction: row;
|
|
|
+ padding: 0 16rpx;
|
|
|
+ margin-bottom: 16rpx;
|
|
|
+ .body1{
|
|
|
+ color:#333333;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ }
|
|
|
+ .body2{
|
|
|
+ display: flex;
|
|
|
+ .body2-0{
|
|
|
+ width: 110rpx;
|
|
|
+ }
|
|
|
+ .body2-1{
|
|
|
+ padding: 0 8rpx;
|
|
|
+ color: #00B962;
|
|
|
+
|
|
|
+ }
|
|
|
+ .body2-2{
|
|
|
+ width: 120rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .body3{
|
|
|
+ padding: 0 8rpx;
|
|
|
+ color:#FF3D00 ;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .contentItem{
|
|
|
+ border-bottom: 1px solid #ededed;
|
|
|
+
|
|
|
+ // margin: 16rpx;
|
|
|
+ // padding:12rpx;
|
|
|
+ img,svg{
|
|
|
+ vertical-align: bottom;
|
|
|
+ height: 44rpx;
|
|
|
+ //margin-right: 8rpx;
|
|
|
+ }
|
|
|
+ .span1{
|
|
|
+
|
|
|
+ text-align: left;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 36rpx;
|
|
|
+ width: 310rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ .color777{
|
|
|
+ color: #777777;
|
|
|
+ }
|
|
|
+ .color333{
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+ .span2{
|
|
|
+
|
|
|
+ border-right: 1px solid #ededed;
|
|
|
+
|
|
|
+ width: 120rpx;
|
|
|
+ padding: 0 8rpx;
|
|
|
+ span{
|
|
|
+ padding: 0 8rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .span3{
|
|
|
+ padding: 0 0 0 12rpx;
|
|
|
+ span{
|
|
|
+ padding: 0 8rpx;
|
|
|
+ }
|
|
|
+ width: 154rpx;
|
|
|
+
|
|
|
+ .bot1span {
|
|
|
+ color: #00B962;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bot2span {
|
|
|
+ color: #AAAAAA;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bot3span {
|
|
|
+ color: #FF3D00;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
.indexData4content {
|
|
|
padding: 40rpx 20rpx;
|
|
|
-
|
|
|
- .contentTitle{
|
|
|
- color:#333333;
|
|
|
- font-size: 40rpx;
|
|
|
- text-align: center;
|
|
|
- font-weight: bold;
|
|
|
- margin-bottom: 8px;
|
|
|
-
|
|
|
- }
|
|
|
- .contentItem{
|
|
|
- border-bottom: 1px solid #ededed;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- flex-direction: row;
|
|
|
- margin: 16rpx;
|
|
|
- padding:12rpx;
|
|
|
- .span1{
|
|
|
- img{
|
|
|
- vertical-align: bottom;
|
|
|
- height: 44rpx;
|
|
|
- margin-right: 8rpx;
|
|
|
- }
|
|
|
- font-weight: bold;
|
|
|
- font-size: 36rpx;
|
|
|
- width: 400rpx;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- }
|
|
|
- .color777{
|
|
|
- color: #777777;
|
|
|
- }
|
|
|
- .color333{
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- .span2{
|
|
|
-
|
|
|
- border-right: 1px solid #ededed;
|
|
|
-
|
|
|
- width: 120rpx;
|
|
|
- padding: 0 16rpx;
|
|
|
- span{
|
|
|
- padding: 0 8rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- .span3{
|
|
|
- padding: 0 0 0 16rpx;
|
|
|
- span{
|
|
|
- padding: 0 8rpx;
|
|
|
- }
|
|
|
- width: 154rpx;
|
|
|
- color: #333;
|
|
|
- .bot1span {
|
|
|
- color: #00B962;
|
|
|
- }
|
|
|
-
|
|
|
- .bot2span {
|
|
|
- color: #AAAAAA;
|
|
|
- }
|
|
|
-
|
|
|
- .bot3span {
|
|
|
- color: #FF3D00;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
+
|
|
|
+ .contentTitle{
|
|
|
+ color:#333333;
|
|
|
+ font-size: 40rpx;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 8px;
|
|
|
+
|
|
|
+ }
|
|
|
+ .contentItem{
|
|
|
+ border-bottom: 1px solid #ededed;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ flex-direction: row;
|
|
|
+ margin: 16rpx;
|
|
|
+ padding:12rpx;
|
|
|
+ .span1{
|
|
|
+ img{
|
|
|
+ vertical-align: bottom;
|
|
|
+ height: 44rpx;
|
|
|
+ margin-right: 8rpx;
|
|
|
+ }
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 36rpx;
|
|
|
+ width: 400rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ .color777{
|
|
|
+ color: #777777;
|
|
|
+ }
|
|
|
+ .color333{
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+ .span2{
|
|
|
+
|
|
|
+ border-right: 1px solid #ededed;
|
|
|
+
|
|
|
+ width: 120rpx;
|
|
|
+ padding: 0 16rpx;
|
|
|
+ span{
|
|
|
+ padding: 0 8rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .span3{
|
|
|
+ padding: 0 0 0 16rpx;
|
|
|
+ span{
|
|
|
+ padding: 0 8rpx;
|
|
|
+ }
|
|
|
+ width: 154rpx;
|
|
|
+ color: #333;
|
|
|
+ .bot1span {
|
|
|
+ color: #00B962;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bot2span {
|
|
|
+ color: #AAAAAA;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bot3span {
|
|
|
+ color: #FF3D00;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -2012,4 +2012,4 @@
|
|
|
border-radius: 8px;
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|