

<div class="detailCon menuLessMT">
	<ul class="line lineL">
		<li class="line lineG2">
			<label class="des desTip">{%label.cloudID%}</label>
		</li>
		<li class="line lineAccount">
			<label id="cloudId" class="des">{%label.cloudNotBind%}</label>
		</li>
		<li class="line lineAccount">
			<label id="bindTpTip" class="des">{%label.cloudBindBenefit%}</label>
		</li>
		<li id="bindBlock" class="line lineBind">
			<label id="bindTpId" class="des desBlind" >{%btn.bindTpIdNow%}</label>
		</li>
		<li id="unbindBlock" class="line lineBind">
			<label id="unbindTpId" class="des desBlind" >{%btn.unbindTpId%}</label>
		</li>
	</ul>
	<ul class="line lineR1">
		<li class="line lineAccount">
			<label class="des leftDesImgNote">{%label.undownloadApp%}</label>
			<label class="des rightDesImgNote">{%label.downloadedApp%}</label>
		</li>
		<li class="line lineImg">
			<img src="../web-static/images/downloadApp.png" id="downloadApp"></img>
			<div id="qrcode"></div>
		</li>
		<li class="line lineAccount">
			<label class="des leftDesImgNoteB">{%label.downloadAppNote%}</label>
			<label class="des rightDesImgNoteB">{%label.viewVideoNote%}</label>
		</li>
	</ul>
</div>
<script type="text/javascript">var cloudIdBindStatus=0,lUCC=uciCloudConfig,qrCodeStr=0;
function init(){function l(){if(uciCloudConfig.optValue.bindStatusBind==cloudIdBindStatus){var a={};a[uciCloudConfig.fileName]={};a[uciCloudConfig.fileName][KEY_NAME]=uciCloudConfig.secName.bind;$.queryP(a,function(a){ENONE==parseInt(a[ERR_CODE])&&(e.innerHTML=a[uciCloudConfig.fileName][uciCloudConfig.secName.bind][uciCloudConfig.optName.username],f.innerHTML="",b.style.display="inline-block",g.style.display="inline-block",c.style.display="none",h.style.display="none",showDetailCon())})}else e.innerHTML=
label.cloudNotBind,f.innerHTML=label.cloudBindBenefit,b.style.display="none",g.style.display="none",c.style.display="inline-block",h.style.display="inline-block",showDetailCon()}function n(a){var m=a.account;!0==a.binded&&(cloudIdBindStatus=p,e.innerHTML=m,f.innerHTML="",b.style.display="inline-block",g.style.display="inline-block",c.style.display="none",h.style.display="none");showDetailCon()}function q(a){!0==a&&(showToast("loading"),cloudAccountUnind(function(a){a:{var d="";switch(parseInt(a)){case ENONE:a=
!0;break a;case EINDEVICEALREADYUNBOUND:e.innerHTML=label.cloudNotBind;f.innerHTML=label.cloudBindBenefit;b.style.display="none";g.style.display="none";c.style.display="inline-block";h.style.display="inline-block";cloudIdBindStatus=k;d=errStr.cloudAccountReadyUnbind;break;case IPCUMGUESTNAUTH:d=errStr.invPermissionDenied;break;default:d=errStr.unknown+a}closeToast();""!=d&&showAlert(d);a=!1}!0==a&&(e.innerHTML=label.cloudNotBind,f.innerHTML=label.cloudBindBenefit,b.style.display="none",g.style.display=
"none",c.style.display="inline-block",h.style.display="inline-block",cloudIdBindStatus=k,showToast("success"))}))}var e=id("cloudId"),f=id("bindTpTip"),c=id("bindTpId"),b=id("unbindTpId"),h=id("bindBlock"),g=id("unbindBlock"),p=1,k=0;c.onclick=function(){GROUP_GUEST==$.group?showAlert(errStr.invPermissionDenied):(cloudSetBackBRHd(n),showCloudPage("CloudBindCfg.htm"))};b.onclick=function(){GROUP_GUEST==$.group?showAlert(errStr.invPermissionDenied):showConfirm(label.cloudUnbindConfirm,q)};(function(){var a=
{},b=uciDeviceInfo.fileName,d=uciDeviceInfo.secName.basicInfo,c=uciDeviceInfo.optName.barCode;a[lUCC.fileName]={};a[lUCC.fileName][KEY_NAME]=uciCloudConfig.secName.deviceStatus;a[b]={};a[b][KEY_NAME]=d;$.query(a,function(a){ENONE==parseInt(a[ERR_CODE])?(qrCodeStr=a[b][d][c],2<qrCodeStr.length&&new QRCode("qrcode",{text:qrCodeStr,width:160,height:160}),cloudIdBindStatus=parseInt(a[lUCC.fileName][uciCloudConfig.secName.deviceStatus][uciCloudConfig.optName.bindStatus]),l()):IPCUMGUESTNAUTH==parseInt(a[ERR_CODE])&&
showAlert(errStr.invPermissionDenied)})})()}init();
</script><style type="text/css">#cloudId{font-size:15px;color:#000}#bindTpTip{font-size:12px;color:#666}#unbindBlock{display:none}ul.line li.lineG2{height:80px;line-height:80px}ul.line li.lineAccount{width:100%;height:40px;line-height:40px}li.lineBtn{width:100%;margin-bottom:40px;text-align:center}ul.line li.lineImg{width:100%;height:170px;margin-bottom:12px}input.cloudBtn{width:200px;height:48px;border-radius:24px;font-size:16px;padding:4px 25px 5px;color:#fff;border:0;cursor:pointer;vertical-align:middle}input.bindBtn{background:#1c87eb}input.unbindBtn{background:#434343}#downloadApp{margin:0 10px 0 40px;width:170px;height:170px;background-color:#fff}#qrcode{float:right;margin-right:5px;margin-top:5px;width:160px;height:160px;background-color:#fff}ul.line label.leftDesImgNote{font-size:12px;color:#666;width:170px;margin-left:40px;text-align:center}ul.line label.leftDesImgNoteB{font-size:13px;color:#333;width:170px;margin-left:40px;text-align:center;vertical-align:top}ul.line label.rightDesImgNote{font-size:12px;color:#666;width:170px;margin-left:20px;*margin-left:15px;text-align:center}ul.line label.rightDesImgNoteB{font-size:13px;color:#333;line-height:18px;width:120px;margin-left:45px;text-align:center}div.menuLessMT{padding-top:40px}div.detailCon{height:280px}ul.lineL{width:317px;height:240px;border-right:1px solid #ced7e0;margin-bottom:40px}ul.lineR1{width:400px;height:262px;margin-bottom:18px;float:left}ul.line label.desTip{font-size:40px;color:#000;width:100%}ul.line li.lineBind{width:100%;height:40px;line-height:40px;margin-top:40px}ul.line label.desBlind{font-size:14px;color:#325fe0;text-decoration:underline;cursor:pointer}</style>