TMRAppBle/pages/main/main.stml

182 lines
3.8 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- <template>
<safe-area class="page">
<view class="header">
<text class="title">首页</text>
</view>
<view class="body">
<text class="h1">Hello , APICloud</text>
<img class="img" src="../../image/img.png" />
<text class="p">拖入组件搭建你的第一个 APP</text>
<avm-button :color="avmButtonColor" @click="startSocket()">startSocket</avm-button>
<avm-button :color="avmButtonColor_62" @click="stopSocket()">stop</avm-button>
<avm-button :color="avmButtonColor_62" @click="getAddress()">getAddress</avm-button>
<avm-button :color="avmButtonColor_62" @click="connectSer()">connectSer</avm-button>
</view>
</safe-area>
</template>
<script>
import "../../components/avm-ui/button";
export default {
name: 'main',
apiready() {
this.init();
},
data() {
return {
msg: "Hello APICloud",
demo: null,
SocketServerClient: null,
avmButtonColor: "primary",
avmButtonColor_62: "primary"
};
},
methods: {
init() {
this.data.demo = api.require('serialPortPlus');
this.data.SocketServerClient = api.require('socketServerClient'); // var ret = this.data.demo.getAllDeicesPath();
// console.log(JSON.stringify(ret));
this.listenDev();
},
listenDev() {
this.data.demo.addEventListener(function (ret, err) {
console.log(JSON.stringify(ret));
console.log(JSON.stringify(err));
});
},
openDev() {
console.log("openDev");
this.data.demo.open({
port: '/dev/ttyS0',
baudRate: 9600
}, function (ret, err) {
console.log("err", err);
console.log("ret", ret);
});
},
connectSer() {
var ArgFace = api.require('socketServerClient');
ArgFace.clientConnect({
ip: "192.168.2.58",
port: 50012
}, function (ret, err) {
if (ret.receiveMsg) {
console.log(ret.receiveMsg);
}
});
},
startSocket() {
var that = this;
console.log("startSocket");
this.data.SocketServerClient.startServer({
port: 50012,
//TCP服务端口
heart: {
heartTime: 30000,
heartMsg: 'heart',
receiveMsg: 'heart'
},
send: {
head: '',
end: '16',
outTime: 30000,
sendByLength: {
length: 80
}
},
receive: {
head: '',
end: '16',
outTime: 30000,
sendByLength: {
length: 8
}
},
single: false
}, function (ret, err) {
if (ret.receiveMsg) {
console.log("接收到客户端:" + ret.clientId + "数据:"+ret.receiveMsg);
that.data.SocketServerClient.sendMessage({id:ret.clientId,data:ret.receiveMsg,single:false});
}
// if (ret.status) {
// // TCP服务创建成功
// console.log("TCP服务创建成功");
// }
if (ret.link) {
clientId = ret.clientId;
console.log("客户端:" + clientId + "连接成功!");
}
});
},
getAddress() {
console.log("getAddress");
},
stopSocket() {
console.log("stopSocket");
this.data.SocketServerClient.stopServer(function (ret, err) {
console.log(JSON.stringify(ret));
console.log(JSON.stringify(err));
});
}
}
};
</script>
<style>
.page {
height: 100%;
background: #fff;
}
.header {
height: 44px;
justify-content: center;
align-items: center;
}
.title {
font-size: 16px;
font-weight: bold;
color: #333;
}
.body {
background: #f5f6f7;
flex: 1;
}
.h1 {
font-size: 22px;
font-weight: bold;
color: #333;
text-align: center;
margin: 50px;
}
.img {
max-width: 100%;
}
.p {
color: #aaa;
text-align: center;
font-size: 16px;
margin: 15px;
}
.button_1 {
border-color: #dfdfdf;
border-top-color: #dfdfdf;
border-left-color: #dfdfdf;
border-right-color: #dfdfdf;
border-bottom-color: #dfdfdf;
}
.button_2 {
border-color: #dfdfdf;
border-top-color: #dfdfdf;
border-left-color: #dfdfdf;
border-right-color: #dfdfdf;
border-bottom-color: #dfdfdf;
}
</style> -->