BUG 26284
This commit is contained in:
		@@ -44,7 +44,7 @@
 | 
				
			|||||||
      <div class="item" v-if="houseInfo.livingStatus == 1">
 | 
					      <div class="item" v-if="houseInfo.livingStatus == 1">
 | 
				
			||||||
        <span class="label">起租日期</span>
 | 
					        <span class="label">起租日期</span>
 | 
				
			||||||
        <div class="value" @click="dateShow=true">
 | 
					        <div class="value" @click="dateShow=true">
 | 
				
			||||||
          <span :class="houseInfo.startDate === '' ? 'color-999' : ''">{{ houseInfo.startDate || '请选择' }}</span>
 | 
					          <span :class="houseInfo.startDate === '' ? 'color-999' : ''">{{ $dateFormat(houseInfo.startDate,'YYYY-MM-DD') || '请选择' }}</span>
 | 
				
			||||||
          <u-icon name="arrow-right" color="#cccccc" size="14"/>
 | 
					          <u-icon name="arrow-right" color="#cccccc" size="14"/>
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
@@ -167,9 +167,6 @@ export default {
 | 
				
			|||||||
      let {id} = this.$route.query
 | 
					      let {id} = this.$route.query
 | 
				
			||||||
      id && this.$http.post(`app/appcommunityhouseinfo/queryDetailById?id=${id}`).then(res => {
 | 
					      id && this.$http.post(`app/appcommunityhouseinfo/queryDetailById?id=${id}`).then(res => {
 | 
				
			||||||
        if (res?.data) {
 | 
					        if (res?.data) {
 | 
				
			||||||
          if (res.data.startDate) {
 | 
					 | 
				
			||||||
            res.data.startDate = res.data.startDate.substring(0, 10)
 | 
					 | 
				
			||||||
          }
 | 
					 | 
				
			||||||
          this.houseInfo = res.data
 | 
					          this.houseInfo = res.data
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
      })
 | 
					      })
 | 
				
			||||||
@@ -193,7 +190,7 @@ export default {
 | 
				
			|||||||
      this.houseInfo[this.formName] = e[0].value
 | 
					      this.houseInfo[this.formName] = e[0].value
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
    dateConfirm(e) {
 | 
					    dateConfirm(e) {
 | 
				
			||||||
      this.houseInfo.startDate = `${e.year}-${e.month}-${e.day}`
 | 
					      this.houseInfo.startDate = `${e.year}-${e.month}-${e.day} 00:00:00`
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -69,7 +69,7 @@
 | 
				
			|||||||
          <div class="row-item center">
 | 
					          <div class="row-item center">
 | 
				
			||||||
            <span class="right-line"></span>
 | 
					            <span class="right-line"></span>
 | 
				
			||||||
            <span class="left-line"></span>
 | 
					            <span class="left-line"></span>
 | 
				
			||||||
            <h3>{{ houseInfo.startDate }}</h3>
 | 
					            <h3>{{ $dateFormat(houseInfo.startDate,'YYYY-MM-DD') }}</h3>
 | 
				
			||||||
            <p>起租日期</p>
 | 
					            <p>起租日期</p>
 | 
				
			||||||
          </div>
 | 
					          </div>
 | 
				
			||||||
          <div class="row-item right">
 | 
					          <div class="row-item right">
 | 
				
			||||||
@@ -228,10 +228,7 @@ export default {
 | 
				
			|||||||
    getHouseDetail(id) {
 | 
					    getHouseDetail(id) {
 | 
				
			||||||
      this.houseId = id
 | 
					      this.houseId = id
 | 
				
			||||||
      this.$http.post(`app/appcommunityhouseinfo/queryDetailById?id=${id}`).then(res => {
 | 
					      this.$http.post(`app/appcommunityhouseinfo/queryDetailById?id=${id}`).then(res => {
 | 
				
			||||||
        if (res.code == 0) {
 | 
					        if (res?.data) {
 | 
				
			||||||
          if (res.data.startDate) {
 | 
					 | 
				
			||||||
            res.data.startDate = res.data.startDate.substring(0, 10)
 | 
					 | 
				
			||||||
          }
 | 
					 | 
				
			||||||
          this.houseInfo = res.data
 | 
					          this.houseInfo = res.data
 | 
				
			||||||
          this.show = true
 | 
					          this.show = true
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -12,7 +12,7 @@
 | 
				
			|||||||
          <img src="./img/local-icon.png" alt="">
 | 
					          <img src="./img/local-icon.png" alt="">
 | 
				
			||||||
          <span class="label" v-if="areaName">{{ areaName }}</span>
 | 
					          <span class="label" v-if="areaName">{{ areaName }}</span>
 | 
				
			||||||
          <span v-else>请选择</span>
 | 
					          <span v-else>请选择</span>
 | 
				
			||||||
          <u-icon name="arrow-down" color="#666" size="24" />
 | 
					          <u-icon name="arrow-down" color="#666" size="24"/>
 | 
				
			||||||
        </AiAreaPicker>
 | 
					        </AiAreaPicker>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
    </AiTopFixed>
 | 
					    </AiTopFixed>
 | 
				
			||||||
@@ -24,15 +24,15 @@
 | 
				
			|||||||
        <img src="./img/monitor-icon.png" alt="" class="monitor-icon">
 | 
					        <img src="./img/monitor-icon.png" alt="" class="monitor-icon">
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
      <div class="item">
 | 
					      <div class="item">
 | 
				
			||||||
        <h3>{{count.online || 0}}</h3>
 | 
					        <h3>{{ count.online || 0 }}</h3>
 | 
				
			||||||
        <p>在线</p>
 | 
					        <p>在线</p>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
      <div class="item">
 | 
					      <div class="item">
 | 
				
			||||||
        <h3>{{count.sum - count.online || 0}}</h3>
 | 
					        <h3>{{ count.sum - count.online || 0 }}</h3>
 | 
				
			||||||
        <p>离线</p>
 | 
					        <p>离线</p>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
      <div class="item">
 | 
					      <div class="item">
 | 
				
			||||||
        <h3>{{onlineRate*100 || 0}}%</h3>
 | 
					        <h3>{{ onlineRate * 100 || 0 }}%</h3>
 | 
				
			||||||
        <p>在线率</p>
 | 
					        <p>在线率</p>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
@@ -53,7 +53,7 @@
 | 
				
			|||||||
      <div class="item" v-for="(item, index) in list" :key="index" @click="showMonitor(item)">
 | 
					      <div class="item" v-for="(item, index) in list" :key="index" @click="showMonitor(item)">
 | 
				
			||||||
        <img class="img" :src="item.indexUrl" alt="" v-if="item.deviceStatus == 1">
 | 
					        <img class="img" :src="item.indexUrl" alt="" v-if="item.deviceStatus == 1">
 | 
				
			||||||
        <img class="img" src="./img/offline.png" alt="" v-else>
 | 
					        <img class="img" src="./img/offline.png" alt="" v-else>
 | 
				
			||||||
        <p>{{item.name}}</p>
 | 
					        <p>{{ item.name }}</p>
 | 
				
			||||||
        <img class="icon" src="./img/play-icon.png" alt="" v-if="item.deviceStatus == 1">
 | 
					        <img class="icon" src="./img/play-icon.png" alt="" v-if="item.deviceStatus == 1">
 | 
				
			||||||
        <img class="icon" src="./img/not-play-icon.png" alt="" v-else>
 | 
					        <img class="icon" src="./img/not-play-icon.png" alt="" v-else>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
@@ -63,7 +63,8 @@
 | 
				
			|||||||
</template>
 | 
					</template>
 | 
				
			||||||
<script>
 | 
					<script>
 | 
				
			||||||
import echarts from 'echarts'
 | 
					import echarts from 'echarts'
 | 
				
			||||||
import { mapState } from 'vuex'
 | 
					import {mapState} from 'vuex'
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export default {
 | 
					export default {
 | 
				
			||||||
  name: "AppVideoSurveillance",
 | 
					  name: "AppVideoSurveillance",
 | 
				
			||||||
  appName: "视频监控",
 | 
					  appName: "视频监控",
 | 
				
			||||||
@@ -83,7 +84,7 @@ export default {
 | 
				
			|||||||
      offlineRate: ''
 | 
					      offlineRate: ''
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
  computed: { ...mapState(['user']) },
 | 
					  computed: {...mapState(['user'])},
 | 
				
			||||||
  methods: {
 | 
					  methods: {
 | 
				
			||||||
    getMonitors(nodeId, queryType = 0) {
 | 
					    getMonitors(nodeId, queryType = 0) {
 | 
				
			||||||
      this.monitors = []
 | 
					      this.monitors = []
 | 
				
			||||||
@@ -112,7 +113,7 @@ export default {
 | 
				
			|||||||
          this.list = res.data.list
 | 
					          this.list = res.data.list
 | 
				
			||||||
          this.count = res.data.count
 | 
					          this.count = res.data.count
 | 
				
			||||||
          this.onlineRate = (this.count.online / this.count.sum).toFixed(2)
 | 
					          this.onlineRate = (this.count.online / this.count.sum).toFixed(2)
 | 
				
			||||||
          this.offlineRate = (1-this.onlineRate).toFixed(2)
 | 
					          this.offlineRate = (1 - this.onlineRate).toFixed(2)
 | 
				
			||||||
          this.initEchart()
 | 
					          this.initEchart()
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
      })
 | 
					      })
 | 
				
			||||||
@@ -122,7 +123,7 @@ export default {
 | 
				
			|||||||
      this.getList()
 | 
					      this.getList()
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
    showMonitor(row) {
 | 
					    showMonitor(row) {
 | 
				
			||||||
      if(row.deviceStatus != 1) return
 | 
					      if (row.deviceStatus != 1) return
 | 
				
			||||||
      uni.navigateTo({url: `./monitorDetail?id=${row.id}`})
 | 
					      uni.navigateTo({url: `./monitorDetail?id=${row.id}`})
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
    initEchart() {
 | 
					    initEchart() {
 | 
				
			||||||
@@ -145,8 +146,8 @@ export default {
 | 
				
			|||||||
              show: false
 | 
					              show: false
 | 
				
			||||||
            },
 | 
					            },
 | 
				
			||||||
            data: [
 | 
					            data: [
 | 
				
			||||||
              { value: this.onlineRate},
 | 
					              {value: this.onlineRate},
 | 
				
			||||||
              { value: this.offlineRate},
 | 
					              {value: this.offlineRate},
 | 
				
			||||||
            ],
 | 
					            ],
 | 
				
			||||||
            itemStyle: {
 | 
					            itemStyle: {
 | 
				
			||||||
              emphasis: {
 | 
					              emphasis: {
 | 
				
			||||||
@@ -154,10 +155,10 @@ export default {
 | 
				
			|||||||
                shadowOffsetX: 0,
 | 
					                shadowOffsetX: 0,
 | 
				
			||||||
                shadowColor: 'rgba(0, 0, 0, 0.5)'
 | 
					                shadowColor: 'rgba(0, 0, 0, 0.5)'
 | 
				
			||||||
              },
 | 
					              },
 | 
				
			||||||
              normal:{
 | 
					              normal: {
 | 
				
			||||||
                color:function(params) {
 | 
					                color: function (params) {
 | 
				
			||||||
                  //自定义颜色
 | 
					                  //自定义颜色
 | 
				
			||||||
                  var colorList = ['#3192F4','#ccc',];
 | 
					                  var colorList = ['#3192F4', '#ccc',];
 | 
				
			||||||
                  return colorList[params.dataIndex]
 | 
					                  return colorList[params.dataIndex]
 | 
				
			||||||
                }
 | 
					                }
 | 
				
			||||||
              }
 | 
					              }
 | 
				
			||||||
@@ -251,31 +252,36 @@ export default {
 | 
				
			|||||||
    }
 | 
					    }
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  .area-content{
 | 
					  .area-content {
 | 
				
			||||||
    display: inline-block;
 | 
					    display: inline-block;
 | 
				
			||||||
    width: 100%;
 | 
					    width: 100%;
 | 
				
			||||||
    line-height: 64px;
 | 
					    line-height: 64px;
 | 
				
			||||||
    img{
 | 
					
 | 
				
			||||||
 | 
					    img {
 | 
				
			||||||
      width: 42px;
 | 
					      width: 42px;
 | 
				
			||||||
      vertical-align: middle;
 | 
					      vertical-align: middle;
 | 
				
			||||||
      margin-right: 16px;
 | 
					      margin-right: 16px;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
    .u-icon{
 | 
					
 | 
				
			||||||
 | 
					    .u-icon {
 | 
				
			||||||
      margin-left: 6px;
 | 
					      margin-left: 6px;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
  .num-content{
 | 
					
 | 
				
			||||||
 | 
					  .num-content {
 | 
				
			||||||
    width: calc(100% - 40px);
 | 
					    width: calc(100% - 40px);
 | 
				
			||||||
    height: 164px;
 | 
					    height: 164px;
 | 
				
			||||||
    background: #EEE;
 | 
					    background: #EEE;
 | 
				
			||||||
    border-radius: 16px;
 | 
					    border-radius: 16px;
 | 
				
			||||||
    margin: 32px 0 0 20px;
 | 
					    margin: 32px 0 0 20px;
 | 
				
			||||||
    display: flex;
 | 
					    display: flex;
 | 
				
			||||||
    .item{
 | 
					
 | 
				
			||||||
 | 
					    .item {
 | 
				
			||||||
      flex: 1;
 | 
					      flex: 1;
 | 
				
			||||||
      text-align: center;
 | 
					      text-align: center;
 | 
				
			||||||
      position: relative;
 | 
					      position: relative;
 | 
				
			||||||
      .monitor-icon{
 | 
					
 | 
				
			||||||
 | 
					      .monitor-icon {
 | 
				
			||||||
        width: 48px;
 | 
					        width: 48px;
 | 
				
			||||||
        height: 48px;
 | 
					        height: 48px;
 | 
				
			||||||
        position: absolute;
 | 
					        position: absolute;
 | 
				
			||||||
@@ -284,7 +290,8 @@ export default {
 | 
				
			|||||||
        margin-left: -24px;
 | 
					        margin-left: -24px;
 | 
				
			||||||
        margin-top: -24px;
 | 
					        margin-top: -24px;
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
      h3{
 | 
					
 | 
				
			||||||
 | 
					      h3 {
 | 
				
			||||||
        font-size: 44px;
 | 
					        font-size: 44px;
 | 
				
			||||||
        font-family: PingFangSC-Semibold, PingFang SC;
 | 
					        font-family: PingFangSC-Semibold, PingFang SC;
 | 
				
			||||||
        font-weight: 600;
 | 
					        font-weight: 600;
 | 
				
			||||||
@@ -292,7 +299,8 @@ export default {
 | 
				
			|||||||
        line-height: 60px;
 | 
					        line-height: 60px;
 | 
				
			||||||
        margin-top: 32px;
 | 
					        margin-top: 32px;
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
      p{
 | 
					
 | 
				
			||||||
 | 
					      p {
 | 
				
			||||||
        font-size: 28px;
 | 
					        font-size: 28px;
 | 
				
			||||||
        font-family: PingFangSC-Regular, PingFang SC;
 | 
					        font-family: PingFangSC-Regular, PingFang SC;
 | 
				
			||||||
        color: #666;
 | 
					        color: #666;
 | 
				
			||||||
@@ -301,12 +309,13 @@ export default {
 | 
				
			|||||||
    }
 | 
					    }
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  .list-content{
 | 
					  .list-content {
 | 
				
			||||||
    width: 100%;
 | 
					    width: 100%;
 | 
				
			||||||
    padding: 38px 0 0 20px;
 | 
					    padding: 38px 0 0 20px;
 | 
				
			||||||
    box-sizing: border-box;
 | 
					    box-sizing: border-box;
 | 
				
			||||||
    overflow: hidden;
 | 
					    overflow: hidden;
 | 
				
			||||||
    .item{
 | 
					
 | 
				
			||||||
 | 
					    .item {
 | 
				
			||||||
      display: inline-block;
 | 
					      display: inline-block;
 | 
				
			||||||
      width: calc(50% - 36px);
 | 
					      width: calc(50% - 36px);
 | 
				
			||||||
      margin-right: 36px;
 | 
					      margin-right: 36px;
 | 
				
			||||||
@@ -314,13 +323,15 @@ export default {
 | 
				
			|||||||
      position: relative;
 | 
					      position: relative;
 | 
				
			||||||
      margin-bottom: 32px;
 | 
					      margin-bottom: 32px;
 | 
				
			||||||
      vertical-align: top;
 | 
					      vertical-align: top;
 | 
				
			||||||
      .img{
 | 
					
 | 
				
			||||||
 | 
					      .img {
 | 
				
			||||||
        width: 100%;
 | 
					        width: 100%;
 | 
				
			||||||
        height: 218px;
 | 
					        height: 218px;
 | 
				
			||||||
        margin-bottom: 8px;
 | 
					        margin-bottom: 8px;
 | 
				
			||||||
        border-radius: 16px;
 | 
					        border-radius: 16px;
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
      p{
 | 
					
 | 
				
			||||||
 | 
					      p {
 | 
				
			||||||
        width: 100%;
 | 
					        width: 100%;
 | 
				
			||||||
        font-size: 34px;
 | 
					        font-size: 34px;
 | 
				
			||||||
        font-family: PingFangSC-Regular, PingFang SC;
 | 
					        font-family: PingFangSC-Regular, PingFang SC;
 | 
				
			||||||
@@ -328,7 +339,8 @@ export default {
 | 
				
			|||||||
        line-height: 48px;
 | 
					        line-height: 48px;
 | 
				
			||||||
        word-break: break-all;
 | 
					        word-break: break-all;
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
      .icon{
 | 
					
 | 
				
			||||||
 | 
					      .icon {
 | 
				
			||||||
        width: 40px;
 | 
					        width: 40px;
 | 
				
			||||||
        height: 48px;
 | 
					        height: 48px;
 | 
				
			||||||
        position: absolute;
 | 
					        position: absolute;
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user