| xqd
@@ -39,52 +39,68 @@
|
|
|
background-color: white;
|
|
|
color: black;
|
|
|
}
|
|
|
+
|
|
|
+ input{
|
|
|
+ /*width: 2.3rem;*/
|
|
|
+ background-color: #fff;
|
|
|
+ outline: none;
|
|
|
+ border: 0.01rem solid #efefef;
|
|
|
+ padding: 0.22rem;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
+
|
|
|
<div id="main" style="margin-bottom: 2rem;">
|
|
|
- <nav class="bianhao">
|
|
|
- 设备编号:@{{arrdata.device_name}}
|
|
|
- </nav>
|
|
|
- <article>
|
|
|
- <div class="bianhao" style="padding-top: 0;">
|
|
|
- 设备型号:@{{xiangti}}
|
|
|
- </div>
|
|
|
- <div class="bianhao" style="padding-top: 0;">
|
|
|
- 示意图:
|
|
|
- </div>
|
|
|
- <div style="text-align: center;">
|
|
|
- <img src="{{$img}}" alt="" style="width: 7rem;height: 4rem;">
|
|
|
- </div>
|
|
|
- <div class="bianhao" style="padding-top: 0;">
|
|
|
- 全部箱体
|
|
|
- </div>
|
|
|
- <div class="bianhao" style="padding-top: 0; border-bottom: 0.01rem solid #efefef;">
|
|
|
- <button @click="startbtn()" :class="classbtn" :disabled="startbtndib">@{{mssage}}</button>
|
|
|
- <div style="font-size: .3rem;padding-top: .1rem;padding-bottom: .1rem;">点击【开始测试】,全部箱体立即锁死,每15秒锁位状态改变一次
|
|
|
+ <div v-if="findBox" style="margin-top: 1rem; text-align: center">
|
|
|
+ <h1 style="font-size: 0.7rem;text-align: center">绿色地球定时定点设备调试</h1>
|
|
|
+ <input type="text" v-model="value" placeholder="请输入设备编号" >
|
|
|
+ <button @click="btnfun()" >搜索</button>
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ <nav class="bianhao">
|
|
|
+ 设备编号:@{{arrdata.device_name}}
|
|
|
+ </nav>
|
|
|
+ <article>
|
|
|
+ <div class="bianhao" style="padding-top: 0;">
|
|
|
+ 设备型号:@{{xiangti}}
|
|
|
+ </div>
|
|
|
+ <div class="bianhao" style="padding-top: 0;">
|
|
|
+ 示意图:
|
|
|
+ </div>
|
|
|
+ <div style="text-align: center;">
|
|
|
+ <img v-bind:src="{{@devceImg}}" alt="" style="width: 7rem;height: 4rem;">
|
|
|
+ </div>
|
|
|
+ <div class="bianhao" style="padding-top: 0;">
|
|
|
+ 全部箱体
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="bianhao" style="padding-top: 0; margin-top: .4rem; border-bottom: 0.01rem solid #efefef;">
|
|
|
- <button v-preventclick @click="dingshi()" class="" :disabled="dingshibtn">@{{time}}s定时</button>
|
|
|
- <div style="font-size: .3rem;padding-top: .1rem;padding-bottom: .1rem;">
|
|
|
- 点击【定时测试】,3min后,锁位开启,4min后锁位关闭,设备配置后,无法点击调试</div>
|
|
|
- </div>
|
|
|
- <div v-for="(item,index) in boxarr" :key="index">
|
|
|
- <div class="bianhao"
|
|
|
- style="font-size: 0.4rem;display: flex; align-items: center; justify-content: space-between;">
|
|
|
- <div>@{{item.name}}</div>
|
|
|
- <button @click="suowei(item,index)" :data-index="index" :data-id="item.id" :data-name="item.name"
|
|
|
- v-preventclick class="suoweiList" :disabled="allbtn">@{{item.time}}s定时</button>
|
|
|
+ <div class="bianhao" style="padding-top: 0; border-bottom: 0.01rem solid #efefef;">
|
|
|
+ <button @click="startbtn()" :class="classbtn" :disabled="startbtndib">@{{mssage}}</button>
|
|
|
+ <div style="font-size: .3rem;padding-top: .1rem;padding-bottom: .1rem;">点击【开始测试】,全部箱体立即锁死,每15秒锁位状态改变一次
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </article>
|
|
|
+ <div class="bianhao" style="padding-top: 0; margin-top: .4rem; border-bottom: 0.01rem solid #efefef;">
|
|
|
+ <button v-preventclick @click="dingshi()" class="" :disabled="dingshibtn">定时测试</button>
|
|
|
+ <div style="font-size: .3rem;padding-top: .1rem;padding-bottom: .1rem;">
|
|
|
+ 点击【定时测试】,5-6秒之内锁位关闭,约4分钟左右锁位开启,1分钟后锁位关闭,测试按钮可再次点击。<br>注:设备配置后,无法点击调试</div>
|
|
|
+ </div>
|
|
|
+ <div v-for="(item,index) in boxarr" :key="index">
|
|
|
+ <div class="bianhao"
|
|
|
+ style="font-size: 0.4rem;display: flex; align-items: center; justify-content: space-between;">
|
|
|
+ <div>@{{item.name}}</div>
|
|
|
+ <button @click="suowei(item,index)" :data-index="index" :data-id="item.id" :data-name="item.name"
|
|
|
+ v-preventclick class="suoweiList" :disabled="allbtn">定时测试</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </article>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.min.js"></script>
|
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.20.0/axios.min.js"></script>
|
|
|
<script src="./js/auto-size.js"></script>
|
|
|
+<script src="./js/jquery-1.11.0.min.js"></script>
|
|
|
<script>
|
|
|
- var id = {{$id}}
|
|
|
Vue.directive('preventclick', {
|
|
|
inserted: function (button, bind) {
|
|
|
button.addEventListener('click', () => {
|
| xqd
@@ -103,25 +119,41 @@
|
|
|
isstart: false,
|
|
|
mssage: "开始测试",
|
|
|
classbtn: "",
|
|
|
+ findBox: true,
|
|
|
+ isShow:false,
|
|
|
time: 180,
|
|
|
allbtn: false,
|
|
|
startbtndib: false,
|
|
|
dingshibtn: false,
|
|
|
+ devceImg:'',
|
|
|
+ id:'',
|
|
|
arrdata: {},
|
|
|
boxarr: [],
|
|
|
+ boxnamearr:["四箱","五箱","四箱可回收","五箱可回收"],
|
|
|
type: 1,
|
|
|
dingshitype: 3,
|
|
|
alltype: 4,
|
|
|
startdata: "",
|
|
|
- xiangti: ""
|
|
|
+ xiangti: "",
|
|
|
+ value:""
|
|
|
},
|
|
|
mounted() {
|
|
|
- this.getData()
|
|
|
+ // this.getData("866222053211317")
|
|
|
+ // console.log("111111")
|
|
|
},
|
|
|
+
|
|
|
methods: {
|
|
|
+ btnfun(){
|
|
|
+ console.log(this.value)
|
|
|
+ if(this.value){
|
|
|
+ this.getData(this.value)
|
|
|
+ } else {
|
|
|
+ alert('请输入设备编号')
|
|
|
+ }
|
|
|
+ },
|
|
|
startbtn(e) {
|
|
|
//开始测试
|
|
|
- axios.get("http://172.31.31.199/send_protocol?id="+id+"&type=" + this.type).then(res => {
|
|
|
+ axios.get("http://172.31.31.199/send_protocol?id="+this.value+"&type=" + this.type).then(res => {
|
|
|
if (res.data.code == 603) {
|
|
|
alert(res.data.msg)
|
|
|
} else {
|
| xqd
@@ -153,7 +185,7 @@
|
|
|
this.allbtn = false
|
|
|
}
|
|
|
}, 1000)
|
|
|
- axios.get("http://172.31.31.199/send_protocol?id="+id+"&type=" + this.dingshitype).then(res => {
|
|
|
+ axios.get("http://172.31.31.199/send_protocol?id="+this.value+"&type=" + this.dingshitype).then(res => {
|
|
|
if (res.data.code == 603) {
|
|
|
alert(res.data.msg)
|
|
|
}
|
| xqd
@@ -169,7 +201,7 @@
|
|
|
}, 20000);
|
|
|
}
|
|
|
});
|
|
|
- axios.get("http://172.31.31.199/send_protocol?id="+id+"&type=" + this.alltype + "&box_name=" + e.id).then(res => {
|
|
|
+ axios.get("http://172.31.31.199/send_protocol?id="+this.value+"&type=" + this.alltype + "&box_name=" + e.id).then(res => {
|
|
|
if (res.data.code == 603) {
|
|
|
alert(res.data.msg)
|
|
|
} else {
|
| xqd
@@ -177,13 +209,41 @@
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- getData: function () {
|
|
|
- axios.get("http://172.31.31.199/get_boxname?id="+id).then(res => {
|
|
|
+ getData: function (id) {
|
|
|
+ axios.get("http://172.31.31.199/get_boxname?id="+this.value).then(res => {
|
|
|
console.log(res)
|
|
|
if (res.data.code == 200) {
|
|
|
- let num = res.data.data.device_type == "1" ? 5 : 6
|
|
|
+ let type = res.data.data.device_type
|
|
|
+ switch (parseInt(type)){
|
|
|
+ case 1:
|
|
|
+ num = 4;
|
|
|
+ break;
|
|
|
+ case 2:
|
|
|
+ num = 5;
|
|
|
+ break;
|
|
|
+ case 3:
|
|
|
+ num = 5;
|
|
|
+ break;
|
|
|
+ case 4:
|
|
|
+ num = 6;
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ console.log('defige',type)
|
|
|
+ num = 4;
|
|
|
+ }
|
|
|
this.arrdata = res.data.data
|
|
|
- this.xiangti = this.arrdata.device_type == "1" ? '四箱' : '五箱'
|
|
|
+ if(this.arrdata.length == 0){
|
|
|
+ alert('异常设备请重新输入');
|
|
|
+ return ;
|
|
|
+ }
|
|
|
+ this.findBox = false;
|
|
|
+ this.devceImg = res.data.data.device_image
|
|
|
+ // this.xiangti = this.arrdata.device_type == "1" ? '四箱' : '五箱'
|
|
|
+
|
|
|
+ this.xiangti = this.boxnamearr[res.data.data.device_type-1];
|
|
|
+ if((res.data.data.device_type-1) < 0){
|
|
|
+ this.xiangti = '四箱';
|
|
|
+ }
|
|
|
for (let i = 0; i < num; i++) {
|
|
|
let obj = {
|
|
|
time: 180,
|