LightingSystemApp-serial/.svn/pristine/72/72da7b09100b4e985d0ad016e282b477a1d8d9ec.svn-base

<template>
  <view class="page">
    <u-navbar back-text="设备维护">
		<view class="devicemaintenancetitle">
			<u-radio-group v-model="devicevalue" @change="radioGroupChange">
				<u-radio 
					@change="deviceradioChange" 
					v-for="(item, index) in devicelist" :key="index" 
					:name="item.name"
					:disabled="item.disabled">
					{{item.name}}
				</u-radio>
			</u-radio-group>
		</view>
    </u-navbar>
    <view class="background">
      <view class="list" v-for="(item, index) in subdeviceList" :key="item.comid">
        <view class="list-content">
          <view @tap="toOne(item)">
            <view class="title">
              <view>ID：{{ item.comid }}</view>
              <view>
                设备状态：
                {{ maintain_devicestatus[item.statusindex] }}
              </view>
            </view>
            <view class="content">
              <view>设备类型：{{ maintain_devicetype[item.maintain_devicetype] }}</view>
              <view>区域：{{ item.groupid }}</view>
            </view>
          </view>
          <view @tap="select(index)">
            <u-checkbox v-model="item.selected" shape="circle" disabled />
          </view>
        </view>
        <view class="border" />
      </view>
      <u-empty v-if="subdeviceList.length === 0" margin-top="32" />
    </view>
    <u-loadmore
      v-if="subdeviceList.length !== 0"
      :status="loadmore"
      margin-top="32"
      @loadmore="getSubdevicePage"
    />
    <view style="height: 32rpx" />
    <u-popup v-model="showPopup" mode="top" class="top">
      <view class="popup-content">
        
      </view>
    </u-popup>
    <u-popup v-model="showImport" mode="bottom" height="400" class="importTip">
      <view class="title">导入完成</view>
      <view v-for="item in importTip" :key="item.create_time" class="tipList">
        <view>设备ID：{{ item.maintain_subdeviceid }}</view>
        <view>导入状态：{{ item.explain }}</view>
      </view>
    </u-popup>
    <u-modal
      v-model="showDelete"
      :show-title="false"
      :content="`是否删除这${selectedList.length}个设备`"
      async-close
      show-cancel-button
      @confirm="deleteSubdevice"
    />
    <u-toast ref="uToast" />
	
	<view style="width: 40rpx;height: 40rpx;position: absolute;left: 50%;top: 50%;margin: -20rpx 0 0 -20rpx;">
		<u-loading :show="devciewait" mode="flower" size="40"></u-loading>
	</view>
	
	<u-mask :show="devcieshow"></u-mask>
  </view>
</template>

<script>
import {
  getSubdevicePage,
} from "@/common/network/equipment/subdevice";

