device_operate_frm.html
7.68 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<meta name="referrer" content="no-referrer">
<title>操作命令_frm</title>
<link rel="stylesheet" type="text/css" href="../../../css/api.css"/>
<link rel="stylesheet" type="text/css" href="../../../css/aui.css"/>
<link rel="stylesheet" type="text/css" href="../../../css/home.css"/>
<link rel="stylesheet" type="text/css" href="../../../css/element.css"/>
<link rel="stylesheet" type="text/css" href="../../../css/style.css"/>
<style>
html,
body{
background-color: #F4F6F9;
}
</style>
</head>
<body>
<div id="app">
<template>
<div class="store01001-operate-param-title" style="height: auto;">
<div style="margin-left:15px;margin-right:15.5px;">
<div class="aui-row aui-row-flex store01001-operate-top-14">
<div class="aui-col aui-col-span-1" style="margin-top: 1rem;">
<div class="store01001-operate-title-sign"></div>
</div>
<div class="aui-col aui-col-span-23">
<span class="store01001-operate-device-name" id="device_imei">设备编号：{{ api.pageParam.imei }}</span>
</div>
</div>
<el-tabs v-model="activeName" @tab-click="handleClick" stretch>
<el-tab-pane label="参数设置" name="first">
</el-tab-pane>
<el-tab-pane label="使能控制" name="second"></el-tab-pane>
<el-tab-pane label="定时合分闸" name="third"></el-tab-pane>
</el-tabs>
</div>
</div>
<div v-if="opener===1" class="store01001-operate-info-panel">
<div class="store01001-operate-info-inside-panel">
<div v-for="(list, i) in setParamList">
<div class="aui-row aui-row-flex store01001-operate-padding-top-21">
<div class="aui-col aui-col-span-15 aui-row-flex-start">
<span class="store01001-operate-param-obj">{{ list.paramTitle }}</span><span class="store01001-operate-param-obj-extra aui-hide" style="margin-left:0.3rem;" >(<span id="gzdl_range"></span > A)</span>
</div>
<div class="aui-col aui-col-span-5 aui-row-flex-end">
<span style="height:1.26rem;margin-right:-0.2rem;text-align:right;font-family:DINPro-Medium;font-weight:500;color:rgba(91,127,248,1);font-size:16px;">{{ list.paramValue }}</span>
</div>
<div class="aui-col aui-col-span-2 aui-row-flex-start">
<span class="store01001-operate-num-value store01001-operate-num-unit">{{ list.paramUnit }}</span>
</div>
<div class="aui-col aui-col-span-2 aui-row-flex-end">
<i class="aui-iconfont aui-icon-right icon-right" style="color:#AEB8CE;margin-top: 0.1rem;"></i>
</div>
</div>
<div class="panel-line store01001-operate-margin-top-21"></div>
</div>
</div>
</div>
<div style="height:21px;"></div>
</template>
</div>
</body>
<script type="text/javascript" src="../../../script/api.js"></script>
<script type="text/javascript" src="../../../script/aui-tab.js"></script>
<script type="text/javascript" src="../../../script/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../../script/vue.min.js"></script>
<script type="text/javascript" src="../../../script/common.js"></script>
<script type="text/javascript" src="../../../script/element.js"></script>
<script type="text/javascript" src="../../../script/ctrl.js"></script>
<script type="text/javascript">
var vm,
that;
var tabTypeList = {
"first": 1,
"second": 2,
"third": 3,
}
apiready = function(){
api.parseTapmode();
//---------初始化vue
vm = new Vue({
el: '#app',
data: {
imei: api.pageParam.imei,
productId: api.pageParam.productId,
user_id: api.getPrefs({sync: true,key: 'userID'}),
token: api.getPrefs({sync: true,key: 'userToken'}),
activeName: "first",
opener: 1,
setParamList: [
{paramSign: "rw_ssdlzdbs", paramTitle: "瞬时短路倍数", paramValue: "", paramUnit: ""},
{paramSign: "rw_dysdlzdbs", paramTitle: "短延时短路倍数", paramValue: "", paramUnit: ""},
{paramSign: "rw_fault_gdyzd", paramTitle: "过电压动作值", paramValue: "", paramUnit: "V"},
{paramSign: "rw_fault_qdyzd", paramTitle: "欠电压动作值", paramValue: "", paramUnit: "V"},
{paramSign: "rw_fault_gzdlzd", paramTitle: "过载电流动作值", paramValue: "", paramUnit: "V"},
{paramSign: "rw_gztimezd", paramTitle: "过载时间动作值", paramValue: "", paramUnit: "s"},
{paramSign: "rw_fault_loudiandlzd", paramTitle: "漏电电流动作值", paramValue: "", paramUnit: "mA"},
{paramSign: "rw_fault_wenduzdz", paramTitle: "超温动作值", paramValue: "", paramUnit: "℃"},
{paramSign: "rw_chz_delay_time", paramTitle: "重合闸延时时间", paramValue: "", paramUnit: "s"},
{paramSign: "rw_chzbs_time", paramTitle: "重合闸闭锁时间", paramValue: "", paramUnit: "s"},
{paramSign: "rw_lhaction_delay_time", paramTitle: "拉弧动作值", paramValue: "", paramUnit: "A"},
{paramSign: "rw_ssdlzdbs", paramTitle: "拉弧动作延时时间", paramValue: "", paramUnit: "s"},
{paramSign: "rw_fzgs", paramTitle: "负载个数", paramValue: "", paramUnit: ""},
{paramSign: "rw_fzzzd", paramTitle: "负载值", paramValue: "", paramUnit: "W"},
// {paramSign: "rw_qxyssj", paramTitle: "缺相延时时间", paramValue: "", paramUnit: ""},
]
},
created() {
that = this
this.initFirstPage()
},
methods: {
handleClick(tab, event) {
this.opener = tabTypeList[tab.name]
console.log(this.opener);
switch (this.opener) {
case 1:
this.initFirstPage()
break;
case 2:
this.initSecondPage()
break;
case 3:
this.initThirdPage()
break;
default:
break;
}
},
async initFirstPage() {
let params = {
imei: this.imei,
userId: this.userId,
token: this.token
}
let lastInfoRes = await get_device_infos_by_imei(params)
let lastInfo = lastInfoRes.data.device.store03001
console.log(JSON.stringify(lastInfo));
for (var v1 in lastInfo) {
this.setParamList.forEach(d => {
if (v1 === d.paramSign) {
d.paramValue = lastInfo[v1]
}
});
}
},
async initSecondPage() {
},
async initThirdPage() {
}
}
})
};
</script>
</html>