1296 lines
28 KiB
Vue
1296 lines
28 KiB
Vue
|
<template>
|
|||
|
|
<view class="content">
|
|||
|
|
|
|||
|
|
<view class="topStatric">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<view class="lblTitle">
|
|||
|
|
<view class="red">搜不到设备时,请尝试重启蓝牙,或重启App后重试。</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
<view class="lblTitle">
|
|||
|
|
<view>添加:{{type.typeName}} 设备数量:{{devicesCnt}}</view>
|
|||
|
|
<view class="btn" style="color: #FFFFFF;" @click="ReSearch()">刷新</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="lblTitle">
|
|||
|
|
<uni-easyinput :styles="{color:'#ffffff'}" :clearable="true" class="uni-mt-5" :trim="'both'"
|
|||
|
|
prefixIcon="search" v-model="search" placeholder="名称筛选"></uni-easyinput>
|
|||
|
|
</view>
|
|||
|
|
<view class="th">
|
|||
|
|
<text>
|
|||
|
|
蓝牙设备列表
|
|||
|
|
</text>
|
|||
|
|
<text class="margintLeft10">
|
|||
|
|
{{SearchEquips.length}}
|
|||
|
|
</text>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="mainContent">
|
|||
|
|
<view class="p100">
|
|||
|
|
|
|||
|
|
<view class="list searchList">
|
|||
|
|
<view class="item" v-on:click="Link(item,index)" v-for="item, index in SearchEquips"
|
|||
|
|
v-show="!item['linkStatu']"
|
|||
|
|
:class="{'displayNone':item.name.toLowerCase().indexOf(search.toLowerCase())===-1}">
|
|||
|
|
<view class="leftImg ">
|
|||
|
|
<image src="/static/images/common/bluetooth.png" class="titleIco" mode="heightFix">
|
|||
|
|
</image>
|
|||
|
|
</view>
|
|||
|
|
<view class="centertxt ">
|
|||
|
|
<view class="name">
|
|||
|
|
<text class="fleft">蓝牙名:{{item.name?item.name:'Unnamed'}}</text>
|
|||
|
|
<text class="fright" :class="item.link?'green':'red'">{{item.link?'已连接':'未连接'}}</text>
|
|||
|
|
<view class="clear"></view>
|
|||
|
|
</view>
|
|||
|
|
<view class="name lbl">Mac:
|
|||
|
|
<text class="green" v-if="item.macAddress">{{item.macAddress}}</text>
|
|||
|
|
<view class="red" v-if="!item.macAddress && item.link">
|
|||
|
|
<view class="rotateAnimation">
|
|||
|
|
<uni-icons type="spinner-cycle" color="#FFFFFF"></uni-icons>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="name lbl">IMEI:
|
|||
|
|
<text class="green" v-if="item.imei">{{item.imei}}</text>
|
|||
|
|
<view class="red" v-if="!item.imei && item.link">
|
|||
|
|
<view class="rotateAnimation">
|
|||
|
|
<uni-icons type="spinner-cycle" color="#FFFFFF"></uni-icons>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="name lbl">信号:{{item.RSSI}}dBm</view>
|
|||
|
|
<view class="name lbl">
|
|||
|
|
状态:
|
|||
|
|
<text :class="item.isUpload?'green':'red'">{{item.remark}}</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="name lbl">
|
|||
|
|
设备名:
|
|||
|
|
<text class="green">{{item.device_name}}</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="rightIco " :class="item.isUpload?'bggreen':'bgred'">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- <image :src="isItemLink(item,index,'upload')" class="img" mode="aspectFit">
|
|||
|
|
</image> -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<global-loading ref="loading" />
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import bleTool from '@/utils/BleHelper.js';
|
|||
|
|
import request from '@/utils/request.js';
|
|||
|
|
import {
|
|||
|
|
showLoading,
|
|||
|
|
hideLoading,
|
|||
|
|
updateLoading
|
|||
|
|
} from '@/utils/loading.js'
|
|||
|
|
import common from '@/utils/Common.js'
|
|||
|
|
const pagePath = "pages/common/addBLE/addEquip";
|
|||
|
|
var ble = null;
|
|||
|
|
var these = null;
|
|||
|
|
var eventChannel = null;
|
|||
|
|
var time = null;
|
|||
|
|
var time1 = null;
|
|||
|
|
// var serv = null;
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
Status: {
|
|||
|
|
intval: null,
|
|||
|
|
},
|
|||
|
|
search: '',
|
|||
|
|
groupid: '',
|
|||
|
|
type: '',
|
|||
|
|
deviceTypes: [], //设备类型
|
|||
|
|
PairEquip: [], //已配对设备
|
|||
|
|
EquipMents: [], //搜索出来的设备
|
|||
|
|
devices: [],
|
|||
|
|
devicesCnt: 0,
|
|||
|
|
privateNetUrl: ''
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
SearchEquips: function() {
|
|||
|
|
let f = this.EquipMents.filter(v => {
|
|||
|
|
return v.name.toLowerCase().indexOf(this.search.toLowerCase()) > -1
|
|||
|
|
});
|
|||
|
|
return f;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onHide: function() {
|
|||
|
|
ble.StopSearch();
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onUnload() {
|
|||
|
|
ble.StopSearch().then(res => {
|
|||
|
|
console.log("停止搜索成功")
|
|||
|
|
}).catch(ex => {
|
|||
|
|
console.error("停止搜索成功", ex);
|
|||
|
|
});
|
|||
|
|
ble.removeAllCallback(pagePath);
|
|||
|
|
ble.disconnectDevice();
|
|||
|
|
},
|
|||
|
|
onLoad() {
|
|||
|
|
|
|||
|
|
this.groupid = common.DateFormat(new Date(), 'yyyy-MM-dd HH:mm:ss');
|
|||
|
|
these = this;
|
|||
|
|
ble = bleTool.getBleTool();
|
|||
|
|
// serv = serTool.serverInit();
|
|||
|
|
|
|||
|
|
//已连接过但删除了设备
|
|||
|
|
// #ifdef H5
|
|||
|
|
this.EquipMents = [{
|
|||
|
|
"RSSI": -62,
|
|||
|
|
"advertisData": "",
|
|||
|
|
"advertisServiceUUIDs": [
|
|||
|
|
"0000FFE0-0000-1000-8000-00805F9B34FB"
|
|||
|
|
],
|
|||
|
|
"deviceId": "F281938F-27FC-4739-4ACA-58B8D3BC44A6",
|
|||
|
|
"name": "JQZM-HBY670-1C7493",
|
|||
|
|
"linkStatu": false,
|
|||
|
|
link: true
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
"RSSI": -62,
|
|||
|
|
"advertisData": "",
|
|||
|
|
"advertisServiceUUIDs": [
|
|||
|
|
"0000FFE0-0000-1000-8000-00805F9B34FB"
|
|||
|
|
],
|
|||
|
|
"deviceId": "469FB381-B47E-1E40-8073-EF50B5704AAB",
|
|||
|
|
"name": "JQZM-EF4651",
|
|||
|
|
"linkStatu": false
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
"RSSI": -62,
|
|||
|
|
"advertisData": "",
|
|||
|
|
"advertisServiceUUIDs": [
|
|||
|
|
"0000FFE0-0000-1000-8000-00805F9B34FB"
|
|||
|
|
],
|
|||
|
|
"deviceId": "F281938F-27FC-4739-4ACA-58B8D3BC44A6",
|
|||
|
|
"name": "JQZM-HBY670-1C7493",
|
|||
|
|
"linkStatu": false,
|
|||
|
|
link: true
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
"RSSI": -62,
|
|||
|
|
"advertisData": "",
|
|||
|
|
"advertisServiceUUIDs": [
|
|||
|
|
"0000FFE0-0000-1000-8000-00805F9B34FB"
|
|||
|
|
],
|
|||
|
|
"deviceId": "469FB381-B47E-1E40-8073-EF50B5704AAB",
|
|||
|
|
"name": "JQZM-EF4651",
|
|||
|
|
"linkStatu": false
|
|||
|
|
}, {
|
|||
|
|
"RSSI": -62,
|
|||
|
|
"advertisData": "",
|
|||
|
|
"advertisServiceUUIDs": [
|
|||
|
|
"0000FFE0-0000-1000-8000-00805F9B34FB"
|
|||
|
|
],
|
|||
|
|
"deviceId": "F281938F-27FC-4739-4ACA-58B8D3BC44A6",
|
|||
|
|
"name": "JQZM-HBY670-1C7493",
|
|||
|
|
"linkStatu": false,
|
|||
|
|
link: true
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
"RSSI": -62,
|
|||
|
|
"advertisData": "",
|
|||
|
|
"advertisServiceUUIDs": [
|
|||
|
|
"0000FFE0-0000-1000-8000-00805F9B34FB"
|
|||
|
|
],
|
|||
|
|
"deviceId": "469FB381-B47E-1E40-8073-EF50B5704AAB",
|
|||
|
|
"name": "JQZM-EF4651",
|
|||
|
|
"linkStatu": false
|
|||
|
|
}, {
|
|||
|
|
"RSSI": -62,
|
|||
|
|
"advertisData": "",
|
|||
|
|
"advertisServiceUUIDs": [
|
|||
|
|
"0000FFE0-0000-1000-8000-00805F9B34FB"
|
|||
|
|
],
|
|||
|
|
"deviceId": "F281938F-27FC-4739-4ACA-58B8D3BC44A6",
|
|||
|
|
"name": "JQZM-HBY670-1C7493",
|
|||
|
|
"linkStatu": false,
|
|||
|
|
link: true
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
"RSSI": -62,
|
|||
|
|
"advertisData": "",
|
|||
|
|
"advertisServiceUUIDs": [
|
|||
|
|
"0000FFE0-0000-1000-8000-00805F9B34FB"
|
|||
|
|
],
|
|||
|
|
"deviceId": "469FB381-B47E-1E40-8073-EF50B5704AAB",
|
|||
|
|
"name": "JQZM-EF4651",
|
|||
|
|
"linkStatu": false
|
|||
|
|
}, {
|
|||
|
|
"RSSI": -62,
|
|||
|
|
"advertisData": "",
|
|||
|
|
"advertisServiceUUIDs": [
|
|||
|
|
"0000FFE0-0000-1000-8000-00805F9B34FB"
|
|||
|
|
],
|
|||
|
|
"deviceId": "F281938F-27FC-4739-4ACA-58B8D3BC44A6",
|
|||
|
|
"name": "JQZM-HBY670-1C7493",
|
|||
|
|
"linkStatu": false,
|
|||
|
|
link: true
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
"RSSI": -62,
|
|||
|
|
"advertisData": "",
|
|||
|
|
"advertisServiceUUIDs": [
|
|||
|
|
"0000FFE0-0000-1000-8000-00805F9B34FB"
|
|||
|
|
],
|
|||
|
|
"deviceId": "469FB381-B47E-1E40-8073-EF50B5704AAB",
|
|||
|
|
"name": "JQZM-EF4651",
|
|||
|
|
"linkStatu": false
|
|||
|
|
}, {
|
|||
|
|
"RSSI": -62,
|
|||
|
|
"advertisData": "",
|
|||
|
|
"advertisServiceUUIDs": [
|
|||
|
|
"0000FFE0-0000-1000-8000-00805F9B34FB"
|
|||
|
|
],
|
|||
|
|
"deviceId": "F281938F-27FC-4739-4ACA-58B8D3BC44A6",
|
|||
|
|
"name": "JQZM-HBY670-1C7493",
|
|||
|
|
"linkStatu": false,
|
|||
|
|
link: true
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
"RSSI": -62,
|
|||
|
|
"advertisData": "",
|
|||
|
|
"advertisServiceUUIDs": [
|
|||
|
|
"0000FFE0-0000-1000-8000-00805F9B34FB"
|
|||
|
|
],
|
|||
|
|
"deviceId": "469FB381-B47E-1E40-8073-EF50B5704AAB",
|
|||
|
|
"name": "JQZM-EF4651",
|
|||
|
|
"linkStatu": false
|
|||
|
|
}, {
|
|||
|
|
"RSSI": -62,
|
|||
|
|
"advertisData": "",
|
|||
|
|
"advertisServiceUUIDs": [
|
|||
|
|
"0000FFE0-0000-1000-8000-00805F9B34FB"
|
|||
|
|
],
|
|||
|
|
"deviceId": "F281938F-27FC-4739-4ACA-58B8D3BC44A6",
|
|||
|
|
"name": "JQZM-HBY670-1C7493",
|
|||
|
|
"linkStatu": false,
|
|||
|
|
link: true
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
"RSSI": -62,
|
|||
|
|
"advertisData": "",
|
|||
|
|
"advertisServiceUUIDs": [
|
|||
|
|
"0000FFE0-0000-1000-8000-00805F9B34FB"
|
|||
|
|
],
|
|||
|
|
"deviceId": "469FB381-B47E-1E40-8073-EF50B5704AAB",
|
|||
|
|
"name": "JQZM-EF4651",
|
|||
|
|
"linkStatu": false
|
|||
|
|
}, {
|
|||
|
|
"RSSI": -62,
|
|||
|
|
"advertisData": "",
|
|||
|
|
"advertisServiceUUIDs": [
|
|||
|
|
"0000FFE0-0000-1000-8000-00805F9B34FB"
|
|||
|
|
],
|
|||
|
|
"deviceId": "F281938F-27FC-4739-4ACA-58B8D3BC44A6",
|
|||
|
|
"name": "JQZM-HBY670-1C7493",
|
|||
|
|
"linkStatu": false,
|
|||
|
|
link: true
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
"RSSI": -62,
|
|||
|
|
"advertisData": "",
|
|||
|
|
"advertisServiceUUIDs": [
|
|||
|
|
"0000FFE0-0000-1000-8000-00805F9B34FB"
|
|||
|
|
],
|
|||
|
|
"deviceId": "469FB381-B47E-1E40-8073-EF50B5704AAB",
|
|||
|
|
"name": "JQZM-EF4651",
|
|||
|
|
"linkStatu": false
|
|||
|
|
}, {
|
|||
|
|
"RSSI": -62,
|
|||
|
|
"advertisData": "",
|
|||
|
|
"advertisServiceUUIDs": [
|
|||
|
|
"0000FFE0-0000-1000-8000-00805F9B34FB"
|
|||
|
|
],
|
|||
|
|
"deviceId": "F281938F-27FC-4739-4ACA-58B8D3BC44A6",
|
|||
|
|
"name": "JQZM-HBY670-1C7493",
|
|||
|
|
"linkStatu": false,
|
|||
|
|
link: true
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
"RSSI": -62,
|
|||
|
|
"advertisData": "",
|
|||
|
|
"advertisServiceUUIDs": [
|
|||
|
|
"0000FFE0-0000-1000-8000-00805F9B34FB"
|
|||
|
|
],
|
|||
|
|
"deviceId": "469FB381-B47E-1E40-8073-EF50B5704AAB",
|
|||
|
|
"name": "JQZM-EF4651",
|
|||
|
|
"linkStatu": false
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
// #endif
|
|||
|
|
|
|||
|
|
// #ifdef APP
|
|||
|
|
|
|||
|
|
|
|||
|
|
this.EquipMents = [];
|
|||
|
|
|
|||
|
|
|
|||
|
|
// these.EquipMents=[];
|
|||
|
|
ble.addDeviceFound((arr) => {
|
|||
|
|
// console.log("发现新设备，",arr);
|
|||
|
|
arr = arr.devices;
|
|||
|
|
let promis = [];
|
|||
|
|
for (var i = 0; i < arr.length; i++) {
|
|||
|
|
|
|||
|
|
arr[i].linkStatu = false;
|
|||
|
|
if (!arr[i].name) {
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
arr[i].name=arr[i].name.replace(/\r\n/g, '').replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
let f = these.EquipMents.find(function(v, index) {
|
|||
|
|
if (v.deviceId == arr[i].deviceId) {
|
|||
|
|
these.$set(these.EquipMents[index], "RSSI", arr[i].RSSI);
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if (!f) {
|
|||
|
|
arr[i].remark = '正在校验...';
|
|||
|
|
these.EquipMents.push(arr[i]);
|
|||
|
|
|
|||
|
|
these.getDevice(arr[i]);
|
|||
|
|
|
|||
|
|
|
|||
|
|
// console.log("EquipMents=", these.EquipMents);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
// console.log("equip=", these.EquipMents)
|
|||
|
|
}, pagePath);
|
|||
|
|
// console.log("addEquip")
|
|||
|
|
ble.addReceiveCallback((receivData, f, path, arr) => {
|
|||
|
|
console.log("收到消息", receivData)
|
|||
|
|
console.log("f=", f)
|
|||
|
|
let item = null;
|
|||
|
|
if (f.macAddress) {
|
|||
|
|
|
|||
|
|
item = this.EquipMents.find((v, index) => {
|
|||
|
|
if (v.deviceId == f.deviceId) {
|
|||
|
|
v.macAddress = f.macAddress;
|
|||
|
|
this.$set(this.EquipMents[index], "macAddress", f.macAddress);
|
|||
|
|
console.log("22222");
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
console.log("111111");
|
|||
|
|
}
|
|||
|
|
if (f.imei) {
|
|||
|
|
item = this.EquipMents.find((v, index) => {
|
|||
|
|
if (v.deviceId == f.deviceId) {
|
|||
|
|
v.imei = f.imei;
|
|||
|
|
this.$set(this.EquipMents[index], "imei", f.imei);
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (this.type.communicationMode == 2) {
|
|||
|
|
if (f.macAddress || f.imei) {
|
|||
|
|
this.uploadItem(item);
|
|||
|
|
}
|
|||
|
|
} else { //==1
|
|||
|
|
if (f.macAddress) {
|
|||
|
|
this.uploadItem(item);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}, pagePath);
|
|||
|
|
|
|||
|
|
|
|||
|
|
ble.addStateBreakCallback(() => {
|
|||
|
|
uni.showModal({
|
|||
|
|
title: '提示',
|
|||
|
|
content: '蓝牙不可用'
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
these.EquipMents.filter((v, i) => {
|
|||
|
|
these.$set(these.EquipMents[i], 'link', false);
|
|||
|
|
});
|
|||
|
|
}, pagePath);
|
|||
|
|
ble.addStateRecoveryCallback(() => {
|
|||
|
|
uni.showModal({
|
|||
|
|
title: '提示',
|
|||
|
|
content: '蓝牙恢复可用'
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
pagePath);
|
|||
|
|
|
|||
|
|
ble.addDisposeCallback((res) => {
|
|||
|
|
these.EquipMents.find((v, i) => {
|
|||
|
|
if (res.deviceId == v.deviceId) {
|
|||
|
|
these.$set(these.EquipMents[i], 'link', false);
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
}, pagePath);
|
|||
|
|
ble.addRecoveryCallback((res) => {
|
|||
|
|
these.EquipMents.find((v, i) => {
|
|||
|
|
if (res.deviceId == v.deviceId) {
|
|||
|
|
these.$set(these.EquipMents[i], 'link', true);
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
}, pagePath);
|
|||
|
|
|
|||
|
|
// #endif
|
|||
|
|
|
|||
|
|
eventChannel = this.getOpenerEventChannel();
|
|||
|
|
|
|||
|
|
eventChannel.on('addType', function(rec) {
|
|||
|
|
console.log("接收到父页面的参数:", rec);
|
|||
|
|
these.type = rec.data;
|
|||
|
|
|
|||
|
|
let callback = () => {
|
|||
|
|
these.getTypeDeviceCnt().then(res => {
|
|||
|
|
console.error("设备数量：",res);
|
|||
|
|
these.devicesCnt = res;
|
|||
|
|
if (res > 0 && res <= 10000) {
|
|||
|
|
these.getAlltypeDevices().then(devs => {
|
|||
|
|
these.devices = devs;
|
|||
|
|
these.ReSearch();
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
these.ReSearch();
|
|||
|
|
}).catch(ex => {
|
|||
|
|
these.devicesCnt = 0;
|
|||
|
|
these.ReSearch();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
callback();
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onShow: function() {
|
|||
|
|
if (these.type) {
|
|||
|
|
this.ReSearch();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
//获取某个类型下的所有设备
|
|||
|
|
getAlltypeDevices() {
|
|||
|
|
return new Promise((succ, err) => {
|
|||
|
|
|
|||
|
|
let json = {
|
|||
|
|
"tenant_id": this.type.tenantId,
|
|||
|
|
"deviceType": this.type.deviceTypeId
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
request({
|
|||
|
|
url: "/app/xinghan/device/getEquipAllByType",
|
|||
|
|
method: 'POST',
|
|||
|
|
data: json,
|
|||
|
|
}).then(res=>{
|
|||
|
|
|
|||
|
|
if(res && res.code==200){
|
|||
|
|
|
|||
|
|
succ(res.data);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
err(res);
|
|||
|
|
}).catch(ex=>{
|
|||
|
|
console.error("ex=",ex);
|
|||
|
|
err(ex);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//获取类型下的设备数量
|
|||
|
|
getTypeDeviceCnt() {
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
let json = {
|
|||
|
|
"tenant_id": this.type.tenantId,
|
|||
|
|
"deviceType": this.type.deviceTypeId
|
|||
|
|
};
|
|||
|
|
console.error("json=",json);
|
|||
|
|
|
|||
|
|
request({
|
|||
|
|
url: "/app/xinghan/device/getEquipCountByType",
|
|||
|
|
method: 'POST',
|
|||
|
|
data: json,
|
|||
|
|
}).then(res=>{
|
|||
|
|
console.error("getEquipCountByType res.data=",res.data)
|
|||
|
|
if(res && res.code==200){
|
|||
|
|
|
|||
|
|
resolve(res.data);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
reject(res);
|
|||
|
|
}).catch(ex=>{
|
|||
|
|
console.error("ex=",ex);
|
|||
|
|
reject(ex);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
getDevice(item) {
|
|||
|
|
//从后台通过类型和名称查询设备
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
let f = null;
|
|||
|
|
let fIndex = -1;
|
|||
|
|
these.EquipMents.find(function(v, index) {
|
|||
|
|
if (v.deviceId == item.deviceId) {
|
|||
|
|
f = v;
|
|||
|
|
fIndex = index;
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if (this.devicesCnt > 0) {
|
|||
|
|
if (this.devices && this.devices.length > 0) {
|
|||
|
|
let eqp = this.devices.find(v => {
|
|||
|
|
let flag= v.bluetooth_name.replace(/\r\n/g, '').replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '') == item.name;
|
|||
|
|
|
|||
|
|
return flag;
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
if (eqp) {
|
|||
|
|
|
|||
|
|
these.$set(these.EquipMents[fIndex], "isUpload",
|
|||
|
|
true);
|
|||
|
|
these.$set(these.EquipMents[fIndex], "remark",
|
|||
|
|
"校验完成,设备已入库");
|
|||
|
|
these.$set(these.EquipMents[fIndex], "macAddress",
|
|||
|
|
eqp.device_mac);
|
|||
|
|
these.$set(these.EquipMents[fIndex], "device_name",eqp.device_name);
|
|||
|
|
console.log("从缓存中找到了设备",eqp);
|
|||
|
|
resolve(eqp);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
console.error("缓存中找不到此设备22222222",this.devices);
|
|||
|
|
these.$set(these.EquipMents[fIndex], "remark",
|
|||
|
|
"校验完成,设备未入库");
|
|||
|
|
reject(null);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
let succCallback=(data)=>{
|
|||
|
|
if(data){
|
|||
|
|
these.$set(these.EquipMents[fIndex], "isUpload",
|
|||
|
|
true);
|
|||
|
|
these.$set(these.EquipMents[fIndex], "remark",
|
|||
|
|
"校验完成,设备已入库");
|
|||
|
|
these.$set(these.EquipMents[fIndex], "macAddress",
|
|||
|
|
data.device_mac);
|
|||
|
|
these.$set(these.EquipMents[fIndex], "imei", data
|
|||
|
|
.device_imei);
|
|||
|
|
these.$set(these.EquipMents[fIndex], "device_name",data.device_name);
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
console.error("设备未入库111111",data)
|
|||
|
|
these.$set(these.EquipMents[fIndex], "remark",
|
|||
|
|
"校验完成,设备未入库");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let errCallback=()=>{
|
|||
|
|
these.$set(these.EquipMents[fIndex], "remark",
|
|||
|
|
"校验出现异常");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
let p2=new Promise((resolve,reject)=>{
|
|||
|
|
let json = {
|
|||
|
|
"tenant_id": this.type.tenantId,
|
|||
|
|
"deviceType": this.type.deviceTypeId,
|
|||
|
|
"deviceName": item.name
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
request({
|
|||
|
|
url:'/app/xinghan/device/GetDeviceByName',
|
|||
|
|
data:json,
|
|||
|
|
method: 'POST'
|
|||
|
|
}).then(res=>{
|
|||
|
|
if(res && res.code==200){
|
|||
|
|
|
|||
|
|
|
|||
|
|
resolve(res.data);
|
|||
|
|
return;
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
reject(res);
|
|||
|
|
}).catch(ex=>{
|
|||
|
|
reject(ex);
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
Promise.any([p2]).then(res=>{
|
|||
|
|
succCallback(res);
|
|||
|
|
}).catch(ex=>{
|
|||
|
|
errCallback(ex);
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
ReSearch() {
|
|||
|
|
if (!ble) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
ble.disconnectDevice().finally(dis => {
|
|||
|
|
|
|||
|
|
ble.StopSearch().finally(res => {
|
|||
|
|
|
|||
|
|
this.EquipMents = [];
|
|||
|
|
this.PairEquip = [];
|
|||
|
|
ble.StartSearch().then(result => {
|
|||
|
|
|
|||
|
|
}).catch(err => {
|
|||
|
|
console.error("err=", err);
|
|||
|
|
});
|
|||
|
|
}).catch(ex => {
|
|||
|
|
console.error("ex=", ex);
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
uploadItem(item) {
|
|||
|
|
clearTimeout(time);
|
|||
|
|
ble.disconnectDevice(item.deviceId).catch(ex => {});
|
|||
|
|
let exec = () => {
|
|||
|
|
let json = {
|
|||
|
|
// "assignId": 0,
|
|||
|
|
"deviceType": this.type.id,
|
|||
|
|
// "customerId": 0,
|
|||
|
|
"deviceName": item.name, //typeName
|
|||
|
|
"deviceMac": item.macAddress,
|
|||
|
|
"bluetoothName": item.name,
|
|||
|
|
"deviceImei": item.imei,
|
|||
|
|
// "deviceSn": "",
|
|||
|
|
// "file": "",
|
|||
|
|
"remark": this.groupid
|
|||
|
|
}
|
|||
|
|
request({
|
|||
|
|
url: '/app/xinghan/device/add',
|
|||
|
|
method: 'post',
|
|||
|
|
data: json
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res && res.code == 200) {
|
|||
|
|
console.log("res=", res);
|
|||
|
|
this.EquipMents.find((v, index) => {
|
|||
|
|
if (v.deviceId == item.deviceId) {
|
|||
|
|
this.$set(this.EquipMents[index], "isUpload", true);
|
|||
|
|
this.$set(this.EquipMents[index], "remark", "上传成功");
|
|||
|
|
|
|||
|
|
this.devices.push({
|
|||
|
|
bluetooth_name: item.name,
|
|||
|
|
device_mac: item.macAddress,
|
|||
|
|
device_name:item.name
|
|||
|
|
});
|
|||
|
|
this.devicesCnt = this.devices.length;
|
|||
|
|
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
console.error("出现错误,", item);
|
|||
|
|
console.error("出现错误,", this.devices);
|
|||
|
|
this.EquipMents.find((v, index) => {
|
|||
|
|
if (v.deviceId == item.deviceId) {
|
|||
|
|
this.$set(this.EquipMents[index], "isUpload", false);
|
|||
|
|
this.$set(this.EquipMents[index], "remark", res.msg);
|
|||
|
|
|
|||
|
|
|
|||
|
|
this.devices.find((d,i)=>{
|
|||
|
|
if(d.device_mac==item.macAddress){
|
|||
|
|
|
|||
|
|
this.$set(this.EquipMents[index], "device_name", d.device_name);
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
time = setTimeout(exec, 100)
|
|||
|
|
},
|
|||
|
|
isItemLink: function(item, index, type) {
|
|||
|
|
|
|||
|
|
let src = '/static/images/BLEAdd/noLink.png';
|
|||
|
|
if (!item) {
|
|||
|
|
|
|||
|
|
return src;
|
|||
|
|
}
|
|||
|
|
if (type == 'link') {
|
|||
|
|
if (this.PairEquip && this.PairEquip.length) {
|
|||
|
|
if (this.PairEquip.length > 0) {
|
|||
|
|
let f = this.PairEquip.find(function(v) {
|
|||
|
|
return v.deviceId == item.deviceId;
|
|||
|
|
});
|
|||
|
|
if (f) {
|
|||
|
|
src = '/static/images/BLEAdd/linked.png';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
} else if (type == 'mac') {
|
|||
|
|
if (item.macAddress) {
|
|||
|
|
src = '/static/images/BLEAdd/linked.png';
|
|||
|
|
}
|
|||
|
|
} else if (type == 'imei') {
|
|||
|
|
if (item.imei) {
|
|||
|
|
src = '/static/images/BLEAdd/linked.png';
|
|||
|
|
}
|
|||
|
|
} else if (type == 'upload') {
|
|||
|
|
if (item.isUpload) {
|
|||
|
|
src = '/static/images/BLEAdd/linked.png';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return src;
|
|||
|
|
},
|
|||
|
|
Link: function(item) {
|
|||
|
|
let exec = () => {
|
|||
|
|
|
|||
|
|
showLoading(this, {
|
|||
|
|
text: "正在连接:第1次"
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
let index = 1;
|
|||
|
|
let total = 5;
|
|||
|
|
|
|||
|
|
let linkCallback = (res) => {
|
|||
|
|
let c = these.PairEquip.find(function(v) {
|
|||
|
|
return v.deviceId == item.deviceId;
|
|||
|
|
});
|
|||
|
|
if (!c) {
|
|||
|
|
|
|||
|
|
these.PairEquip.push(item);
|
|||
|
|
}
|
|||
|
|
console.log("连接成功", these.device);
|
|||
|
|
hideLoading(these);
|
|||
|
|
}
|
|||
|
|
let execLink = () => {
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
|
|||
|
|
|
|||
|
|
if (index > total) {
|
|||
|
|
reject({
|
|||
|
|
msg: "连接超时"
|
|||
|
|
});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
ble.LinkBlue(item.deviceId).then((res) => {
|
|||
|
|
console.log("连接成功");
|
|||
|
|
|
|||
|
|
these.EquipMents.find((v, index) => {
|
|||
|
|
if (v.deviceId == item.deviceId) {
|
|||
|
|
this.$set(this.EquipMents[index], "link",
|
|||
|
|
true);
|
|||
|
|
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
ble.StopSearch();
|
|||
|
|
resolve(res);
|
|||
|
|
}).catch((ex) => {
|
|||
|
|
if (index == total) {
|
|||
|
|
console.log("连接了N次都没连上");
|
|||
|
|
reject(ex);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
index++;
|
|||
|
|
updateLoading(this, {
|
|||
|
|
text: ex.msg + ",正在重试第" + index + "次"
|
|||
|
|
})
|
|||
|
|
execLink().then(resolve).catch(reject);
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
execLink().then((res) => {
|
|||
|
|
linkCallback(res);
|
|||
|
|
}).catch(ex => {
|
|||
|
|
console.log("ex=", ex)
|
|||
|
|
uni.showModal({
|
|||
|
|
content: "连接失败:" + ex.msg
|
|||
|
|
});
|
|||
|
|
hideLoading(these);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
if (this.PairEquip && this.PairEquip.length) {
|
|||
|
|
ble && ble.disconnectDevice();
|
|||
|
|
this.PairEquip = [];
|
|||
|
|
exec();
|
|||
|
|
} else {
|
|||
|
|
exec();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
.noLink {
|
|||
|
|
text-align: center;
|
|||
|
|
width: 100%;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content {
|
|||
|
|
background-color: #121212;
|
|||
|
|
color: #ffffffde;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
overflow: hidden;
|
|||
|
|
width: 100%;
|
|||
|
|
min-height: 100vh;
|
|||
|
|
height: auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.p100 {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.fleft {
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.fright {
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.clear {
|
|||
|
|
clear: both;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.center {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
flex-wrap: nowrap;
|
|||
|
|
align-content: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.topAnimate {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0rpx;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 400rpx;
|
|||
|
|
top: 20px;
|
|||
|
|
/* 距离视口顶部 20px 时固定 */
|
|||
|
|
z-index: 100;
|
|||
|
|
/* 确保元素显示在最上层 */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.animate {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 400rpx;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.animate .animateContent {
|
|||
|
|
position: relative;
|
|||
|
|
z-index: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.animate .imgContent {
|
|||
|
|
position: absolute;
|
|||
|
|
z-index: 1;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.animate .imgContent .img {
|
|||
|
|
height: 100rpx;
|
|||
|
|
width: 100rpx;
|
|||
|
|
background: #bbe600;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.animate .titleIco {
|
|||
|
|
width: 36rpx;
|
|||
|
|
height: 36rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.circle {
|
|||
|
|
position: absolute;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
background-color: #bbe60033;
|
|||
|
|
animation: expand 4s infinite ease-out;
|
|||
|
|
display: inline-block;
|
|||
|
|
transform: translate(-50%, -50%);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.circle:nth-child(2) {
|
|||
|
|
animation-delay: 1s;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.circle:nth-child(3) {
|
|||
|
|
animation-delay: 2s;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes expand {
|
|||
|
|
0% {
|
|||
|
|
width: 0;
|
|||
|
|
height: 0;
|
|||
|
|
opacity: 0.8;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
100% {
|
|||
|
|
width: 18.75rem;
|
|||
|
|
height: 18.75rem;
|
|||
|
|
opacity: 0.2;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mainContent {
|
|||
|
|
padding: 30rpx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow-y: scroll;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.mainContent .p100 {}
|
|||
|
|
|
|||
|
|
.lblTitle {
|
|||
|
|
color: #26df1cde;
|
|||
|
|
font-family: "PingFang SC";
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
font-weight: 700;
|
|||
|
|
text-align: left;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 60rpx;
|
|||
|
|
line-height: 60rpx;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
flex-wrap: nowrap;
|
|||
|
|
align-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list {
|
|||
|
|
min-height: 120rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.searchList {
|
|||
|
|
width: 100%;
|
|||
|
|
height: calc(100% - 186rpx);
|
|||
|
|
overflow-y: scroll;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list .item {
|
|||
|
|
width: 100%;
|
|||
|
|
min-height: 120rpx;
|
|||
|
|
height: auto;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 10rpx;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
background: #1a1a1a;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
flex-wrap: nowrap;
|
|||
|
|
justify-content: flex-start;
|
|||
|
|
align-items: center;
|
|||
|
|
margin-top: 20rpx;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list .item .leftImg {
|
|||
|
|
width: 60rpx;
|
|||
|
|
height: 60rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list .item .centertxt {
|
|||
|
|
width: calc(100% - 60rpx);
|
|||
|
|
height: 100%;
|
|||
|
|
padding-left: 10rpx;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
flex-wrap: nowrap;
|
|||
|
|
justify-content: space-evenly;
|
|||
|
|
align-items: flex-start;
|
|||
|
|
align-content: flex-start;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list .item .rightIco {
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 0px;
|
|||
|
|
right: 0px;
|
|||
|
|
|
|||
|
|
width: 0;
|
|||
|
|
height: 0;
|
|||
|
|
border-style: solid;
|
|||
|
|
border-width: 0 0 30rpx 30rpx;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
.list .item .leftImg .titleIco {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list .item .name {
|
|||
|
|
color: #ffffffde;
|
|||
|
|
font-family: "PingFang SC";
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
font-weight: 400;
|
|||
|
|
line-height: 36rpx;
|
|||
|
|
text-align: left;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.list .item .name.lbl {
|
|||
|
|
font-size: 26rpx !important;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
flex-wrap: nowrap;
|
|||
|
|
align-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: flex-start;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.list .item .name .green {
|
|||
|
|
color: limegreen;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list .item .name .red {
|
|||
|
|
color: #FF0000;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.list .item .id {
|
|||
|
|
color: #ffffff99;
|
|||
|
|
font-family: "PingFang SC";
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
font-weight: 400;
|
|||
|
|
line-height: 36rpx;
|
|||
|
|
text-align: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.list .item .rightIco .img {
|
|||
|
|
width: 45rpx;
|
|||
|
|
height: 45rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.openBlue {
|
|||
|
|
padding: 30rpx;
|
|||
|
|
width: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
height: auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.openBlue .txt {
|
|||
|
|
color: rgba(255, 255, 255, 0.87);
|
|||
|
|
font-family: "PingFang SC";
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
font-weight: 400;
|
|||
|
|
letter-spacing: 0.14rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.openBlue .btns {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
flex-wrap: nowrap;
|
|||
|
|
align-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-evenly;
|
|||
|
|
margin-top: 50rpx;
|
|||
|
|
width: 100%;
|
|||
|
|
height: auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.openBlue .btn {
|
|||
|
|
border-radius: 91rpx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 25%;
|
|||
|
|
height: 60rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
font-family: "PingFang SC";
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
letter-spacing: 12rpx;
|
|||
|
|
display: flex !important;
|
|||
|
|
align-items: center;
|
|||
|
|
letter-spacing: 0.375rem;
|
|||
|
|
flex-direction: row;
|
|||
|
|
flex-wrap: nowrap;
|
|||
|
|
align-content: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.openBlue .cancel {
|
|||
|
|
border: 1px solid rgba(255, 255, 255, 1);
|
|||
|
|
color: rgba(255, 255, 255, 1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.openBlue .ok {
|
|||
|
|
background-color: #BBE600;
|
|||
|
|
color: #232323;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.margintLeft10 {
|
|||
|
|
margin-left: 20rpx;
|
|||
|
|
color: #BBE600;
|
|||
|
|
font-size: 36rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bleIco {
|
|||
|
|
width: 60rpx;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.th {
|
|||
|
|
display: flex;
|
|||
|
|
height: 70rpx;
|
|||
|
|
line-height: 70rpx;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bgred {
|
|||
|
|
border-color: transparent transparent #FF0000 transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bggreen {
|
|||
|
|
border-color: transparent transparent #4CAF50 transparent;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes rotateClockwise {
|
|||
|
|
from {
|
|||
|
|
transform: rotate(0deg);
|
|||
|
|
/* 起始角度：0度 */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
to {
|
|||
|
|
transform: rotate(360deg);
|
|||
|
|
/* 结束角度：360度（顺时针一圈） */
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 应用动画到元素 */
|
|||
|
|
.rotateAnimation {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
flex-wrap: nowrap;
|
|||
|
|
align-content: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
width: 32rpx;
|
|||
|
|
height: 32rpx;
|
|||
|
|
animation: rotateClockwise 3s linear infinite;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* #ifdef H5 */
|
|||
|
|
.topStatric {
|
|||
|
|
|
|||
|
|
top: 44px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mainContent {
|
|||
|
|
|
|||
|
|
margin-top: 160rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* #endif */
|
|||
|
|
|
|||
|
|
/* #ifdef APP */
|
|||
|
|
.mainContent {
|
|||
|
|
|
|||
|
|
margin-top: 240rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* #endif */
|
|||
|
|
|
|||
|
|
.topStatric {
|
|||
|
|
width: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 30rpx;
|
|||
|
|
position: fixed;
|
|||
|
|
top: 0rpx;
|
|||
|
|
z-index: 99;
|
|||
|
|
background-color: #121212;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-mt-5 {
|
|||
|
|
background-color: #000000;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-easyinput__content {
|
|||
|
|
background-color: #121212 !important;
|
|||
|
|
}
|
|||
|
|
</style>
|