export default {
  components: {
    
  },
  data() {
    return {
		devcieshow: false,
		devciewait: false,
		devicelist: [
			{
				name: '灯杆',
				disabled: false
			},
			{
				name: '回路',
				disabled: false
			},
			{
				name: '传感器',
				disabled: false
			}
		],
		// u-radio-group的v-model绑定的值如果设置为某个radio的name，就会被默认选中
      devicevalue: '灯杆',
      maintain_devicetype: [
        "",
        "单色温调光灯控器",
        "双色温调光灯控器",
        "双灯头调光灯控器",
        "单回路开关控制器",
        "三相回路开关控制器",
		"单回路调光控制器",
		"单回路色温控制器",
        "照度传感器",
		"亮度传感器",
		"车流量传感器",
      ],
      maintain_devicestatus: ["已安装", "未安装"],
      showPopup: false,
      showImport: false,
      showDelete: false,
      page: 1,
      subdeviceList: [],
      loadmore: "loadmore",
      importTip: [],
      selectedList: [],
	  devicetype: 1,
	  deviceinfo:{
		  deviceurl: '/control/doPagedQuery.do',
		  devicetype: 1,
	  },
    };
  },
  created() {},
  mounted() {},
  methods: {
    refresh() {
      this.page = 1;
      this.getSubdevicePage();
    },
    getSubdevicePage(device) {
      var that=this;
      this.loadmore = "loading";
      debugger
      let data = {
      		currentPage: this.page,
      		perpage: 50,
			url: device.deviceurl,
			filtervalue: this.device.deviceid,
      };
	  
      getSubdevicePage(data)
        .then((res) => {
			that.devciewait = false;
			that.devcieshow = false;
		if (res.data.totalCount > 0) {

			if(that.devicetype == 1)//灯杆
			{
				for(var i = 0; i < res.data.list.length; i++){
					
					if(res.data.list[i].iseffect == true){
						res.data.list[i].statusindex = 0;
					}
					else{
						res.data.list[i].statusindex = 1;
					}
					
					if(res.data.list[i].type == '0001'){
						res.data.list[i].maintain_devicetype = 1;
					}
					else if(res.data.list[i].type == '0002'){
						res.data.list[i].maintain_devicetype = 2;
					}
					else if(res.data.list[i].type == '0003'){
						res.data.list[i].maintain_devicetype = 3;
					}
					
				}
			}
			else if(that.devicetype == 2)//回路
			{
				for(var i = 0; i < res.data.list.length; i++){
					if(res.data.list[i].iseffect == true){
						res.data.list[i].statusindex = 0;
					}
					else{
						res.data.list[i].statusindex = 1;
					}
					
					if(res.data.list[i].type == '0001'){
						res.data.list[i].maintain_devicetype = 4;
					}
					else if(res.data.list[i].type == '0002'){
						res.data.list[i].maintain_devicetype = 5;
					}
					else if(res.data.list[i].type == '0003'){
						res.data.list[i].maintain_devicetype = 6;
					}
					else if(res.data.list[i].type == '0004'){
						res.data.list[i].maintain_devicetype = 7;
					}
				
					
					//res.data.list[i].groupid = res.data.list[i].groups;
				}
			}
			else if(that.devicetype == 3)//传感器
			{
				for(var i = 0; i < res.data.list.length; i++){
					if(res.data.list[i].iseffect == true){
						res.data.list[i].statusindex = 0;
					}
					else{
						res.data.list[i].statusindex = 1;
					}
					
					if(res.data.list[i].type == '0001'){
						res.data.list[i].maintain_devicetype = 8;
					}
					else if(res.data.list[i].type == '0002'){
						res.data.list[i].maintain_devicetype = 9;
					}
					else if(res.data.list[i].type == '0003'){
						res.data.list[i].maintain_devicetype = 10;
					}

					
					res.data.list[i].groupid = '无';
				}
			}
			
            if (that.page === 1) {
			 	
              that.subdeviceList = res.data.list;
            } else {
              that.subdeviceList.push(...res.data.list);
            }
            that.total = res.data.totalCount;
            if (that.page*50 < res.data.totalCount) {
              that.page++;
        	  data.currentPage = that.page;
        	 
              that.loadmore = "loadmore";
            } else {
              that.loadmore = "nomore";
            }
          } 
        })
        .catch((err) => {
          console.log(err);
        });
    },
	deviceradioChange(e){
		this.devcieshow = true;
		this.devciewait = true;

		//var deviceurl = '/control/doPagedQuery.do';
		this.subdeviceList = [];
		if(e == '灯杆')
		{
			this.deviceinfo.devicetype = 1;
			this.deviceinfo.deviceurl = '/control/doPagedQuery.do';
		}
		else if(e == '回路'){
			this.deviceinfo.devicetype = 2;
			this.deviceinfo.deviceurl = '/mcontrol/doPagedQuery.do';
		}
		else if(e == '传感器'){
			this.deviceinfo.devicetype = 3;
			this.deviceinfo.deviceurl = '/sensor/doPagedQuery.do';
		}
		this.devicetype = this.deviceinfo.devicetype;
		this.getSubdevicePage(this.deviceinfo);
		// console.log(e);
	},
	radioGroupChange(e) {
		// console.log(e);
		//this.devicevalue
	},
    toOne(subdevice) {
		
	  //if(this.devicetype != 3)
	  {
		  uni.navigateTo({
		    url: "/pages/commissioning/commissioning?subdeviceid=" + subdevice.comid +"&rtuid=" + subdevice.terminal+"&terminalId=" + subdevice.terminalId+"&subdeviceccid=" + subdevice.id+"&subdevicetype=" + this.devicetype+"&subdevicename=" + subdevice.name+"&subdevice=" + subdevice.type,
		  });
	  }
    },
    select(index) {
      this.subdeviceList[index].selected = !this.subdeviceList[index].selected;
      if (this.subdeviceList[index].selected) {
        this.selectedList.push(this.subdeviceList[index].subdeviceid);
      } else {
        let i = this.selectedList.indexOf(
          this.subdeviceList[index].subdeviceid
        );
        this.selectedList.splice(i, 1);
      }
    },
  },
  onLoad(option) {
	this.device = option;
	  
	this.subdeviceid = this.device.subdeviceid;
	this.lampid = this.device.id
	this.rtuid = this.device.deviceid;
	this.terminalid = this.device.terminalId;
	  
	
	this.getSubdevicePage(this.deviceinfo);
	uni.$on("refresh", this.refresh);
  },
  onPullDownRefresh() {
    this.refresh();
  },
  onReachBottom() {
    if (this.loadmore === "loadmore") {
      this.getSubdevicePage(this.deviceinfo);
    }
  },
  onUnload() {
    uni.$off("refresh", this.refresh);
  },
};
</script>

<style scoped>
.page {
  min-height: 100vh;
  background: linear-gradient(
    180deg,
    rgba(235, 241, 255, 0.5) 0%,
    #e4ebff 100%
  );
}

.background {
  margin: 32rpx 24rpx;
  padding: 1px 0;

  background: #ffffff;
  border-radius: 20rpx;
}

.list-content {
  display: flex;
}
.list-content > :first-child {
  flex: 1;
}
.list-content > :last-child {
  display: flex;
  justify-content: center;
  align-items: center;

  margin-right: 1px;
  width: 50rpx;
  background: rgba(78, 115, 223, 0.4);
}
.list-content > :last-child .u-checkbox {
  display: block;
}
.list:first-child .list-content > :last-child {
  border-top-right-radius: 20rpx;
}
.list:last-child .list-content > :last-child {
  border-bottom-right-radius: 20rpx;
}
.list >>> .u-checkbox__icon-wrap {
  background-color: #ffffff;
}
.list >>> .u-checkbox__icon-wrap--checked {
  background-color: #2979ff;
}

.list .title {
  display: flex;
  justify-content: space-between;

  margin-top: 24rpx;
  padding: 0 24rpx;

  font-size: 30rpx;
}
.list .title > :first-child {
  max-width: 280rpx;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.list .content {
  display: flex;
  justify-content: space-between;

  margin: 20rpx 0;
  padding: 0 24rpx;

  font-size: 30rpx;
  color: #8d92a6;
}
.list .content > :first-child {
  max-width: 360rpx;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.list > .border {
  height: 1px;
  background-color: #e8e9ed;
}
.list:last-child > .border {
  height: 0;
}

.u-drawer.top,
.u-drawer.top >>> .u-mask {
  margin-top: calc(var(--status-bar-height) + 44px);
}

.popup-content {
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 0 64rpx;
  height: 230rpx;

  color: #4e73df;
}
.popup-content .u-image {
  margin: 0 auto 20rpx;
}

.importTip .title {
  font-size: 36rpx;
  line-height: 2em;
  text-align: center;
}
.importTip .tipList {
  padding: 20rpx;
  line-height: 2em;
}
.devicemaintenancetitle{
 padding-left: 50px;
}
</style>