|
| xqd
@@ -6,11 +6,14 @@
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>设备调试</title>
|
|
|
<style>
|
|
|
+ *{
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
#main {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
- height: 15rem;
|
|
|
padding: 0 .5rem;
|
|
|
}
|
|
|
|
|
| xqd
@@ -28,6 +31,7 @@
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
flex-direction: column;
|
|
|
+ margin-top: 4rem;
|
|
|
}
|
|
|
|
|
|
.btnstyle {
|
|
| xqd
@@ -38,13 +42,27 @@
|
|
|
background-color: rgb(118, 206, 169);
|
|
|
color: #fff;
|
|
|
border-radius: .8rem;
|
|
|
- margin-top: .3rem;
|
|
|
+ margin-top: .8rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btncolor {
|
|
|
+ background: white !important;
|
|
|
+ }
|
|
|
+ .bg-image{
|
|
|
+ background-image:url(/img/beautiful.png);
|
|
|
+ background-size: cover;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ }
|
|
|
+ .bg-image1{
|
|
|
+ background-image:url(/img/beautiful2.png);
|
|
|
+ background-size: cover;
|
|
|
+ background-repeat: no-repeat;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
- <div id="main">
|
|
|
+ <div id="main" :class="isbg?'bg-image1':'bg-image'" style="height: 20rem">
|
|
|
<div class="container" v-if="isInstall">
|
|
|
<div v-if="list.length!=0">
|
|
|
<div v-for="(item,index) in list" :key="index" style="font-size: .5rem;margin-top: .3rem;"
|
|
| xqd
@@ -55,16 +73,16 @@
|
|
|
<input class="inputstyle" type="text" v-model="value" placeholder="请输入你需要升级的设备IMEI号码">
|
|
|
<button class="btnstyle" @click="installbtn">点击搜索</button>
|
|
|
</div>
|
|
|
- <div v-if="isshezhi" style="margin-top: 1rem; text-align: center">
|
|
|
- <h1 style="font-size: 0.7rem;text-align: center">绿色地球</h1>
|
|
|
- <input type="text" class="inputstyle" disabled v-model="value" placeholder="">
|
|
|
+ <div v-if="isshezhi" style="margin-top: 6rem; text-align: center">
|
|
|
+<!-- <h1 style="font-size: 0.7rem;text-align: center">绿色地球</h1>-->
|
|
|
+ <input type="text" class="inputstyle btncolor" disabled v-model="value" placeholder="">
|
|
|
<div v-if="phonedata.length!=0">
|
|
|
<div v-for="(item,index) in phonedata" :key="index" style="font-size: .5rem;margin-top: .3rem;"
|
|
|
@click="tapphone(item)">
|
|
|
{{item}}
|
|
|
</div>
|
|
|
</div>
|
|
|
- <input type="text" class="inputstyle" v-model="phone" placeholder="请输入DTU绑定手机卡号">
|
|
|
+ <input type="text" class="inputstyle" v-model="phone" placeholder="请输入DTU绑定手机卡号">
|
|
|
<br />
|
|
|
<select class="inputstyle" v-model="typevalue" @change="changeProduct($event)">
|
|
|
<option value="0">请选择</option>
|
|
| xqd
@@ -88,6 +106,7 @@
|
|
|
<div style="margin-top: .4rem;width: 100%;text-align: center;">
|
|
|
<button class="btnstyle" @click="resetbtn">重置设备</button>
|
|
|
<button class="btnstyle" @click="upbtn">升级程序</button>
|
|
|
+ <button class="btnstyle" @click="installbtn">刷新设备</button>
|
|
|
</div>
|
|
|
<div style="font-size: .3rem;margin-top: .4rem;">
|
|
|
备注：
|
|
| xqd
@@ -124,7 +143,8 @@
|
|
|
isbox: false,
|
|
|
isshezhi: false,
|
|
|
phoneList: [],
|
|
|
- phonedata: []
|
|
|
+ phonedata: [],
|
|
|
+ isbg:false
|
|
|
},
|
|
|
mounted() {
|
|
|
this.getNum()
|
|
| xqd
@@ -231,12 +251,13 @@
|
|
|
console.log("进来了")
|
|
|
this.isInstall = false
|
|
|
this.isbox = true
|
|
|
+ this.isbg = true
|
|
|
this.equipment = res.data.data.id
|
|
|
this.isxian = res.data.data.status
|
|
|
this.versionNum = res.data.data.version
|
|
|
this.isnew = res.data.data.is_last
|
|
|
this.typevalue = res.data.data.device_type
|
|
|
- } else if (res.data.data.phone == null && res.data.data.device_type == null) {
|
|
|
+ } else if (res.data.data.phone == null || res.data.data.device_type == null) {
|
|
|
console.log("进来了")
|
|
|
this.isInstall = false
|
|
|
this.isshezhi = true
|
whj
