Skip to content

D
DoorLock
Commit 4eea6a3a by wjd
Options

Merge branch 'jianxiang' into 'test/96' 

Jianxiang

See merge request iot-project-js/doorlock!28
parents 1218deff 45cda6b5
Showing with 544 additions and 379 deletions
dev/src/lang/en.json
...@@ -29,7 +29,8 @@ ...@@ -29,7 +29,8 @@
"next": "下一步", "next": "下一步",
"iSee": "我知道了", "iSee": "我知道了",
"unbindDoorlock": "解绑门锁", "unbindDoorlock": "解绑门锁",
"finish": "完成" "finish": "完成",
"cancel": "取消"
}, },
"dialog":{ "dialog":{
"confirm": "确认", "confirm": "确认",
...@@ -161,8 +162,8 @@ ...@@ -161,8 +162,8 @@
"alarmMsgPush": "报警消息推送", "alarmMsgPush": "报警消息推送",
"opendoorMsgPush": "开门消息推送", "opendoorMsgPush": "开门消息推送",
"unbindDialogTip": "确认解除绑定", "unbindDialogTip": "确认解除绑定",
"unbindSuccess": "<span></span>解绑成功", "unbindSuccess": "<img src='../../resources/image/green_unbindSuccess_icon.png'>解绑成功",
"unbindFailue": "解绑失败" "unbindFailue": "<img src='../../resources/image/green_unbindSuccess_icon.png'>解绑失败"
}, },
"editName":{ "editName":{
"nameInputTip": "请输入门锁名称", "nameInputTip": "请输入门锁名称",
...@@ -258,13 +259,13 @@ ...@@ -258,13 +259,13 @@
"bindUnlockInfo": "关联开锁信息", "bindUnlockInfo": "关联开锁信息",
"editUsername": "编辑用户昵称", "editUsername": "编辑用户昵称",
"opendoorRecord": "历史开门记录", "opendoorRecord": "历史开门记录",
"unbindDialogTip": "<span></span>解绑后，该用户不能对门锁下的信息进行查看", "unbindDialogTip": "<img src='../../resources/image/green_unbind_icon.png'>解绑后，该用户不能对门锁下的信息进行查看",
"deleteUserDialogTip": "删除后，用户对应的开锁id取消关联，同时失去信息查看权限。", "deleteUserDialogTip": "删除后，用户对应的开锁id取消关联，同时失去信息查看权限。",
"unbindSuccess": "解绑成功", "unbindSuccess": "<img src='../../resources/image/green_unbindSuccess_icon.png'>解绑成功",
"unbindFailue": "解绑失败", "unbindFailue": "<img src='../../resources/image/green_unbindSuccess_icon.png'>解绑失败",
"guideStep1Tip1": "邀请绑定成功", "guideStep1Tip1": "邀请绑定成功",
"guideStep1Tip2": "（可查看开门记录，报警记录等<br>相关门锁信息）", "guideStep1Tip2": "（受邀用户可查看开门记录，报警记录等<br>相关门锁信息）",
"guideStep3Tip": "绑定后看可了解<br>该用户的开门情况", "guideStep3Tip": "关联后可了解<br>该用户的开门情况",
"deleteSuccess": "删除成功", "deleteSuccess": "删除成功",
"deleteFailure": "删除失败", "deleteFailure": "删除失败",
"defaultName": "管理员" "defaultName": "管理员"
...@@ -290,6 +291,7 @@ ...@@ -290,6 +291,7 @@
"unlockInfo":{ "unlockInfo":{
"bindUnlockInfo": "已关联的开锁信息", "bindUnlockInfo": "已关联的开锁信息",
"noInfoTip": "尚未关联开锁信息", "noInfoTip": "尚未关联开锁信息",
"bindSoon": "快速关联",
"passwordOpenDoor": "密码", "passwordOpenDoor": "密码",
"fingerprintOpenDoor": "指纹", "fingerprintOpenDoor": "指纹",
"ICcardOpenDoor": "IC卡", "ICcardOpenDoor": "IC卡",
...@@ -298,9 +300,9 @@ ...@@ -298,9 +300,9 @@
"appRemoteOpenDoor": "app远程", "appRemoteOpenDoor": "app远程",
"hijackingAlarm": "劫持指纹", "hijackingAlarm": "劫持指纹",
"setHijack": "设为劫持", "setHijack": "设为劫持",
"setHijackTip": "确认设为劫持指纹？", "setHijackTip": "确认设为劫持指纹？设定后使用该指纹开锁时，门锁用户将会收到劫持报警",
"cancelHijack": "取消劫持", "cancelHijack": "取消劫持",
"cancelHijackTip": "确认取消劫持指纹？", "cancelHijackTip": "确认取消劫持指纹？取消后，门锁用户不再收到劫持报警",
"cancelAssociated": "取消关联", "cancelAssociated": "取消关联",
"cancelAssociatedTip": "取消关联后，开门历史记录中将不再显示关联的用户信息。", "cancelAssociatedTip": "取消关联后，开门历史记录中将不再显示关联的用户信息。",
"cancelAssociatedSuccess": "取消关联成功", "cancelAssociatedSuccess": "取消关联成功",
...@@ -308,7 +310,9 @@ ...@@ -308,7 +310,9 @@
"setHijackSuccess": "设为劫持指纹成功", "setHijackSuccess": "设为劫持指纹成功",
"setHijackFailue": "设为劫持指纹失败", "setHijackFailue": "设为劫持指纹失败",
"cancelHijackSuccess": "取消劫持指纹成功", "cancelHijackSuccess": "取消劫持指纹成功",
"cancelHijackFailue": "取消劫持指纹失败" "cancelHijackFailue": "取消劫持指纹失败",
"unlockInfoListTip": "暂无关联信息",
"noHistoryTip": "今日尚无未关联的开门记录"
}, },
"addUnlockInfo":{ "addUnlockInfo":{
"opendoorMode": "选择要关联的开锁方式", "opendoorMode": "选择要关联的开锁方式",
...@@ -326,7 +330,9 @@ ...@@ -326,7 +330,9 @@
"setHijackSwitch": "设为劫持指纹", "setHijackSwitch": "设为劫持指纹",
"guideStep1Tip": "选择需要添加关联的开门方式", "guideStep1Tip": "选择需要添加关联的开门方式",
"guideStep3Tip": "根据开门记录中的开门时间，选择关联的<br>开门ID<span>（一个ID只能被一个用户绑定）</span>", "guideStep3Tip": "根据开门记录中的开门时间，选择关联的<br>开门ID<span>（一个ID只能被一个用户绑定）</span>",
"guideStep5Tip": "使用劫持指纹开门时，会以报警形式<br>通知到该门锁名下的其他绑定用户" "guideStep5Tip": "使用劫持指纹开门时，会以报警形式<br>通知到该门锁名下的其他绑定用户",
"bindedUnlockInfo": "查看已关联信息",
"stay": "留在此页"
}, },
"myInfo":{ "myInfo":{
"editNickname": "修改昵称", "editNickname": "修改昵称",
......
dev/src/lang/zh.json
...@@ -29,7 +29,8 @@ ...@@ -29,7 +29,8 @@
"next": "下一步", "next": "下一步",
"iSee": "我知道了", "iSee": "我知道了",
"unbindDoorlock": "解绑门锁", "unbindDoorlock": "解绑门锁",
"finish": "完成" "finish": "完成",
"cancel": "取消"
}, },
"dialog":{ "dialog":{
"confirm": "确认", "confirm": "确认",
...@@ -161,8 +162,8 @@ ...@@ -161,8 +162,8 @@
"alarmMsgPush": "报警消息推送", "alarmMsgPush": "报警消息推送",
"opendoorMsgPush": "开门消息推送", "opendoorMsgPush": "开门消息推送",
"unbindDialogTip": "确认解除绑定", "unbindDialogTip": "确认解除绑定",
"unbindSuccess": "<span></span>解绑成功", "unbindSuccess": "<img src='../../resources/image/green_unbindSuccess_icon.png'>解绑成功",
"unbindFailue": "解绑失败" "unbindFailue": "<img src='../../resources/image/green_unbindSuccess_icon.png'>解绑失败"
}, },
"editName":{ "editName":{
"nameInputTip": "请输入门锁名称", "nameInputTip": "请输入门锁名称",
...@@ -258,13 +259,13 @@ ...@@ -258,13 +259,13 @@
"bindUnlockInfo": "关联开锁信息", "bindUnlockInfo": "关联开锁信息",
"editUsername": "编辑用户昵称", "editUsername": "编辑用户昵称",
"opendoorRecord": "历史开门记录", "opendoorRecord": "历史开门记录",
"unbindDialogTip": "<span></span>解绑后，该用户不能对门锁下的信息进行查看", "unbindDialogTip": "<img src='../../resources/image/green_unbind_icon.png'>解绑后，该用户不能对门锁下的信息进行查看",
"deleteUserDialogTip": "删除后，用户对应的开锁id取消关联，同时失去信息查看权限。", "deleteUserDialogTip": "删除后，用户对应的开锁id取消关联，同时失去信息查看权限。",
"unbindSuccess": "解绑成功", "unbindSuccess": "<img src='../../resources/image/green_unbindSuccess_icon.png'>解绑成功",
"unbindFailue": "解绑失败", "unbindFailue": "<img src='../../resources/image/green_unbindSuccess_icon.png'>解绑失败",
"guideStep1Tip1": "邀请绑定成功", "guideStep1Tip1": "邀请绑定成功",
"guideStep1Tip2": "（可查看开门记录，报警记录等<br>相关门锁信息）", "guideStep1Tip2": "（受邀用户可查看开门记录，报警记录等<br>相关门锁信息）",
"guideStep3Tip": "绑定后看可了解<br>该用户的开门情况", "guideStep3Tip": "关联后可了解<br>该用户的开门情况",
"deleteSuccess": "删除成功", "deleteSuccess": "删除成功",
"deleteFailure": "删除失败", "deleteFailure": "删除失败",
"defaultName": "管理员" "defaultName": "管理员"
...@@ -290,6 +291,7 @@ ...@@ -290,6 +291,7 @@
"unlockInfo":{ "unlockInfo":{
"bindUnlockInfo": "已关联的开锁信息", "bindUnlockInfo": "已关联的开锁信息",
"noInfoTip": "尚未关联开锁信息", "noInfoTip": "尚未关联开锁信息",
"bindSoon": "快速关联",
"passwordOpenDoor": "密码", "passwordOpenDoor": "密码",
"fingerprintOpenDoor": "指纹", "fingerprintOpenDoor": "指纹",
"ICcardOpenDoor": "IC卡", "ICcardOpenDoor": "IC卡",
...@@ -298,9 +300,9 @@ ...@@ -298,9 +300,9 @@
"appRemoteOpenDoor": "app远程", "appRemoteOpenDoor": "app远程",
"hijackingAlarm": "劫持指纹", "hijackingAlarm": "劫持指纹",
"setHijack": "设为劫持", "setHijack": "设为劫持",
"setHijackTip": "确认设为劫持指纹？", "setHijackTip": "确认设为劫持指纹？设定后使用该指纹开锁时，门锁用户将会收到劫持报警",
"cancelHijack": "取消劫持", "cancelHijack": "取消劫持",
"cancelHijackTip": "确认取消劫持指纹？", "cancelHijackTip": "确认取消劫持指纹？取消后，门锁用户不再收到劫持报警",
"cancelAssociated": "取消关联", "cancelAssociated": "取消关联",
"cancelAssociatedTip": "取消关联后，开门历史记录中将不再显示关联的用户信息。", "cancelAssociatedTip": "取消关联后，开门历史记录中将不再显示关联的用户信息。",
"cancelAssociatedSuccess": "取消关联成功", "cancelAssociatedSuccess": "取消关联成功",
...@@ -308,7 +310,9 @@ ...@@ -308,7 +310,9 @@
"setHijackSuccess": "设为劫持指纹成功", "setHijackSuccess": "设为劫持指纹成功",
"setHijackFailue": "设为劫持指纹失败", "setHijackFailue": "设为劫持指纹失败",
"cancelHijackSuccess": "取消劫持指纹成功", "cancelHijackSuccess": "取消劫持指纹成功",
"cancelHijackFailue": "取消劫持指纹失败" "cancelHijackFailue": "取消劫持指纹失败",
"unlockInfoListTip": "暂无关联信息",
"noHistoryTip": "今日尚无未关联的开门记录"
}, },
"addUnlockInfo":{ "addUnlockInfo":{
"opendoorMode": "选择要关联的开锁方式", "opendoorMode": "选择要关联的开锁方式",
...@@ -326,7 +330,9 @@ ...@@ -326,7 +330,9 @@
"setHijackSwitch": "设为劫持指纹", "setHijackSwitch": "设为劫持指纹",
"guideStep1Tip": "选择需要添加关联的开门方式", "guideStep1Tip": "选择需要添加关联的开门方式",
"guideStep3Tip": "根据开门记录中的开门时间，选择关联的<br>开门ID<span>（一个ID只能被一个用户绑定）</span>", "guideStep3Tip": "根据开门记录中的开门时间，选择关联的<br>开门ID<span>（一个ID只能被一个用户绑定）</span>",
"guideStep5Tip": "使用劫持指纹开门时，会以报警形式<br>通知到该门锁名下的其他绑定用户" "guideStep5Tip": "使用劫持指纹开门时，会以报警形式<br>通知到该门锁名下的其他绑定用户",
"bindedUnlockInfo": "查看已关联信息",
"stay": "留在此页"
}, },
"myInfo":{ "myInfo":{
"editNickname": "修改昵称", "editNickname": "修改昵称",
......
dev/src/public/config.js
...@@ -27,8 +27,8 @@ export default { ...@@ -27,8 +27,8 @@ export default {
"model": "USMARTLOCK_SECURITY_SMARTDOOR_SMART_LOCK", "model": "USMARTLOCK_SECURITY_SMARTDOOR_SMART_LOCK",
"GET_MSG_INTERVAL": 5000, "GET_MSG_INTERVAL": 5000,
"wifi_add_timeout": 150000, "wifi_add_timeout": 150000,
"add_wifi_timeout": 60, "add_wifi_timeout": 90,
"active_device_timeout": 30, // "active_device_timeout": 30,
//门铃晃动间隔时间 //门铃晃动间隔时间
"await_time": 3000, "await_time": 3000,
//门铃晃动次数 //门铃晃动次数
......
dev/src/public/public.js
...@@ -101,45 +101,6 @@ uPublic.checkString = function (text){ ...@@ -101,45 +101,6 @@ uPublic.checkString = function (text){
} }
} }
uPublic.getCompleteDeviceInfo = function iOSbindToUgen(vmobj, inCompleteInfo){
let target = inCompleteInfo.model;
let nickname = target;
let product_id = target;
let deviceInfo = null
console.log("调用SDS云获取设备列表，getSDSDevice.....");
iot.business.device.getList({
data: {
sds: true
},
success: (response) => {
console.log("sds云返回设备数据。。。↓↓");
console.log(response);
response.data.map((item,index)=>{
console.log("展示sds设备...");
console.log(item);
if (item.sn == inCompleteInfo.sn) {
console.log("匹配到了sn一致...");
deviceInfo = {
mac:item.sn,
device_id:item.uuid,
nickname:nickname,
product_id:product_id
};
}
})
},
error: (err) => {
console.log(err);
return false;
},
complete: () => {
}
});
return deviceInfo;
}
uPublic.openWindow = function (params){ uPublic.openWindow = function (params){
console.log("innnnn"); console.log("innnnn");
var wv = plus.webview.create(params.url, params.id, {styles: params.styles || {} }, { IOTData: params.extras }); var wv = plus.webview.create(params.url, params.id, {styles: params.styles || {} }, { IOTData: params.extras });
......
dev/src/public/unotify.js
...@@ -70,7 +70,7 @@ class unotify{ ...@@ -70,7 +70,7 @@ class unotify{
var cid = null; var cid = null;
var oldCid = null; var oldCid = null;
try{ try{
cid = await this.getCidPeriotic(9); cid = await this.getCidPeriotic(999);
if(cid != null && cid != oldCid){ if(cid != null && cid != oldCid){
iot.business.api.send('user/updateCid',{ iot.business.api.send('user/updateCid',{
data: { data: {
......
dev/src/view/addDevice/v_wifiAdd.js
...@@ -26,9 +26,6 @@ function init() { ...@@ -26,9 +26,6 @@ function init() {
noticeTipShowFlag: false, noticeTipShowFlag: false,
timeout: null, timeout: null,
countDownText: config.add_wifi_timeout, countDownText: config.add_wifi_timeout,
wifiAddSuccess: false,
activeSuccess: false,
activing: false
}, },
mounted(){ mounted(){
resolve(this); resolve(this);
...@@ -152,25 +149,32 @@ function backTap(){ ...@@ -152,25 +149,32 @@ function backTap(){
//tap 连接 //tap 连接
function connectButtonTap(self){ function connectButtonTap(self){
self.countDownText = config.add_wifi_timeout;
self.activing = false;
let countDown = setInterval(() => {
self.countDownText --;
if((self.countDownText <= 0) && (self.wifiAddSuccess == false)){
window.clearInterval(countDown);
addFailue(self);
iot.business.sds.stopFindDevices({
success: (response) => {},
error: (error) => {}
});
}
},1000);
if(self.getTextWiFiName() == null || self.getTextWiFiName().trim() == ''){ if(self.getTextWiFiName() == null || self.getTextWiFiName().trim() == ''){
self.setTextErrorTip(Vue.t('wifiAdd.unbindWifiTip')); self.setTextErrorTip(Vue.t('wifiAdd.unbindWifiTip'));
}else if(self.getTextPassword() == null || self.getTextPassword().trim() == ''){ }else if(self.getTextPassword() == null || self.getTextPassword().trim() == ''){
self.setTextErrorTip(Vue.t('wifiAdd.passwordInputTip')); self.setTextErrorTip(Vue.t('wifiAdd.passwordInputTip'));
}else{ }else{
uComponents.showProcess(self, 0, Vue.t('addDevice.loading')); self.countDownText = config.add_wifi_timeout;
window.clearInterval(self.timeout);
self.timeout = setInterval(() => {
self.countDownText --;
if(self.countDownText <= 0){
console.log("innnnn");
window.clearInterval(self.timeout);
addFailue(self);
}
},1000);
uComponents.showProcess(self, 0, Vue.t('addDevice.loading'), [{
"class": 'custom-process-button custom-process-cancelButton', 'text': Vue.t('btn.cancel'), 'callback': () => {
uComponents.hideProcess(self);
window.clearInterval(self.timeout);
//停止配网
iot.business.sds.stopFindDevices({
success: (response) => {},
error: (error) => {}
});
}
}]);
iot.business.sds.findWifi({ iot.business.sds.findWifi({
data: { data: {
model: defaultConfig.model, model: defaultConfig.model,
...@@ -195,7 +199,17 @@ function connectButtonTap(self){ ...@@ -195,7 +199,17 @@ function connectButtonTap(self){
if (window.iotDebug) { if (window.iotDebug) {
iotDebug.upload(iot,'配网中'); iotDebug.upload(iot,'配网中');
} }
uComponents.showProcess(self, 0, Vue.t('wifiAdd.wifiBinding')); uComponents.showProcess(self, 0, Vue.t('wifiAdd.wifiBinding'), [{
"class": 'custom-process-button custom-process-cancelButton', 'text': Vue.t('btn.cancel'), 'callback': () => {
uComponents.hideProcess(self);
window.clearInterval(self.timeout);
//停止配网
iot.business.sds.stopFindDevices({
success: (response) => {},
error: (error) => {}
});
}
}]);
}else if(response.data == 'provisioned success'){ }else if(response.data == 'provisioned success'){
if(window.iotDebug){ if(window.iotDebug){
iotDebug.push('end: 配网成功'+JSON.stringify(response)); iotDebug.push('end: 配网成功'+JSON.stringify(response));
...@@ -204,7 +218,17 @@ function connectButtonTap(self){ ...@@ -204,7 +218,17 @@ function connectButtonTap(self){
iotDebug.upload(iot,'配网成功'); iotDebug.upload(iot,'配网成功');
} }
//wifi连接成功，停止连接wifi //wifi连接成功，停止连接wifi
uComponents.showProcess(self, 0, Vue.t('wifiAdd.wifiBindSuccess')); uComponents.showProcess(self, 0, Vue.t('wifiAdd.wifiBindSuccess'), [{
"class": 'custom-process-button custom-process-cancelButton', 'text': Vue.t('btn.cancel'), 'callback': () => {
uComponents.hideProcess(self);
window.clearInterval(self.timeout);
//停止配网
iot.business.sds.stopFindDevices({
success: (response) => {},
error: (error) => {}
});
}
}]);
} }
}, },
error: (error) => { error: (error) => {
...@@ -215,7 +239,6 @@ function connectButtonTap(self){ ...@@ -215,7 +239,6 @@ function connectButtonTap(self){
if (window.iotDebug) { if (window.iotDebug) {
iotDebug.upload(iot,'配网失败'); iotDebug.upload(iot,'配网失败');
} }
self.wifiAddSuccess = true;
addFailue(self); addFailue(self);
} }
}); });
...@@ -235,25 +258,18 @@ function connectButtonTap(self){ ...@@ -235,25 +258,18 @@ function connectButtonTap(self){
} }
if (window.iotDebug) { if (window.iotDebug) {
iotDebug.upload(iot,'激活中'); iotDebug.upload(iot,'激活中');
} }
self.wifiAddSuccess = true; uComponents.showProcess(self, 0, Vue.t('wifiAdd.deviceActivating'), [{
if(self.activing == false){ "class": 'custom-process-button custom-process-cancelButton', 'text': Vue.t('btn.cancel'), 'callback': () => {
self.countDownText = config.active_device_timeout; uComponents.hideProcess(self);
window.clearInterval(countDown); window.clearInterval(self.timeout);
countDown = setInterval(() => { //停止配网
self.countDownText --; iot.business.sds.stopFindDevices({
if((self.countDownText <= 0) && (self.activeSuccess == false)){ success: (response) => {},
window.clearInterval(countDown); error: (error) => {}
addFailue(self); });
iot.business.sds.stopFindDevices({ }
success: (response) => {}, }]);
error: (error) => {}
});
}
},1000);
self.activing = true;
}
uComponents.showProcess(self, 0, Vue.t('wifiAdd.deviceActivating'));
}else if(response.data == "joined success"){ }else if(response.data == "joined success"){
if(window.iotDebug){ if(window.iotDebug){
iotDebug.push('end: 激活成功'+JSON.stringify(response)); iotDebug.push('end: 激活成功'+JSON.stringify(response));
...@@ -271,11 +287,6 @@ function connectButtonTap(self){ ...@@ -271,11 +287,6 @@ function connectButtonTap(self){
iotDebug.upload(iot,'激活失败'); iotDebug.upload(iot,'激活失败');
} }
addFailue(self); addFailue(self);
//停止查找设备
iot.business.sds.stopFindDevices({
success: (response) => {},
error: (error) => {}
});
} }
}, },
error: (error) => { error: (error) => {
...@@ -286,20 +297,10 @@ function connectButtonTap(self){ ...@@ -286,20 +297,10 @@ function connectButtonTap(self){
if (window.iotDebug) { if (window.iotDebug) {
iotDebug.upload(iot); iotDebug.upload(iot);
} }
self.activeSuccess = true;
addFailue(self); addFailue(self);
} }
}); });
} }
// self.timeout = setTimeout(function (){
// console.log("timeout");
// window.clearTimeout(self.timeout);
// addFailue(self);
// iot.business.sds.stopFindDevices({
// success: (response) => {},
// error: (error) => {}
// });
// },config.wifi_add_timeout);
} }
function joinedSuccess(self, response){ function joinedSuccess(self, response){
...@@ -362,7 +363,6 @@ function sendDeviceStatus(self, deviceId, productId, uuid){ ...@@ -362,7 +363,6 @@ function sendDeviceStatus(self, deviceId, productId, uuid){
error: (error) => { error: (error) => {
console.log(error); console.log(error);
uPublic.openRequestErrorAlert(self); uPublic.openRequestErrorAlert(self);
self.activeSuccess = true;
uComponents.hideProcess(self); uComponents.hideProcess(self);
}, },
complete(){} complete(){}
...@@ -415,7 +415,6 @@ function bind(self, deviceId, productId){ ...@@ -415,7 +415,6 @@ function bind(self, deviceId, productId){
let data = response.data; let data = response.data;
if(data.success){ if(data.success){
addSuccess(self); addSuccess(self);
self.activeSuccess = true;
} }
if(window.iotDebug){ if(window.iotDebug){
iotDebug.push('end: 绑定成功'+JSON.stringify(response)); iotDebug.push('end: 绑定成功'+JSON.stringify(response));
...@@ -432,7 +431,6 @@ function bind(self, deviceId, productId){ ...@@ -432,7 +431,6 @@ function bind(self, deviceId, productId){
if (window.iotDebug) { if (window.iotDebug) {
iotDebug.upload(iot,'绑定失败'); iotDebug.upload(iot,'绑定失败');
} }
self.activeSuccess = true;
addFailue(self); addFailue(self);
}, },
complete: () => {} complete: () => {}
...@@ -440,6 +438,12 @@ function bind(self, deviceId, productId){ ...@@ -440,6 +438,12 @@ function bind(self, deviceId, productId){
} }
function addFailue(self){ function addFailue(self){
//停止配网
iot.business.sds.stopFindDevices({
success: (response) => {},
error: (error) => {}
});
window.clearInterval(self.timeout);
uComponents.showProcess(self, 2, Vue.t('wifiAdd.deviceActivateFailure'), [{ uComponents.showProcess(self, 2, Vue.t('wifiAdd.deviceActivateFailure'), [{
"class": 'custom-process-button', 'text': Vue.t('addDevice.reBindDevice'), 'callback': () => { "class": 'custom-process-button', 'text': Vue.t('addDevice.reBindDevice'), 'callback': () => {
//激活失败 //激活失败
...@@ -449,6 +453,12 @@ function addFailue(self){ ...@@ -449,6 +453,12 @@ function addFailue(self){
} }
function addSuccess(self){ function addSuccess(self){
//停止配网
iot.business.sds.stopFindDevices({
success: (response) => {},
error: (error) => {}
});
window.clearInterval(self.timeout);
self.noticeTipShowFlag = !iot.native.isNotifycationOpen(); self.noticeTipShowFlag = !iot.native.isNotifycationOpen();
if(self.noticeTipShowFlag){ if(self.noticeTipShowFlag){
uComponents.showProcess(self, 1, Vue.t('wifiAdd.deviceActivateSuccess'), [{ uComponents.showProcess(self, 1, Vue.t('wifiAdd.deviceActivateSuccess'), [{
......
dev/src/view/device/v_index.js
...@@ -866,12 +866,18 @@ async function sdsDataPorcessing(self, data){ ...@@ -866,12 +866,18 @@ async function sdsDataPorcessing(self, data){
break; break;
case '6': case '6':
//远程开门超时 //远程开门超时
uComponents.openAlert(self, Vue.t('remoteOpendoor.remoteTimeout'), { if(self.getRemoteOpendoorShowFlag()){
text: Vue.t('dialog.confirm'), callback: function () { uComponents.openAlert(self, Vue.t('remoteOpendoor.remoteTimeout'), {
self.setValueRemoteOpendoor(false); text: Vue.t('dialog.confirm'), callback: function () {
self.setRemoteOpendoorDisabledFlag(true); self.setValueRemoteOpendoor(false);
} self.setRemoteOpendoorDisabledFlag(true);
}); self.setRemoteOpendoorShowFlag(false);
}
});
}else{
self.setValueRemoteOpendoor(false);
self.setRemoteOpendoorDisabledFlag(true);
}
break; break;
} }
break; break;
...@@ -1031,10 +1037,10 @@ function notifyDataProcessing(self, payload){ ...@@ -1031,10 +1037,10 @@ function notifyDataProcessing(self, payload){
// //历史记录信息只拿一遍，不需要轮询 // //历史记录信息只拿一遍，不需要轮询
// getLockInfo(self); // getLockInfo(self);
// break; // break;
// case 'ring': case 'ring':
// //门铃 //门铃
// setBellRing(self, payload.time); setBellRing(self, payload.time);
// break; break;
case 'remoteOpen': case 'remoteOpen':
//远程开门 //远程开门
setRemoteOpendoor(self, payload.time); setRemoteOpendoor(self, payload.time);
......
dev/src/view/doorlockManage/v_editName.js
...@@ -37,6 +37,9 @@ function init() { ...@@ -37,6 +37,9 @@ function init() {
setTextErrorTip(text){ setTextErrorTip(text){
this.textErrorTip = text; this.textErrorTip = text;
}, },
getTextErrorTip(){
return this.textErrorTip;
},
onNameChange(text){ onNameChange(text){
nameChange(this,text); nameChange(this,text);
}, },
...@@ -83,13 +86,9 @@ function initComponentsConfig() { ...@@ -83,13 +86,9 @@ function initComponentsConfig() {
} }
function nameChange(self,text){ function nameChange(self,text){
if(uPublic.checkString(text)){ self.setTextName(text);
self.setTextErrorTip(Vue.t('editNickname.nickNameTypeTip')); self.setTextErrorTip('');
}else{ console.log('nameChange: ' + self.textName);
self.setTextName(text);
self.setTextErrorTip('');
console.log('nameChange: ' + self.textName);
}
} }
//tap < //tap <
...@@ -108,7 +107,9 @@ function backTap(){ ...@@ -108,7 +107,9 @@ function backTap(){
function saveTap(self){ function saveTap(self){
if(self.getTextName() == null || self.getTextName().trim() == ''){ if(self.getTextName() == null || self.getTextName().trim() == ''){
self.setTextErrorTip(Vue.t('editName.error.nameCanNotBeBlank')); self.setTextErrorTip(Vue.t('editName.error.nameCanNotBeBlank'));
}else{ }else if(uPublic.checkString(self.getTextName())){
self.setTextErrorTip(Vue.t('textTip.textType'));
}else if(self.getTextErrorTip() == ''){
uComponents.showLoading(self); uComponents.showLoading(self);
iot.business.device.setName({ iot.business.device.setName({
data: { data: {
......
dev/src/view/doorlockManage/v_index.js
...@@ -63,8 +63,6 @@ function init() { ...@@ -63,8 +63,6 @@ function init() {
console.log("returnPage"); console.log("returnPage");
getDoorlockInfo(self); getDoorlockInfo(self);
}); });
}, },
methods:{ methods:{
getStateShowFlag(){ getStateShowFlag(){
...@@ -397,5 +395,4 @@ function unbindStateDialogTap(self){ ...@@ -397,5 +395,4 @@ function unbindStateDialogTap(self){
// id: 'device' // id: 'device'
// }); // });
// } // }
} }
dev/src/view/doorlockUsers/v_addUnlockInfo.js
...@@ -224,10 +224,10 @@ function resolve(self){ ...@@ -224,10 +224,10 @@ function resolve(self){
async function showGuide(self){ async function showGuide(self){
self.setGuideShowFlag(true); self.setGuideShowFlag(true);
try{ try{
let time = await sleep(1000); let time = await sleep(500);
self.setGuideStep1ShowFlag(true); self.setGuideStep1ShowFlag(true);
time = await sleep(1000); time = await sleep(500);
self.setGuideStep2ShowFlag(true); self.setGuideStep2ShowFlag(true);
} }
catch (err){ catch (err){
...@@ -244,10 +244,10 @@ function nextButtonTap(self){ ...@@ -244,10 +244,10 @@ function nextButtonTap(self){
async function nextGuide(self){ async function nextGuide(self){
try{ try{
let time = await sleep(1000); let time = await sleep(500);
self.setGuideStep3ShowFlag(true); self.setGuideStep3ShowFlag(true);
time = await sleep(1000); time = await sleep(500);
self.setGuideStep4ShowFlag(true); self.setGuideStep4ShowFlag(true);
} }
catch (err){ catch (err){
...@@ -264,10 +264,10 @@ function nextStepButtonTap(self){ ...@@ -264,10 +264,10 @@ function nextStepButtonTap(self){
async function nextStepGuide(self){ async function nextStepGuide(self){
try{ try{
let time = await sleep(1000); let time = await sleep(500);
self.setGuideStep5ShowFlag(true); self.setGuideStep5ShowFlag(true);
time = await sleep(1000); time = await sleep(500);
self.setGuideStep6ShowFlag(true); self.setGuideStep6ShowFlag(true);
} }
catch (err){ catch (err){
......
dev/src/view/doorlockUsers/v_addUser.js
...@@ -92,20 +92,18 @@ function backTap(){ ...@@ -92,20 +92,18 @@ function backTap(){
} }
function nameChange(self,text){ function nameChange(self,text){
if(uPublic.checkString(text)){ self.textName = text;
self.setTextErrorTip(Vue.t('editNickname.nickNameTypeTip')); self.setTextErrorTip('');
}else{ console.log('nameChange: ' + self.textName);
self.textName = text;
self.setTextErrorTip(null);
console.log('nameChange: ' + self.textName);
}
} }
//tap 确定 //tap 确定
function confirmButtonTap(self){ function confirmButtonTap(self){
if(self.getTextName() == null || self.getTextName().trim() == ''){ if(self.getTextName() == null || self.getTextName().trim() == ''){
self.setTextErrorTip(Vue.t('addUser.error.nameCanNotEmpty')); self.setTextErrorTip(Vue.t('addUser.error.nameCanNotEmpty'));
}else{ }else if(uPublic.checkString(self.getTextName())){
self.setTextErrorTip(Vue.t('textTip.textType'));
}else if(self.getTextErrorTip() == ''){
uComponents.showLoading(self); uComponents.showLoading(self);
iot.business.api.sendCustom('lock/addLockUser',{ iot.business.api.sendCustom('lock/addLockUser',{
data: { data: {
......
dev/src/view/doorlockUsers/v_doorlockUser.js
...@@ -19,7 +19,7 @@ function init() { ...@@ -19,7 +19,7 @@ function init() {
userInfo: {}, userInfo: {},
bindShowFlag: true, bindShowFlag: true,
unbindShowFlag: false, unbindShowFlag: false,
stateShowFlag: false, // stateShowFlag: false,
guideShowFlag: false, guideShowFlag: false,
guideStep1ShowFlag: false, guideStep1ShowFlag: false,
guideStep2ShowFlag: false, guideStep2ShowFlag: false,
...@@ -29,7 +29,7 @@ function init() { ...@@ -29,7 +29,7 @@ function init() {
componentsConfig: initComponentsConfig(), componentsConfig: initComponentsConfig(),
extras: {}, extras: {},
imageSrc: '../../resources/image/green_unbindSuccess_icon.png', imageSrc: '../../resources/image/green_unbindSuccess_icon.png',
textBindTip: Vue.t('doorlockUser.unbindSuccess'), // textBindTip: Vue.t('doorlockUser.unbindSuccess'),
role: null, role: null,
info: null, info: null,
isFirstAddUser: true isFirstAddUser: true
...@@ -63,12 +63,12 @@ function init() { ...@@ -63,12 +63,12 @@ function init() {
setUnbindShowFlag(boolean){ setUnbindShowFlag(boolean){
this.unbindShowFlag = boolean; this.unbindShowFlag = boolean;
}, },
getStateShowFlag(){ // getStateShowFlag(){
return this.stateShowFlag; // return this.stateShowFlag;
}, // },
setStateShowFlag(boolean){ // setStateShowFlag(boolean){
this.stateShowFlag = boolean; // this.stateShowFlag = boolean;
}, // },
getGuideShowFlag(){ getGuideShowFlag(){
return this.guideShowFlag; return this.guideShowFlag;
}, },
...@@ -102,9 +102,9 @@ function init() { ...@@ -102,9 +102,9 @@ function init() {
setImageSrc(src){ setImageSrc(src){
this.imageSrc = src; this.imageSrc = src;
}, },
setTextBindTip(tip){ // setTextBindTip(tip){
this.textBindTip = tip; // this.textBindTip = tip;
}, // },
getInfo(){ getInfo(){
return this.info; return this.info;
}, },
...@@ -139,9 +139,9 @@ function init() { ...@@ -139,9 +139,9 @@ function init() {
onDeleteUserButtonTap(){ onDeleteUserButtonTap(){
deleteUserButtonTap(this); deleteUserButtonTap(this);
}, },
onUnbindStateDialogTap(){ // onUnbindStateDialogTap(){
unbindStateDialogTap(this); // unbindStateDialogTap(this);
}, // },
//tap 下一步 //tap 下一步
onNextButtonTap(){ onNextButtonTap(){
nextButtonTap(this); nextButtonTap(this);
...@@ -241,10 +241,10 @@ async function showGuide(self){ ...@@ -241,10 +241,10 @@ async function showGuide(self){
console.log(self.userInfo.role); console.log(self.userInfo.role);
if(self.userInfo.role == 0){ if(self.userInfo.role == 0){
try{ try{
time = await sleep(1000); time = await sleep(500);
self.setGuideStep3ShowFlag(true), self.setGuideStep3ShowFlag(true),
time = await sleep(1000); time = await sleep(500);
self.setGuideStep4ShowFlag(true); self.setGuideStep4ShowFlag(true);
} }
catch (err){ catch (err){
...@@ -298,7 +298,9 @@ function getUserInfo(self){ ...@@ -298,7 +298,9 @@ function getUserInfo(self){
if(data){ if(data){
self.setInfo(data); self.setInfo(data);
setUserInfo(self, data); setUserInfo(self, data);
checkFirstAddUser(self); if(self.role == 0){
checkFirstAddUser(self);
}
}else{} }else{}
}, },
...@@ -350,7 +352,7 @@ function backTap(){ ...@@ -350,7 +352,7 @@ function backTap(){
//tap 编辑用户昵称 //tap 编辑用户昵称
function editNameTap(self){ function editNameTap(self){
if(!self.role && self.getUnbindShowFlag()){ if(!self.role && !self.isFirstAddUser){
iot.navigator.openWindow({ iot.navigator.openWindow({
url: './editName.html', url: './editName.html',
id: 'editName', id: 'editName',
...@@ -398,15 +400,23 @@ function unbindButtonTap(self){ ...@@ -398,15 +400,23 @@ function unbindButtonTap(self){
}, },
success: (response) => { success: (response) => {
console.log(response); console.log(response);
self.setStateShowFlag(true); // self.setStateShowFlag(true);
getUserInfo(self); uComponents.openAlert(self, Vue.t('doorlockUser.unbindSuccess'), {
text: Vue.t('dialog.confirm'), callback: function () {
getUserInfo(self);
}
});
}, },
error: (error) => { error: (error) => {
console.log(error); console.log(error);
uPublic.openRequestErrorAlert(self); // uPublic.openRequestErrorAlert(self);
self.setImageSrc('../../resources/image/green_unbindFail_icon.png'); // self.setImageSrc('../../resources/image/green_unbindFail_icon.png');
self.setTextBindTip(Vue.t('doorlockUser.unbindFailue')); // self.setTextBindTip(Vue.t('doorlockUser.unbindFailue'));
self.setStateShowFlag(true); // self.setStateShowFlag(true);
uComponents.openAlert(self, Vue.t('doorlockUser.unbindFailue'), {
text: Vue.t('dialog.confirm'), callback: function () {
}
});
}, },
complete: () => { complete: () => {
uComponents.hideLoading(self); uComponents.hideLoading(self);
...@@ -416,9 +426,14 @@ function unbindButtonTap(self){ ...@@ -416,9 +426,14 @@ function unbindButtonTap(self){
error: (error) => { error: (error) => {
console.log(error); console.log(error);
uPublic.openRequestErrorAlert(self); uPublic.openRequestErrorAlert(self);
self.setImageSrc('../../resources/image/green_unbindFail_icon.png'); // self.setImageSrc('../../resources/image/green_unbindFail_icon.png');
self.setTextBindTip(Vue.t('doorlockUser.unbindFailue')); // self.setTextBindTip(Vue.t('doorlockUser.unbindFailue'));
self.setStateShowFlag(true); // self.setStateShowFlag(true);
uComponents.openAlert(self, Vue.t('doorlockUser.unbindSuccess'), {
text: Vue.t('dialog.confirm'), callback: function () {
getUserInfo(self);
}
});
}, },
complete: () => { complete: () => {
} }
...@@ -427,12 +442,12 @@ function unbindButtonTap(self){ ...@@ -427,12 +442,12 @@ function unbindButtonTap(self){
); );
} }
function unbindStateDialogTap(self){ //function unbindStateDialogTap(self){
self.setStateShowFlag(false); // self.setStateShowFlag(false);
self.setBindShowFlag(true); // self.setBindShowFlag(true);
self.setUnbindShowFlag(false); // self.setUnbindShowFlag(false);
self.userInfo.image = '../../resources/image/gray_unbindHead_icon.png'; // self.userInfo.image = '../../resources/image/gray_unbindHead_icon.png';
} //}
//tap 绑定开锁信息 //tap 绑定开锁信息
function bindUnlockInfoTap(self){ function bindUnlockInfoTap(self){
...@@ -451,7 +466,7 @@ function bindUnlockInfoTap(self){ ...@@ -451,7 +466,7 @@ function bindUnlockInfoTap(self){
//tap 历史开门记录 //tap 历史开门记录
function opendoorRecordTap(self){ function opendoorRecordTap(self){
if(self.getUnbindShowFlag()){ if(!self.isFirstAddUser){
iot.navigator.openWindow({ iot.navigator.openWindow({
url: '../device/opendoorRecord.html', url: '../device/opendoorRecord.html',
id: 'opendoorRecord', id: 'opendoorRecord',
...@@ -527,10 +542,10 @@ function deleteUser(self){ ...@@ -527,10 +542,10 @@ function deleteUser(self){
}, },
error: (error) => { error: (error) => {
console.log(error); console.log(error);
uPublic.openRequestErrorAlert(self); uComponents.openAlert(self, Vue.t('doorlockUser.deleteFailure'), {
self.setImageSrc('../../resources/image/green_unbindFail_icon.png'); text: Vue.t('btn.confirm'), callback: function () {
self.setTextBindTip(Vue.t('doorlockUser.unbindFailue')); }
self.setStateShowFlag(true); });
}, },
complete: () => { complete: () => {
} }
......
dev/src/view/doorlockUsers/v_editName.js
...@@ -92,7 +92,9 @@ function backTap(){ ...@@ -92,7 +92,9 @@ function backTap(){
function saveTap(self){ function saveTap(self){
if(self.getTextName() == null || self.getTextName().trim() == ''){ if(self.getTextName() == null || self.getTextName().trim() == ''){
self.setTextErrorTip(Vue.t('editName.error.nicknameCanNotBeBlank')); self.setTextErrorTip(Vue.t('editName.error.nicknameCanNotBeBlank'));
}else{ }else if(uPublic.checkString(self.getTextName())){
self.setTextErrorTip(Vue.t('textTip.textType'));
}else if(self.getTextErrorTip() == ''){
uComponents.showLoading(self); uComponents.showLoading(self);
iot.business.api.sendCustom('lock/setLockUserName',{ iot.business.api.sendCustom('lock/setLockUserName',{
data: { data: {
...@@ -149,11 +151,7 @@ function saveTap(self){ ...@@ -149,11 +151,7 @@ function saveTap(self){
} }
function nameChange(self,text){ function nameChange(self,text){
if(uPublic.checkString(text)){ self.textName = text;
self.setTextErrorTip(Vue.t('editNickname.nickNameTypeTip')); self.setTextErrorTip('');
}else{ console.log('nameChange: ' + self.textName);
self.textName = text;
self.setTextErrorTip(null);
console.log('nameChange: ' + self.textName);
}
} }
\ No newline at end of file
dev/src/view/myInfo/v_editNickname.js
...@@ -79,7 +79,9 @@ function initComponentsConfig() { ...@@ -79,7 +79,9 @@ function initComponentsConfig() {
function saveTap(self){ function saveTap(self){
if(self.textNickName == null || self.textNickName.trim() == ''){ if(self.textNickName == null || self.textNickName.trim() == ''){
self.textErrorTip = Vue.t('editNickname.nickNameInputTip'); self.textErrorTip = Vue.t('editNickname.nickNameInputTip');
}else{ }else if(uPublic.checkString(self.textNickName)){
self.textErrorTip = Vue.t('textTip.textType');
}else if(self.textErrorTip == ''){
uComponents.showLoading(self); uComponents.showLoading(self);
iot.business.user.setInfo({ iot.business.user.setInfo({
data: { data: {
...@@ -119,10 +121,6 @@ function backTap(){ ...@@ -119,10 +121,6 @@ function backTap(){
} }
function nicknameChange(self, text){ function nicknameChange(self, text){
if(uPublic.checkString(text)){ self.textNickName = text;
self.textErrorTip = Vue.t('editNickname.nickNameTypeTip'); self.textErrorTip = '';
}else{
self.textNickName = text;
self.textErrorTip = '';
}
} }
dev/src/view/myInfo/v_index.js
...@@ -124,10 +124,10 @@ function logoutButtonTap(self){ ...@@ -124,10 +124,10 @@ function logoutButtonTap(self){
// sds: false // sds: false
}, },
success: (response) => { success: (response) => {
console.log("sdsLogout:"+response); console.log("sdsLogout:"+response);
let sdsResponse = response; let sdsResponse = response;
iot.business.websql.delMaps(['utoken', 'userinfo'], (response) => { iot.business.websql.delMaps(['utoken', 'userinfo'], (response) => {
iot.storage.delMaps(['historyId','history'], (response) => { iot.storage.delMaps(['historyId','history','isFirstAddUser','isFristAddUnlockInfo'], (response) => {
console.log("clearMap"+response); console.log("clearMap"+response);
//打开首页 //打开首页
iot.navigator.openWindow({ iot.navigator.openWindow({
......
web/lib/less/device/device.less
...@@ -232,6 +232,7 @@ ...@@ -232,6 +232,7 @@
right: 0; right: 0;
height: 1px;/*no*/ height: 1px;/*no*/
.white_gradient_border(); .white_gradient_border();
z-index: 1;
} }
&:after{ &:after{
content: ''; content: '';
......
web/lib/less/doorlockManage/doorlockManage.less
...@@ -230,7 +230,7 @@ ...@@ -230,7 +230,7 @@
height: auto; height: auto;
text-align: center; text-align: center;
color: #00ffff; color: #00ffff;
margin: 0.72rem auto 0; margin: 0 auto;
padding: 0.267rem 0; padding: 0.267rem 0;
} }
...@@ -291,8 +291,12 @@ ...@@ -291,8 +291,12 @@
.custom-dialog{ .custom-dialog{
.u-dialog-box{ .u-dialog-box{
.u-dialog-content{ .u-dialog-content{
span{ // span{
.bgImgSize(51px,51px,"green_unbindSuccess_icon.png",center,cover); // .bgImgSize(51px,51px,"green_unbindSuccess_icon.png",center,cover);
// }
img{
width: 51px;
height: 51px;
} }
} }
} }
......
web/lib/less/doorlockUsers/doorlockUser.less
...@@ -129,7 +129,7 @@ ...@@ -129,7 +129,7 @@
} }
.disabled{ .disabled{
color: #ccc; color: #575a6d;
} }
} }
...@@ -365,4 +365,15 @@ ...@@ -365,4 +365,15 @@
// //
.userInfo-title-disabled:after { .userInfo-title-disabled:after {
display: none; display: none;
}
.custom-dialog{
.u-dialog-box{
.u-dialog-content{
img{
width: 51px;
height: 51px;
}
}
}
} }
\ No newline at end of file
web/lib/less/doorlockUsers/unlockInfo.less
...@@ -50,52 +50,98 @@ ...@@ -50,52 +50,98 @@
.u-swipe-list(); .u-swipe-list();
.custom-swipe-list{ .tab{
position: absolute; .display-box();
top: 44px; position: relative;
bottom: 0; border-bottom: 1px solid #575a6d;/*no*/
left: 0; li{
height: auto; .flex();
.u-swipe-list-scroll .u-swipe-list-row{ text-align: center;
.u-swipe-list-handle{ height: 45px;
background-color: @CUSTOM-UNLOCKINFO-SWIPELIST-COMPONENT-ROW-BG; line-height: 45px;
padding: 0 42px; position: relative;
height: 55px; color: #575a6d;
font-size: @CUSTOM-UNLOCKINFO-SWIPELIST-COMPONENT-TEXT-FONTSIZE; font-size: 16px;
.u-swipe-list-title{ &:after{
float: left; content: '';
} position: absolute;
.u-swipe-list-subtitle{ bottom: 0;
float: right; left: 0;
} right: 0;
} height: 2px /*except*/;
.u-swipe-list-button{ background-color: transparent;
right: 32px; }
div{ }
width: 85px; .active{
color: @CUSTOM-UNLOCKINFO-SWIPELIST-COMPONENT-BUTTON-COLOR; color: #fff;
font-size: @CUSTOM-UNLOCKINFO-SWIPELIST-COMPONENT-BUTTON-FONTSIZE; &:after{
&:nth-last-of-type(1), background-color: #FFF;
&:nth-last-of-type(2){ }
background-color: @CUSTOM-UNLOCKINFO-SWIPELIST-COMPONENT-BUTTON-BG; }
} }
}
} .infoList-list{
&:after{ width: 100%;
.white_gradient_border(); overflow: auto;
} position: absolute;
&.active .u-swipe-list-handle{ top: 90px;
left: -202px; bottom: 0;
} left: 0;
} .infoList-list-scroll .infoList-list-row{
//上拉加载 position: relative;
.u-swipe-list-load{ height: 55px;
.listLoad(); padding: 0 42px;
} .display-box();
//swipeList 无内容 .box-vertical-alignment();
.u-swipeList-tip{ .infoList-list-handle{
.listNoCont("unlockNoCont.png",70px 70px); .u-swipe-list-title{
} .text_oneRow_ellipsis();
font-size: 16px;
}
.u-swipe-list-subtitle{
.text_oneRow_ellipsis();
}
}
.infoList-list-button{
position: absolute;
top: 0;
bottom: 0;
right: 25px;
z-index: 1;
.display-box();
.box-vertical-alignment();
.infoList-list-buttonCont{
float: left;
padding: 10px;
margin: 0 5px;
img{
width: 23px;
height: 23px;
}
}
}
&:after{
.defaultBorder();
.white_gradient_border();
}
}
//上拉加载
.infoList-list-load{
text-align: center;
}
//list 无内容
.infoList-list-tip{
.transformV_center(left,0);
width: 100%;
text-align: center;
.listNoCont("unlockNoCont.png",70px 70px);
}
//list 无历史记录
.noHistory-list-tip{
.listNoCont("noCont.png",70px 70px);
}
} }
//绑定开锁信息 //绑定开锁信息
......
web/lib/less/public/variables.less
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
@C_RED_1: #fc2168; @C_RED_1: #fc2168;
@C_GRAY: #bbb; @C_GRAY: #bbb;
@C_GRAY_1: #ddd; @C_GRAY_1: #ddd;
@C_GRAY_2: #999; @C_GRAY_2: #575a6d;
@C_GRAY_3: #91929a; @C_GRAY_3: #91929a;
@C_GRAY_4: #959595; @C_GRAY_4: #959595;
@C_GRAY_5: #898989; @C_GRAY_5: #898989;
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
@BLACK_OPACITY: fade(@C_BLACK,80%); @BLACK_OPACITY: fade(@C_BLACK,80%);
@BLACK_OPACITY_1: fade(@C_BLACK,40%); @BLACK_OPACITY_1: fade(@C_BLACK,40%);
@WHITE_OPACITY: fade(@C_WHITE,0); @WHITE_OPACITY: fade(@C_WHITE,0);
@BLUE_OPACITY: fade(@C_BLUE_2,90%); @BLUE_OPACITY: fade(@C_BLUE_2,94%);
@GRAY_OPACITY: fade(@C_GRAY_2,5%); @GRAY_OPACITY: fade(@C_GRAY_2,5%);
//font-sizes //font-sizes
......
web/resources/image/noCont.png
web/resources/image/noCont.png

3.54 KB | W: | H:

web/resources/image/noCont.png

3.62 KB | W: | H:

web/resources/image/noCont.png
web/resources/image/noCont.png
web/resources/image/noCont.png
web/resources/image/noCont.png
  • 2-up
  • Swipe
  • Onion skin
web/resources/image/unlockNoCont.png
web/resources/image/unlockNoCont.png

5.4 KB | W: | H:

web/resources/image/unlockNoCont.png

5.35 KB | W: | H:

web/resources/image/unlockNoCont.png
web/resources/image/unlockNoCont.png
web/resources/image/unlockNoCont.png
web/resources/image/unlockNoCont.png
  • 2-up
  • Swipe
  • Onion skin
web/view/addDevice/addDevice.css
...@@ -100,7 +100,7 @@ p { ...@@ -100,7 +100,7 @@ p {
} }
.custom-loading { .custom-loading {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-loading .u-loading-box { .custom-loading .u-loading-box {
...@@ -303,7 +303,7 @@ p { ...@@ -303,7 +303,7 @@ p {
} }
.custom-dialog { .custom-dialog {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-dialog .u-dialog-box { .custom-dialog .u-dialog-box {
...@@ -372,7 +372,7 @@ p { ...@@ -372,7 +372,7 @@ p {
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled, .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled,
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
...@@ -672,7 +672,7 @@ p { ...@@ -672,7 +672,7 @@ p {
.custom-help-button.disabled, .custom-help-button.disabled,
.custom-button.disabled { .custom-button.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.inputBox { .inputBox {
......
web/view/bindUser/bindUser.css
...@@ -100,7 +100,7 @@ p { ...@@ -100,7 +100,7 @@ p {
} }
.custom-loading { .custom-loading {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-loading .u-loading-box { .custom-loading .u-loading-box {
...@@ -303,7 +303,7 @@ p { ...@@ -303,7 +303,7 @@ p {
} }
.custom-dialog { .custom-dialog {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-dialog .u-dialog-box { .custom-dialog .u-dialog-box {
...@@ -372,7 +372,7 @@ p { ...@@ -372,7 +372,7 @@ p {
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled, .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled,
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
...@@ -506,7 +506,7 @@ p { ...@@ -506,7 +506,7 @@ p {
.custom-help-button.disabled, .custom-help-button.disabled,
.custom-button.disabled { .custom-button.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.linkText { .linkText {
......
web/view/device/device.css
...@@ -100,7 +100,7 @@ p { ...@@ -100,7 +100,7 @@ p {
} }
.custom-loading { .custom-loading {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-loading .u-loading-box { .custom-loading .u-loading-box {
...@@ -303,7 +303,7 @@ p { ...@@ -303,7 +303,7 @@ p {
} }
.custom-dialog { .custom-dialog {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-dialog .u-dialog-box { .custom-dialog .u-dialog-box {
...@@ -372,7 +372,7 @@ p { ...@@ -372,7 +372,7 @@ p {
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled, .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled,
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
...@@ -637,7 +637,7 @@ p { ...@@ -637,7 +637,7 @@ p {
.custom-button.disabled { .custom-button.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.u-comm-loading { .u-comm-loading {
...@@ -881,7 +881,7 @@ p { ...@@ -881,7 +881,7 @@ p {
} }
.custom-comm-loading { .custom-comm-loading {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-comm-loading .u-comm-loading-button { .custom-comm-loading .u-comm-loading-button {
...@@ -1153,8 +1153,8 @@ p { ...@@ -1153,8 +1153,8 @@ p {
height: 5.333rem; height: 5.333rem;
border-radius: 50%; border-radius: 50%;
margin: 0 auto; margin: 0 auto;
background-color: rgba(153, 153, 153, 0.05); background-color: rgba(87, 90, 109, 0.05);
border: 0.08rem solid rgba(153, 153, 153, 0.05); border: 0.08rem solid rgba(87, 90, 109, 0.05);
position: relative; position: relative;
} }
...@@ -1224,6 +1224,7 @@ p { ...@@ -1224,6 +1224,7 @@ p {
height: 1px; height: 1px;
background: -webkit-linear-gradient(left, #242635, #fff, #242635); background: -webkit-linear-gradient(left, #242635, #fff, #242635);
background: linear-gradient(to right, #242635, #fff, #242635); background: linear-gradient(to right, #242635, #fff, #242635);
z-index: 1;
} }
.custom-marquee:after { .custom-marquee:after {
...@@ -1640,7 +1641,7 @@ p { ...@@ -1640,7 +1641,7 @@ p {
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 1051; z-index: 1051;
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.u-notification .u-notification-box { .u-notification .u-notification-box {
...@@ -1740,7 +1741,7 @@ p { ...@@ -1740,7 +1741,7 @@ p {
.u-notification .u-notification-box .u-notification-button li.disabled { .u-notification .u-notification-box .u-notification-button li.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.u-notification .u-notification-box .clearfix { .u-notification .u-notification-box .clearfix {
......
web/view/device/notify.css
...@@ -100,7 +100,7 @@ p { ...@@ -100,7 +100,7 @@ p {
} }
.custom-loading { .custom-loading {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-loading .u-loading-box { .custom-loading .u-loading-box {
...@@ -303,7 +303,7 @@ p { ...@@ -303,7 +303,7 @@ p {
} }
.custom-dialog { .custom-dialog {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-dialog .u-dialog-box { .custom-dialog .u-dialog-box {
...@@ -372,7 +372,7 @@ p { ...@@ -372,7 +372,7 @@ p {
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled, .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled,
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
......
web/view/device/recordList.css
...@@ -100,7 +100,7 @@ p { ...@@ -100,7 +100,7 @@ p {
} }
.custom-loading { .custom-loading {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-loading .u-loading-box { .custom-loading .u-loading-box {
...@@ -303,7 +303,7 @@ p { ...@@ -303,7 +303,7 @@ p {
} }
.custom-dialog { .custom-dialog {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-dialog .u-dialog-box { .custom-dialog .u-dialog-box {
...@@ -372,7 +372,7 @@ p { ...@@ -372,7 +372,7 @@ p {
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled, .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled,
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
......
web/view/doorlockManage/doorlockManage.css
...@@ -100,7 +100,7 @@ p { ...@@ -100,7 +100,7 @@ p {
} }
.custom-loading { .custom-loading {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-loading .u-loading-box { .custom-loading .u-loading-box {
...@@ -303,7 +303,7 @@ p { ...@@ -303,7 +303,7 @@ p {
} }
.custom-dialog { .custom-dialog {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-dialog .u-dialog-box { .custom-dialog .u-dialog-box {
...@@ -372,19 +372,16 @@ p { ...@@ -372,19 +372,16 @@ p {
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled, .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled,
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
display: none; display: none;
} }
.u-dialog-box .u-dialog-content span { .u-dialog-box .u-dialog-content img {
width: 1.36rem; width: 1.36rem;
height: 1.36rem; height: 1.36rem;
background: url("../../resources/image/green_unbindSuccess_icon.png") no-repeat center;
-webkit-background-size: cover;
background-size: cover;
} }
.header { .header {
...@@ -527,7 +524,7 @@ p { ...@@ -527,7 +524,7 @@ p {
.custom-button.disabled { .custom-button.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
@media (min-width: 360px /*no*/) and (max-height: 570px /*no*/) { @media (min-width: 360px /*no*/) and (max-height: 570px /*no*/) {
...@@ -971,7 +968,7 @@ p { ...@@ -971,7 +968,7 @@ p {
height: auto; height: auto;
text-align: center; text-align: center;
color: #00ffff; color: #00ffff;
margin: 0.72rem auto 0; margin: 0 auto;
padding: 0.267rem 0; padding: 0.267rem 0;
} }
...@@ -1034,7 +1031,7 @@ p { ...@@ -1034,7 +1031,7 @@ p {
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 1051; z-index: 1051;
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.unbindState-dialog div { .unbindState-dialog div {
...@@ -1070,10 +1067,7 @@ p { ...@@ -1070,10 +1067,7 @@ p {
margin-bottom: 0.373rem; margin-bottom: 0.373rem;
} }
.custom-dialog .u-dialog-box .u-dialog-content span { .custom-dialog .u-dialog-box .u-dialog-content img {
width: 1.36rem; width: 1.36rem;
height: 1.36rem; height: 1.36rem;
background: url("../../resources/image/green_unbindSuccess_icon.png") no-repeat center;
-webkit-background-size: cover;
background-size: cover;
} }
\ No newline at end of file
web/view/doorlockManage/index.html
...@@ -56,11 +56,12 @@ ...@@ -56,11 +56,12 @@
<transition name="fade"> <transition name="fade">
<div class="u-dialog custom-dialog"v-show="unbindShowDialog"> <div class="u-dialog custom-dialog"v-show="unbindShowDialog">
<div class="u-dialog-box"> <div class="u-dialog-box">
<p class="u-dialog-content"> <div class="u-dialog-content">
<img src='../../resources/image/green_unbind_icon.png'>
{{$t('doorlockManage.unbindDialogTip')}} {{$t('doorlockManage.unbindDialogTip')}}
<u-switch :value="valueIsClear" :init-param="componentsConfig.isClearSwitch.initParam" v-show="!role" <u-switch :value="valueIsClear" :init-param="componentsConfig.isClearSwitch.initParam" v-show="!role"
v-on:u-switch-tap="onIsClearSwitchTap(arguments[0])"></u-switch> v-on:u-switch-tap="onIsClearSwitchTap(arguments[0])"></u-switch>
</p> </div>
<ul class="u-dialog-button"> <ul class="u-dialog-button">
<v-touch tag="li" class="u-dialog-cancel" v-on:tap="onCancelTap()">{{ $t('dialog.cancel') }} <v-touch tag="li" class="u-dialog-cancel" v-on:tap="onCancelTap()">{{ $t('dialog.cancel') }}
</v-touch> </v-touch>
......
web/view/doorlockUsers/doorlockUser.css
...@@ -100,7 +100,7 @@ p { ...@@ -100,7 +100,7 @@ p {
} }
.custom-loading { .custom-loading {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-loading .u-loading-box { .custom-loading .u-loading-box {
...@@ -303,7 +303,7 @@ p { ...@@ -303,7 +303,7 @@ p {
} }
.custom-dialog { .custom-dialog {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-dialog .u-dialog-box { .custom-dialog .u-dialog-box {
...@@ -372,13 +372,18 @@ p { ...@@ -372,13 +372,18 @@ p {
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled, .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled,
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
display: none; display: none;
} }
.u-dialog-box .u-dialog-content img {
width: 1.36rem;
height: 1.36rem;
}
.header { .header {
position: fixed; position: fixed;
top: 0; top: 0;
...@@ -640,7 +645,7 @@ p { ...@@ -640,7 +645,7 @@ p {
.custom-button.disabled { .custom-button.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.userInfoLink li:not(.userInfo) { .userInfoLink li:not(.userInfo) {
...@@ -760,7 +765,7 @@ p { ...@@ -760,7 +765,7 @@ p {
.userInfoLink li.userInfo .custom-unbind-button.disabled { .userInfoLink li.userInfo .custom-unbind-button.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.userInfoLink li.userInfo:after { .userInfoLink li.userInfo:after {
...@@ -774,7 +779,7 @@ p { ...@@ -774,7 +779,7 @@ p {
} }
.userInfoLink .disabled { .userInfoLink .disabled {
color: #ccc; color: #575a6d;
} }
.inviteBind { .inviteBind {
...@@ -830,7 +835,7 @@ p { ...@@ -830,7 +835,7 @@ p {
width: 100%; width: 100%;
height: 100%; height: 100%;
text-align: center; text-align: center;
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.inviteBind li p span { .inviteBind li p span {
...@@ -863,7 +868,7 @@ p { ...@@ -863,7 +868,7 @@ p {
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 1051; z-index: 1051;
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.unbindState-dialog div { .unbindState-dialog div {
...@@ -906,7 +911,7 @@ p { ...@@ -906,7 +911,7 @@ p {
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 1051; z-index: 1051;
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.guide-dialog .guideStep1 { .guide-dialog .guideStep1 {
...@@ -993,7 +998,7 @@ p { ...@@ -993,7 +998,7 @@ p {
.guide-dialog .guideStep1 .guideStep1Cont .custom-unbind-button.disabled { .guide-dialog .guideStep1 .guideStep1Cont .custom-unbind-button.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.guide-dialog .guideStep1 .guideStep1Cont:after { .guide-dialog .guideStep1 .guideStep1Cont:after {
...@@ -1056,7 +1061,7 @@ p { ...@@ -1056,7 +1061,7 @@ p {
.guide-dialog .custom-dialog-button.disabled { .guide-dialog .custom-dialog-button.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.guide-dialog .guideStep3 { .guide-dialog .guideStep3 {
...@@ -1128,4 +1133,9 @@ p { ...@@ -1128,4 +1133,9 @@ p {
.userInfo-title-disabled:after { .userInfo-title-disabled:after {
display: none; display: none;
}
.custom-dialog .u-dialog-box .u-dialog-content img {
width: 1.36rem;
height: 1.36rem;
} }
\ No newline at end of file
web/view/doorlockUsers/doorlockUser.html
...@@ -35,18 +35,18 @@ ...@@ -35,18 +35,18 @@
<u-button :init-param="componentsConfig.unbindButton.initParam" v-on:u-button-tap="onUnbindButtonTap" v-show="(unbindShowFlag && !role && userInfo.role != 0)"></u-button> <u-button :init-param="componentsConfig.unbindButton.initParam" v-on:u-button-tap="onUnbindButtonTap" v-show="(unbindShowFlag && !role && userInfo.role != 0)"></u-button>
</li> </li>
<v-touch tag="li" v-on:tap="onBindUnlockInfoTap">{{ $t('doorlockUser.bindUnlockInfo') }}</v-touch> <v-touch tag="li" v-on:tap="onBindUnlockInfoTap">{{ $t('doorlockUser.bindUnlockInfo') }}</v-touch>
<v-touch tag="li" v-bind:class="[{disabled: isFirstAddUser}]" v-on:tap="onEditNameTap">{{ $t('doorlockUser.editUsername') }}</v-touch> <v-touch tag="li" v-bind:class="[{disabled: isFirstAddUser}]" v-on:tap="onEditNameTap" v-show="!role">{{ $t('doorlockUser.editUsername') }}</v-touch>
<v-touch tag="li" v-bind:class="[{disabled: isFirstAddUser}]" v-on:tap="onOpendoorRecordTap">{{ $t('doorlockUser.opendoorRecord') }}</v-touch> <v-touch tag="li" v-bind:class="[{disabled: isFirstAddUser}]" v-on:tap="onOpendoorRecordTap">{{ $t('doorlockUser.opendoorRecord') }}</v-touch>
</ul> </ul>
<u-button :disabled="isFirstAddUser" :init-param="componentsConfig.deleteUserButton.initParam" v-on:u-button-tap="onDeleteUserButtonTap" v-show="!role && userInfo.role != 0"></u-button> <u-button :disabled="isFirstAddUser" :init-param="componentsConfig.deleteUserButton.initParam" v-on:u-button-tap="onDeleteUserButtonTap" v-show="!role && userInfo.role != 0"></u-button>
</div> </div>
<transition name="fade"> <!--<transition name="fade">
<v-touch tag="div" class="unbindState-dialog" v-show="stateShowFlag" v-on:tap="onUnbindStateDialogTap"> <v-touch tag="div" class="unbindState-dialog" v-show="stateShowFlag" v-on:tap="onUnbindStateDialogTap">
<div> <div>
<img :src="imageSrc">{{ textBindTip }} <img :src="imageSrc">{{ textBindTip }}
</div> </div>
</v-touch> </v-touch>
</transition> </transition> -->
<transition name="fade"> <transition name="fade">
<div class="guide-dialog" v-show="guideShowFlag"> <div class="guide-dialog" v-show="guideShowFlag">
<transition name="fade"> <transition name="fade">
......
web/view/doorlockUsers/unlockInfo.css
...@@ -100,7 +100,7 @@ p { ...@@ -100,7 +100,7 @@ p {
} }
.custom-loading { .custom-loading {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-loading .u-loading-box { .custom-loading .u-loading-box {
...@@ -303,7 +303,7 @@ p { ...@@ -303,7 +303,7 @@ p {
} }
.custom-dialog { .custom-dialog {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-dialog .u-dialog-box { .custom-dialog .u-dialog-box {
...@@ -372,7 +372,7 @@ p { ...@@ -372,7 +372,7 @@ p {
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled, .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled,
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
...@@ -615,64 +615,139 @@ p { ...@@ -615,64 +615,139 @@ p {
text-align: center; text-align: center;
} }
.custom-swipe-list { .tab {
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: relative;
border-bottom: 1px solid #575a6d;
}
.tab li {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
text-align: center;
height: 1.2rem;
line-height: 1.2rem;
position: relative;
color: #575a6d;
font-size: 0.427rem;
}
.tab li:after {
content: '';
position: absolute; position: absolute;
top: 1.173rem;
bottom: 0; bottom: 0;
left: 0; left: 0;
height: auto; right: 0;
height: 0.053rem ;
background-color: transparent;
} }
.custom-swipe-list .u-swipe-list-scroll .u-swipe-list-row .u-swipe-list-handle { .tab .active {
background-color: #242635; color: #fff;
padding: 0 1.12rem;
height: 1.467rem;
font-size: 0.427rem;
} }
.custom-swipe-list .u-swipe-list-scroll .u-swipe-list-row .u-swipe-list-handle .u-swipe-list-title { .tab .active:after {
float: left; background-color: #FFF;
} }
.custom-swipe-list .u-swipe-list-scroll .u-swipe-list-row .u-swipe-list-handle .u-swipe-list-subtitle { .infoList-list {
float: right; width: 100%;
overflow: auto;
position: absolute;
top: 2.4rem;
bottom: 0;
left: 0;
} }
.custom-swipe-list .u-swipe-list-scroll .u-swipe-list-row .u-swipe-list-button { .infoList-list .infoList-list-scroll .infoList-list-row {
right: 0.853rem; position: relative;
height: 1.467rem;
padding: 0 1.12rem;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
} }
.custom-swipe-list .u-swipe-list-scroll .u-swipe-list-row .u-swipe-list-button div { .infoList-list .infoList-list-scroll .infoList-list-row .infoList-list-handle .u-swipe-list-title {
width: 2.267rem; overflow: hidden;
color: #00ffff; white-space: nowrap;
text-overflow: ellipsis;
font-size: 0.427rem; font-size: 0.427rem;
} }
.custom-swipe-list .u-swipe-list-scroll .u-swipe-list-row .u-swipe-list-button div:nth-last-of-type(1), .infoList-list .infoList-list-scroll .infoList-list-row .infoList-list-handle .u-swipe-list-subtitle {
.custom-swipe-list .u-swipe-list-scroll .u-swipe-list-row .u-swipe-list-button div:nth-last-of-type(2) { overflow: hidden;
background-color: transparent; white-space: nowrap;
text-overflow: ellipsis;
} }
.custom-swipe-list .u-swipe-list-scroll .u-swipe-list-row:after { .infoList-list .infoList-list-scroll .infoList-list-row .infoList-list-button {
position: absolute;
top: 0;
bottom: 0;
right: 0.667rem;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.infoList-list .infoList-list-scroll .infoList-list-row .infoList-list-button .infoList-list-buttonCont {
float: left;
padding: 0.267rem;
margin: 0 0.133rem;
}
.infoList-list .infoList-list-scroll .infoList-list-row .infoList-list-button .infoList-list-buttonCont img {
width: 0.613rem;
height: 0.613rem;
}
.infoList-list .infoList-list-scroll .infoList-list-row:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: #bbb;
background: -webkit-linear-gradient(left, #242635, #fff, #242635); background: -webkit-linear-gradient(left, #242635, #fff, #242635);
background: linear-gradient(to right, #242635, #fff, #242635); background: linear-gradient(to right, #242635, #fff, #242635);
} }
.custom-swipe-list .u-swipe-list-scroll .u-swipe-list-row.active .u-swipe-list-handle { .infoList-list .infoList-list-load {
left: -5.387rem; text-align: center;
} }
.custom-swipe-list .u-swipe-list-load { .infoList-list .infoList-list-tip {
color: #00ffff; position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
text-align: center;
background-image: url("../../resources/image/unlockNoCont.png");
background-position: top center;
background-repeat: no-repeat;
-webkit-background-size: 1.867rem 1.867rem;
background-size: 1.867rem 1.867rem;
color: #91929a;
font-size: 0.427rem; font-size: 0.427rem;
-webkit-transform: scale(0.7); padding-top: 2.347rem;
transform: scale(0.7);
height: 0.933rem;
line-height: 0.933rem;
} }
.custom-swipe-list .u-swipeList-tip { .infoList-list .noHistory-list-tip {
background-image: url("../../resources/image/unlockNoCont.png"); background-image: url("../../resources/image/noCont.png");
background-position: top center; background-position: top center;
background-repeat: no-repeat; background-repeat: no-repeat;
-webkit-background-size: 1.867rem 1.867rem; -webkit-background-size: 1.867rem 1.867rem;
...@@ -1058,7 +1133,7 @@ p { ...@@ -1058,7 +1133,7 @@ p {
.custom-button.disabled { .custom-button.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.guide-dialog { .guide-dialog {
...@@ -1068,7 +1143,7 @@ p { ...@@ -1068,7 +1143,7 @@ p {
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 1051; z-index: 1051;
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.guide-dialog .guideStep1 { .guide-dialog .guideStep1 {
...@@ -1278,7 +1353,7 @@ p { ...@@ -1278,7 +1353,7 @@ p {
.guide-dialog .custom-dialog-button.disabled { .guide-dialog .custom-dialog-button.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
@media (min-width: 360px /*no*/) and (max-height: 570px /*no*/) { @media (min-width: 360px /*no*/) and (max-height: 570px /*no*/) {
......
web/view/doorlockUsers/unlockInfo.html
...@@ -19,17 +19,41 @@ ...@@ -19,17 +19,41 @@
<script type="text/javascript" src="../../lib/js/UIOT.js"></script> <script type="text/javascript" src="../../lib/js/UIOT.js"></script>
</head> </head>
<body ontouchstart=""> <body ontouchstart="">
<div id="app" v-cloak> <div id="app" v-cloak>
<div class="header"> <div class="header">
<v-touch tag="span" class="header-left icon" v-on:tap="onBackTap">&#xe611;</v-touch> <v-touch tag="span" class="header-left icon" v-on:tap="onBackTap">&#xe611;</v-touch>
<p>{{ $t('title.unlockInfo') }}</p> <p>{{ $t('title.unlockInfo') }}</p>
<v-touch tag="span" class="header-right" v-on:tap="onAddTap" v-show="!role">{{ $t('btn.add') }}</v-touch> <!--<v-touch tag="span" class="header-right" v-on:tap="onAddTap" v-show="!role">{{ $t('btn.add') }}</v-touch>-->
</div> </div>
<div class="content"> <div class="content">
<p class="title">{{ $t('unlockInfo.bindUnlockInfo') }}</p> <!--<p class="title">{{ $t('unlockInfo.bindUnlockInfo') }}</p>-->
<u-swipe-list ref="uswipelist" :init-param="componentsConfig.unlockInfoList.initParam" <ul class="tab">
v-on:u-swipe-list-button-tap="onUnlockInfoListButtonTap(arguments[0],arguments[1])"></u-swipe-list> <v-touch tag="li" v-for="(item, key, index) in lockItems" v-text="lockItems[key].text"
:class="{active: (selectItem == key)}" v-on:tap="onItemChange(key)">
</v-touch>
</ul>
<!--<u-swipe-list ref="uswipelist" :init-param="componentsConfig.unlockInfoList.initParam"
v-on:u-swipe-list-button-tap="onUnlockInfoListButtonTap(arguments[0],arguments[1])"></u-swipe-list>-->
<div class="infoList-list" ref="infoList" >
<ul class="infoList-list-scroll" v-show="infoList.length">
<li class="infoList-list-row" v-for="(item, index) in infoList">
<div class="infoList-list-handle">
<p class="infoList-list-title">{{ item.title }}</p>
<p class="infoList-list-subtitle">{{ item.subtitle }}</p>
</div>
<div class="infoList-list-button">
<v-touch tag="div" class="infoList-list-buttonCont" v-for="(button, buttonIndex) in item.buttons" v-show="button.imgSrc" v-on:tap="onImgButtonTap(index, buttonIndex)">
<img :src="button.imgSrc">
</v-touch>
</div>
</li>
<!--<v-touch tag="li" class="infoList-list-load" v-on:tap="onTapLoad" v-show="loadShowFlag">
<span class="infoList-list-load-animation" v-show="loadFlag"></span>
{{ loadText }}
</v-touch>-->
</ul>
<p class="infoList-list-tip" v-bind:class="{'noHistory-list-tip':selectItem == 0}" v-show="tipShowFlag && (infoList.length == 0)">{{ selectItem == 0 ? noHistoryTip : unlockInfoListTip }}</p>
</div>
</div> </div>
<u-dialog ref="udialog" :init-param="componentsConfig.dialog.initParam"></u-dialog> <u-dialog ref="udialog" :init-param="componentsConfig.dialog.initParam"></u-dialog>
<u-loading ref="uloading" :init-param="componentsConfig.loading.initParam"></u-loading> <u-loading ref="uloading" :init-param="componentsConfig.loading.initParam"></u-loading>
......
web/view/doorlockUsers/userList.css
...@@ -100,7 +100,7 @@ p { ...@@ -100,7 +100,7 @@ p {
} }
.custom-loading { .custom-loading {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-loading .u-loading-box { .custom-loading .u-loading-box {
...@@ -303,7 +303,7 @@ p { ...@@ -303,7 +303,7 @@ p {
} }
.custom-dialog { .custom-dialog {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-dialog .u-dialog-box { .custom-dialog .u-dialog-box {
...@@ -372,7 +372,7 @@ p { ...@@ -372,7 +372,7 @@ p {
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled, .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled,
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
...@@ -799,7 +799,7 @@ p { ...@@ -799,7 +799,7 @@ p {
.custom-button.disabled { .custom-button.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
@media (min-width: 360px /*no*/) and (max-height: 570px /*no*/) { @media (min-width: 360px /*no*/) and (max-height: 570px /*no*/) {
......
web/view/login/login.css
...@@ -100,7 +100,7 @@ p { ...@@ -100,7 +100,7 @@ p {
} }
.custom-loading { .custom-loading {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-loading .u-loading-box { .custom-loading .u-loading-box {
...@@ -303,7 +303,7 @@ p { ...@@ -303,7 +303,7 @@ p {
} }
.custom-dialog { .custom-dialog {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-dialog .u-dialog-box { .custom-dialog .u-dialog-box {
...@@ -372,7 +372,7 @@ p { ...@@ -372,7 +372,7 @@ p {
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled, .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled,
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
...@@ -700,7 +700,7 @@ p { ...@@ -700,7 +700,7 @@ p {
.custom-code-button.disabled { .custom-code-button.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.custom-password-text input { .custom-password-text input {
...@@ -751,7 +751,7 @@ p { ...@@ -751,7 +751,7 @@ p {
.custom-button.disabled { .custom-button.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.custom-guide-button { .custom-guide-button {
...@@ -773,7 +773,7 @@ p { ...@@ -773,7 +773,7 @@ p {
.custom-guide-button.disabled { .custom-guide-button.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
@media (min-width: 360px /*no*/) and (max-height: 570px /*no*/) { @media (min-width: 360px /*no*/) and (max-height: 570px /*no*/) {
......
web/view/myInfo/help.css
...@@ -100,7 +100,7 @@ p { ...@@ -100,7 +100,7 @@ p {
} }
.custom-loading { .custom-loading {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-loading .u-loading-box { .custom-loading .u-loading-box {
...@@ -303,7 +303,7 @@ p { ...@@ -303,7 +303,7 @@ p {
} }
.custom-dialog { .custom-dialog {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-dialog .u-dialog-box { .custom-dialog .u-dialog-box {
...@@ -372,7 +372,7 @@ p { ...@@ -372,7 +372,7 @@ p {
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled, .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled,
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
...@@ -532,7 +532,7 @@ p { ...@@ -532,7 +532,7 @@ p {
.custom-button.disabled { .custom-button.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
@media (min-width: 360px /*no*/) and (max-height: 570px /*no*/) { @media (min-width: 360px /*no*/) and (max-height: 570px /*no*/) {
......
web/view/myInfo/myInfo.css
...@@ -100,7 +100,7 @@ p { ...@@ -100,7 +100,7 @@ p {
} }
.custom-loading { .custom-loading {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-loading .u-loading-box { .custom-loading .u-loading-box {
...@@ -303,7 +303,7 @@ p { ...@@ -303,7 +303,7 @@ p {
} }
.custom-dialog { .custom-dialog {
background-color: rgba(36, 38, 53, 0.9); background-color: rgba(36, 38, 53, 0.94);
} }
.custom-dialog .u-dialog-box { .custom-dialog .u-dialog-box {
...@@ -372,7 +372,7 @@ p { ...@@ -372,7 +372,7 @@ p {
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled, .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled,
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after { .custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
...@@ -488,7 +488,7 @@ p { ...@@ -488,7 +488,7 @@ p {
.custom-button.disabled { .custom-button.disabled {
background-color: transparent; background-color: transparent;
color: #999; color: #575a6d;
} }
.editNickname, .editNickname,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment