From 8f8155aa4c83f7c2577ac123add550766b6a7ce3 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期一, 07 六月 2021 16:53:19 +0800
Subject: [PATCH] 修改配置
---
pages/setting/setting.vue | 139 ++++++++++++++++++++++++++++++++--------------
1 files changed, 97 insertions(+), 42 deletions(-)
diff --git a/pages/setting/setting.vue b/pages/setting/setting.vue
index 66f1a0a..927a44a 100644
--- a/pages/setting/setting.vue
+++ b/pages/setting/setting.vue
@@ -6,20 +6,37 @@
鏈嶅姟鍣ㄨ缃�
</view>
<view class="uni-form-item uni-column">
- <view class="title">IP</view>
- <!-- <input class="uni-input" focus placeholder="IP鍦板潃" /> -->
- <IPInput :ip="sys_ip" @on-blur="sys_ip= arguments[0]"></IPInput>
+ <view class="title">鍦板潃锛�</view>
+ <input class="uni-input" v-model="mq_ip"/>
+ <!-- <IPInput :ip="sys_ip" @on-blur="sys_ip= arguments[0]"></IPInput> -->
</view>
<view class="uni-form-item uni-column">
- <view class="title">绔彛</view>
- <input class="uni-input" v-model="port" placeholder="" />
+ <view class="title">绔彛锛�</view>
+ <input class="uni-input" v-model="mq_port" />
+ </view>
+ </view>
+ <view class="setting-content">
+ <view class="title">
+ 瑙嗛鍙婂浘鐗囨湇鍔¤缃�
+ </view>
+ <view class="uni-form-item uni-column">
+ <view class="title">鍦板潃锛�</view>
+ <!-- <input class="uni-input" focus placeholder="IP鍦板潃" /> --><input class="uni-input" v-model="pic_ip"/>
+ <!-- <IPInput :ip="pic_ip" @on-blur="pic_ip= arguments[0]"></IPInput> -->
+ </view>
+ <view class="uni-form-item uni-column">
+ <view class="title">绔彛锛�</view>
+ <input class="uni-input" v-model="pic_port" placeholder="" />
</view>
</view>
<button type="default" @tap="commit">纭</button>
<!-- <uni-popup ref="popup" type="center" background-color="#fff" :animation="false">涓棿寮瑰嚭 Popup</uni-popup> -->
-<uni-popup ref="popup" type="message">
- <uni-popup-message type="success" message="淇敼鎴愬姛" :duration="2000"></uni-popup-message>
-</uni-popup>
+ <uni-popup ref="popup" type="message">
+ <uni-popup-message type="success" message="淇敼鎴愬姛" :duration="2000"></uni-popup-message>
+ </uni-popup>
+ <uni-popup ref="popup1" type="message">
+ <uni-popup-message type="error" message="杩炴帴澶辫触" :duration="2000"></uni-popup-message>
+ </uni-popup>
</view>
</template>
@@ -33,11 +50,26 @@
},
data() {
return {
- sys_ip: "",
- port: ""
+ mq_ip: "",
+ pic_ip: "",
+ mq_port: "",
+ pic_port:""
}
},
- mounted() {},
+ onShow() {
+ [this.mq_ip, this.mq_port] = getApp().globalData.mqUrl.split(":");
+ console.log(this.mq_ip, this.mq_port);
+ [this.pic_ip, this.pic_port] = getApp().globalData.resourseUrl.split(":");
+ console.log(this.pic_ip, this.pic_port);
+ },
+ mounted() {
+
+ uni.$on("connectStatus", (data) => {
+ console.log('connectStatus')
+ // data.status ? this.$refs.popup.open('top') :
+ // this.$refs.popup1.open('top')
+ })
+ },
onBackPress(e) {
console.log(e);
uni.navigateTo({
@@ -53,18 +85,33 @@
})
},
commit() {
- // console.log(`${this.sys_ip}`,`${this.port}`)
- // this.$mqtt.options.host = `${this.sys_ip}:${this.port}`
- // this.$mqtt.options.href = "ws://192.168.20.189:15672/ws";
- // this.$mqtt.options.hostname = `${this.sys_ip}`
- // this.$mqtt.options.port = `${this.port}`;
- // this.$mqtt.reconnect()
-
-
- this.$refs.popup.open('top')
- // setImmediate(()=>{
- // console.log(this.$mqtt)
- // },1000)
+ uni.$emit('changeClientIP', {
+ host: `${this.mq_ip}:${this.mq_port}`
+ })
+ getApp().globalData.resourseUrl = `${this.pic_ip}:${this.pic_port}`
+ getApp().globalData.requestVideoUrl = `${this.pic_ip}:9000`
+ uni.setStorage({
+ key:"mqUrl",
+ data: `${this.mq_ip}:${this.mq_port}`,
+ success: () => {
+ console.log("mqUrl瀛樺叆鏁版嵁搴�")
+ }
+ })
+ uni.setStorage({
+ key: 'resourseUrl',
+ data:`${this.pic_ip}:${this.pic_port}`,
+ success: function () {
+ console.log('resourseUrl瀛樺叆鏁版嵁搴�');
+ }
+ });
+ uni.setStorage({
+ key: 'requestVideoUrl',
+ data:`${this.pic_ip}:9000`,
+ success: function () {
+ console.log('requestVideoUrl瀛樺叆鏁版嵁搴�');
+ }
+ });
+ this.$refs.popup.open('top')
}
}
}
@@ -74,37 +121,45 @@
.uni-input {
border: 1px solid black;
}
- page {
- background-color: rgba(243, 244, 246, 1);
+
+ page {
+ background-color: rgba(243, 244, 246, 1);
}
+
.uni-form-item {
display: flex;
- align-items: center;
- // justify-content: space-around;
- margin-top: 20px;
+ align-items: center;
+ // justify-content: space-around;
+ margin-top: 20px;
}
- .setting-content{
+
+ .setting-content {
padding: 40rpx 40rpx;
- .title{
- min-width: 80rpx;
+
+ .title {
+ min-width: 80rpx;
}
- .uni-input[data-v-9543fcb0] {
- border: 1px solid #dcdfe6;
- background: #fff;
+
+ .uni-input {
+ border: 1px solid #dcdfe6;
+ background: #fff;padding:0 20rpx; width: 72%;
+
}
-
+
uni-input {
- display: block;
- font-size: 16px;
- line-height: 1.8em;
- height: 1.8em;
- min-height: 1.8em;
- overflow: hidden;
+ display: block;
+ font-size: 16px;
+ line-height: 1.8em;
+ height: 1.8em;
+ min-height: 1.8em;
+ overflow: hidden;
}
- .uni-input-input{
+
+ .uni-input-input {
padding-left: 20rpx;
}
}
+
uni-button[type=default] {
color: #fff;
--
Gitblit v1.8.0