|
|
@@ -12,7 +12,7 @@
|
|
|
<view class="username">
|
|
|
<u-icon name="account" size="36" style="margin-right:30rpx;color: #72CD9C;"></u-icon>
|
|
|
<u-input class="uni-input" name="username" v-model="formdata.username" placeholder-class="icon iconfont icon-bianji1"
|
|
|
- placeholder="请输入用户名" @blur="blur"/>
|
|
|
+ placeholder="请输入用户名" @blur="blur" />
|
|
|
</view>
|
|
|
<view class="passwold">
|
|
|
<u-icon name="lock" size="36" style="margin-right:30rpx;color: #72CD9C;"></u-icon>
|
|
|
@@ -32,7 +32,7 @@
|
|
|
<view class="bg">
|
|
|
<image src="../../static/image/login/850c9307f4ef2d7dc6db1049711ab55.jpg" mode=""></image>
|
|
|
</view>
|
|
|
- <view class="setbg" v-if="setbgtf" >
|
|
|
+ <view class="setbg" v-if="setbgtf">
|
|
|
<view class="mengban" @click.stop="setbgtf = !setbgtf"></view>
|
|
|
<view class="set_http">
|
|
|
<view class="set_http_top">
|
|
|
@@ -43,15 +43,20 @@
|
|
|
<view class="set_http_bot">
|
|
|
<p>服务器访问地址</p>
|
|
|
<view class="set_http_bot_input">
|
|
|
- <input type="text" v-model="value" placeholder="请在此处输入服务器地址(http://...)"/>
|
|
|
+ <input type="text" v-model="value" placeholder="请在此处输入服务器地址(http://...)" />
|
|
|
<u-icon :name="arrowtf?'arrow-up':'arrow-down'" @click="arrow"></u-icon>
|
|
|
</view>
|
|
|
- <scroll-view scroll-y="true" class="scroll-Y" v-if="arrowtf">
|
|
|
- <view :id="'demo'+index" class="scroll-view-item uni-bg-red" v-for="item,index in httparr" :key="index" @click="value = item">{{item}}</view>
|
|
|
+ <scroll-view scroll-y="true" class="scroll-Y" v-if="arrowtf">
|
|
|
+ <view :id="'demo'+index" class="scroll-view-item uni-bg-red" v-for="item,index in httparr" :key="index" @click="value = item">{{item}}</view>
|
|
|
</scroll-view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <u-modal title="升级中请勿随意操作" :show-confirm-button="false" v-model="showA" :content="contentA">
|
|
|
+ <view class="upgradeBox">
|
|
|
+ <u-line-progress v-show="isShow" active-color="#19be6b" :striped="true" :percent="percentNum" :striped-active="true"></u-line-progress>
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -64,22 +69,27 @@
|
|
|
username: '',
|
|
|
passwold: ''
|
|
|
},
|
|
|
- setbgtf:false,
|
|
|
- setTF:false,
|
|
|
- value:"http://8.136.98.49:8002",
|
|
|
- httparr:["http://8.136.98.49:8002","http://182.92.193.64:8002"],
|
|
|
- arrowtf:false
|
|
|
+ setbgtf: false,
|
|
|
+ setTF: false,
|
|
|
+ value: "http://8.136.98.49:8002",
|
|
|
+ httparr: ["http://8.136.98.49:8002", "http://182.92.193.64:8002"],
|
|
|
+ arrowtf: false,
|
|
|
+ showA: false, //
|
|
|
+ contentA: '',
|
|
|
+ isShow: false, //进度条
|
|
|
+ percentNum: 0, //在线下载进度
|
|
|
+
|
|
|
}
|
|
|
},
|
|
|
onLoad() {
|
|
|
uni.getStorage({
|
|
|
key: 'user_pass',
|
|
|
success: (res) => {
|
|
|
- if(res.data){
|
|
|
+ if (res.data) {
|
|
|
this.formdata.passwold = res.data
|
|
|
- this.checked =true
|
|
|
- }else{
|
|
|
- this.checked =false
|
|
|
+ this.checked = true
|
|
|
+ } else {
|
|
|
+ this.checked = false
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
@@ -96,20 +106,80 @@
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- onShow(){
|
|
|
- uni.getStorage({
|
|
|
- key: 'session_key',
|
|
|
- success: (res) => {
|
|
|
- console.log(res)
|
|
|
- if(res.data!=""){
|
|
|
- uni.switchTab({
|
|
|
- url: "../index/index"
|
|
|
- })
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
+ onShow() {
|
|
|
+ this.getEquipList()
|
|
|
},
|
|
|
methods: {
|
|
|
+ async getEquipList() {
|
|
|
+ const res = await this.$myRequest({
|
|
|
+ url: '/api/api_gateway?method=home.homes.app_version_record',
|
|
|
+ data: {
|
|
|
+ ret: "first"
|
|
|
+ }
|
|
|
+ })
|
|
|
+ console.log(res)
|
|
|
+ this.appName = res[0].app_name
|
|
|
+ this.versions = Number(res[0].app_num.match(/\d+/g).join(""))
|
|
|
+ var id = Number(plus.runtime.version.match(/\d+/g).join(""))
|
|
|
+ console.log(this.versions,id)
|
|
|
+ if (this.versions > id) {
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ content: '检测到有新版本，是否更新？',
|
|
|
+ success: (res) => {
|
|
|
+ if (res.confirm) {
|
|
|
+ console.log('用户点击确定');
|
|
|
+ this.showA = true
|
|
|
+ this.isShow = true
|
|
|
+ this.upgrade()
|
|
|
+ } else if (res.cancel) {
|
|
|
+ plus.runtime.quit();
|
|
|
+ console.log('用户点击取消');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ uni.getStorage({
|
|
|
+ key: 'session_key',
|
|
|
+ success: (res) => {
|
|
|
+ console.log(res)
|
|
|
+ if (res.data != "") {
|
|
|
+ uni.switchTab({
|
|
|
+ url: "../index/index"
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ upgrade() {
|
|
|
+ console.log(this.appName)
|
|
|
+ var url = this.value + "/app_file/" + this.appName
|
|
|
+ console.log(url)
|
|
|
+ const downloadTask = uni.downloadFile({
|
|
|
+ url: url, //仅为示例，并非真实的资源
|
|
|
+ success: (res) => {
|
|
|
+ console.log(res)
|
|
|
+ if (res.statusCode === 200) {
|
|
|
+ console.log('下载成功');
|
|
|
+ console.log('安装包下载成功，即将安装：' + JSON.stringify(res, null, 4));
|
|
|
+ plus.runtime.openFile(res.tempFilePath);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ fail: (err) => {
|
|
|
+ console.log(err)
|
|
|
+ },
|
|
|
+ complete: (com) => {
|
|
|
+ console.log(com)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ downloadTask.onProgressUpdate((res) => {
|
|
|
+ this.percentNum = res.progress
|
|
|
+ if (res.progress == 100) {
|
|
|
+ console.log('下载完成了')
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
async formSubmit() {
|
|
|
const res = await this.$myRequest({
|
|
|
url: '/api/api_gateway?method=user.login.login_user',
|
|
|
@@ -118,6 +188,7 @@
|
|
|
password: this.formdata.passwold
|
|
|
}
|
|
|
})
|
|
|
+ console.log(res.session_key)
|
|
|
let session_key = res.session_key
|
|
|
uni.setStorage({
|
|
|
key: 'session_key',
|
|
|
@@ -133,7 +204,7 @@
|
|
|
this.formdata.passwold = this.formdata.passwold.replace(/[\u4E00-\u9FA5]/g, '')
|
|
|
},
|
|
|
rempass(val) {
|
|
|
- if(val.value){
|
|
|
+ if (val.value) {
|
|
|
uni.setStorage({
|
|
|
key: 'user_pass',
|
|
|
data: this.formdata.passwold,
|
|
|
@@ -141,7 +212,7 @@
|
|
|
console.log('success');
|
|
|
}
|
|
|
})
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
uni.removeStorage({
|
|
|
key: 'user_pass',
|
|
|
success: function() {
|
|
|
@@ -150,7 +221,7 @@
|
|
|
})
|
|
|
}
|
|
|
},
|
|
|
- blur(val){
|
|
|
+ blur(val) {
|
|
|
uni.setStorage({
|
|
|
key: 'user_name',
|
|
|
data: val,
|
|
|
@@ -159,23 +230,29 @@
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- logoTime(){
|
|
|
+ logoTime() {
|
|
|
this.setTF = true
|
|
|
},
|
|
|
- set(){
|
|
|
+ set() {
|
|
|
this.setbgtf = true
|
|
|
},
|
|
|
- sethttp(){
|
|
|
+ sethttp() {
|
|
|
uni.setStorage({
|
|
|
- key: 'http',
|
|
|
- data: this.value,
|
|
|
- success: function () {
|
|
|
- console.log('success');
|
|
|
- }
|
|
|
+ key: 'http',
|
|
|
+ data: this.value,
|
|
|
+ success: () => {
|
|
|
+ // console.log(this.value);
|
|
|
+ this.setbgtf = false
|
|
|
+ uni.showToast({
|
|
|
+ title: "修改成功",
|
|
|
+ icon: "none"
|
|
|
+ })
|
|
|
+ this.getEquipList()
|
|
|
+ }
|
|
|
});
|
|
|
- this.setbgtf = false
|
|
|
+
|
|
|
},
|
|
|
- arrow(){
|
|
|
+ arrow() {
|
|
|
this.arrowtf = !this.arrowtf
|
|
|
}
|
|
|
}
|
|
|
@@ -190,22 +267,26 @@
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
padding-top: 240rpx;
|
|
|
+
|
|
|
image {
|
|
|
width: 280rpx;
|
|
|
margin: 0 auto;
|
|
|
height: 120rpx;
|
|
|
}
|
|
|
}
|
|
|
- .set{
|
|
|
+
|
|
|
+ .set {
|
|
|
position: absolute;
|
|
|
right: 50rpx;
|
|
|
top: 100rpx;
|
|
|
}
|
|
|
+
|
|
|
.bg {
|
|
|
width: 100%;
|
|
|
position: fixed;
|
|
|
bottom: 0;
|
|
|
z-index: -1;
|
|
|
+
|
|
|
image {
|
|
|
width: 100%;
|
|
|
}
|
|
|
@@ -217,6 +298,7 @@
|
|
|
|
|
|
.uni-form-item {
|
|
|
width: 100%;
|
|
|
+
|
|
|
.username {
|
|
|
width: 80%;
|
|
|
margin: 0 auto;
|
|
|
@@ -270,25 +352,29 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .setbg{
|
|
|
+
|
|
|
+ .setbg {
|
|
|
width: 100%;
|
|
|
height: 100vh;
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
z-index: 99999;
|
|
|
- .mengban{
|
|
|
+
|
|
|
+ .mengban {
|
|
|
width: 100%;
|
|
|
height: 100vh;
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
background-color: rgba($color: #000000, $alpha: 0.5);
|
|
|
}
|
|
|
- .set_http{
|
|
|
+
|
|
|
+ .set_http {
|
|
|
position: absolute;
|
|
|
width: 90%;
|
|
|
left: 5%;
|
|
|
- top:30%;
|
|
|
- .set_http_top{
|
|
|
+ top: 30%;
|
|
|
+
|
|
|
+ .set_http_top {
|
|
|
display: flex;
|
|
|
justify-content: space-around;
|
|
|
background-color: #5DC18B;
|
|
|
@@ -299,36 +385,46 @@
|
|
|
border-top-left-radius: 20px;
|
|
|
font-size: 32rpx;
|
|
|
}
|
|
|
- .set_http_bot{
|
|
|
+
|
|
|
+ .set_http_bot {
|
|
|
height: 150px;
|
|
|
background-color: #FFFFFF;
|
|
|
border-bottom-right-radius: 20px;
|
|
|
border-bottom-left-radius: 20px;
|
|
|
padding: 30px;
|
|
|
- .set_http_bot_input{
|
|
|
+
|
|
|
+ .set_http_bot_input {
|
|
|
margin-top: 20rpx;
|
|
|
border: 2rpx solid #bdb6a6;
|
|
|
border-radius: 20rpx;
|
|
|
- padding: 10rpx 40rpx 0 20rpx;
|
|
|
+ padding: 10rpx 40rpx 0 20rpx;
|
|
|
font-size: 32rpx;
|
|
|
height: 30px;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
- input{
|
|
|
+
|
|
|
+ input {
|
|
|
width: 90%;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .scroll-Y{
|
|
|
+
|
|
|
+ .scroll-Y {
|
|
|
border: 2rpx solid #d0d0d0;
|
|
|
border-radius: 20rpx;
|
|
|
- .scroll-view-item{
|
|
|
+
|
|
|
+ .scroll-view-item {
|
|
|
padding-left: 20rpx;
|
|
|
- height: 50rpx;
|
|
|
+ height: 70rpx;
|
|
|
font-size: 28rpx;
|
|
|
- line-height: 50rpx;
|
|
|
+ line-height: 70rpx;
|
|
|
+ border-bottom: 2rpx solid #d0d0d0;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .upgradeBox {
|
|
|
+ padding: 15rpx;
|
|
|
+ }
|
|
|
</style>
|
