system-phone 3.0.49-6 → 3.0.49-8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,180 +1,180 @@
1
- <template>
2
- <div class="page-header app-header auto">
3
- <span style="margin-left:33px">{{title}}</span>
4
- <div class="app-header-back" @click='back()' v-show="needBack">
5
- <img src="../assets/返回.png" style="height: 20px;margin-right:-10px"/>
6
- </div>
7
- <div class="app-header-back" style="height: auto" v-show="!needBack">
8
- <img src="../assets/denglu.png" style="height: 20px;margin-right:-10px;margin-top:-10px"/>
9
- <span style="margin-left:5px;color: #ffffff;font-size: 1.0em;">{{loginname}}</span>
10
- </div>
11
- <div class="app-header-list" v-if="showList">
12
- <dropdown>
13
- <a href="#" data-toggle="dropdown" class="dropdown-toggle" style="color: white;font-size:19px">
14
- <div class="app-header-newaddserver" style="line-height: 1px;margin-top: -5px">
15
- <img src="../assets/newadd3.png" style="height: 20px;margin-right:-10px"/>
16
- </div>
17
- </a>
18
- <ul slot="dropdown-menu" class="dropdown-menu dropdown-menu-right">
19
- <li >
20
- <a href="#" @click="gotopage('sell-info',{user:user})">
21
- <img src="../assets/待办工单竖屏3.png"> 报修工单
22
- </a>
23
- <hr>
24
- <a href="#" @click="gotopage('repair-message',{user:user})">
25
- <img src="../assets/安检导航竖屏3.png"/> 安检计划
26
- </a>
27
- <hr>
28
- <a href="#" @click="gotopage('changemeter-info',{user:user})">
29
- <img src="../assets/手机抄表竖屏3.png"/> 抄表计划
30
- </a>
31
- <hr>
32
- <hr>
33
- </li>
34
- </ul>
35
- </dropdown>
36
- </div>
37
- <div class="app-header-guanbishengyin" style="line-height: 25px" @click='mute()'>
38
- <img v-if="!f_voiceSwitch" src="../assets/jingyin3.png" style="height: 20px; width: 20px;"/>
39
- <img v-if="f_voiceSwitch" src="../assets/yinliang.png" style="height: 20px; width: 20px;"/>
40
- </div>
41
- </div>
42
- </template>
43
-
44
- <script>
45
- import Vue from 'vue'
46
- export default {
47
- title: '通用头部组件',
48
- data () {
49
- return {
50
- loginname: Vue.user.name,
51
- f_voiceSwitch:true
52
- }
53
- },
54
- props: {
55
- user:{
56
- type:Object
57
- },
58
- userinfo:{
59
- type:Object
60
- },
61
- // 是否显示列表控件
62
- showList: {
63
- type: Boolean,
64
- default: false
65
- },
66
- title: {
67
- type: String,
68
- default: '燃气应用'
69
- },
70
- needBack: {
71
- type: Boolean,
72
- default: true
73
- }
74
- },
75
- ready(){
76
- //首次进入默认开启播放
77
- HostApp.setPreference('f_voiceSwitch','true')
78
- },
79
- methods: {
80
- // 新增工单
81
- newadd(){
82
- // 事件
83
- },
84
- // 跳转页面
85
- gotopage(param,props) {
86
- this.$goto(param,props)
87
- },
88
- back () {
89
- // console.log('发送返回事件')
90
- this.$emit('back')
91
- },
92
- // 关闭新消息响铃(静音)
93
- mute () {
94
- if(navigator.userAgent.match('iPad') || navigator.userAgent.match('iPhone')){
95
- window.prompt("mute","")
96
- }else{
97
- HostApp.mute()
98
- switch (HostApp.getPreference('f_voiceSwitch').data){
99
- case 'true' : HostApp.setPreference('f_voiceSwitch','false')
100
- this.f_voiceSwitch= false
101
- break
102
- case 'false' : HostApp.setPreference('f_voiceSwitch','true')
103
- this.f_voiceSwitch= true
104
- break
105
- default : HostApp.setPreference('f_voiceSwitch','true')
106
- }
107
- }
108
- },
109
- }
110
- }
111
- </script>
112
- <style scoped>
113
- .app-header {
114
- position: fixed;
115
- top:0px;
116
- width: 100%;
117
- margin: 0px;
118
- background: #499edf;
119
- color: #FFF;
120
- padding: 10px;
121
- text-align: center;
122
- font-size: 15px;
123
- height: 7%;
124
-
125
- /*margin-bottom: 20px;*/
126
- }
127
- .app-header-back {
128
- position: absolute;
129
- top: 12px;
130
- color: #D8DCE5;
131
- }
132
- .app-header-list {
133
- height: 40px;
134
- float: right;
135
- color: #D8DCE5;
136
- }
137
- .app-header-guanbishengyin {
138
- margin-right: 10px;
139
- float: right;
140
- color: #D8DCE5;
141
- }
142
- .app-header-newaddserver {
143
- margin-right: 10px;
144
- float: right;
145
- color: #D8DCE5;
146
- }
147
- .app-header-volume {
148
- position: absolute;
149
- top: 0;
150
- display: flex;
151
- flex-direction: column;
152
- justify-content: center;
153
- right: 20px;
154
- color: #D8DCE5;
155
- font-size: 1.5em;
156
- }
157
- .dropdown-menu {
158
- background-color: #212a35;
159
- }
160
- .dropdown-menu a{
161
- color: white;
162
- }
163
- .dropdown-menu a:hover{
164
- color: white;
165
- background-color: #6b85a3;
166
- }
167
- .dropdown-menu img{
168
- width: 22%;
169
- margin-top: -5px;
170
- }
171
- .dropdown-menu hr{
172
- margin-top: 0px;
173
- margin-bottom: 0px;
174
- margin-right:0px;
175
- width: 80%;
176
- }
177
- .glyphicon-menu-left{
178
- color:#fff;
179
- }
180
- </style>
1
+ <template>
2
+ <div class="page-header app-header auto">
3
+ <span style="margin-left:33px">{{title}}</span>
4
+ <div class="app-header-back" @click='back()' v-show="needBack">
5
+ <img src="../assets/返回.png" style="height: 20px;margin-right:-10px"/>
6
+ </div>
7
+ <div class="app-header-back" style="height: auto" v-show="!needBack">
8
+ <img src="../assets/denglu.png" style="height: 20px;margin-right:-10px;margin-top:-10px"/>
9
+ <span style="margin-left:5px;color: #ffffff;font-size: 1.0em;">{{loginname}}</span>
10
+ </div>
11
+ <div class="app-header-list" v-if="showList">
12
+ <dropdown>
13
+ <a href="#" data-toggle="dropdown" class="dropdown-toggle" style="color: white;font-size:19px">
14
+ <div class="app-header-newaddserver" style="line-height: 1px;margin-top: -5px">
15
+ <img src="../assets/newadd3.png" style="height: 20px;margin-right:-10px"/>
16
+ </div>
17
+ </a>
18
+ <ul slot="dropdown-menu" class="dropdown-menu dropdown-menu-right">
19
+ <li >
20
+ <a href="#" @click="gotopage('sell-info',{user:user})">
21
+ <img src="../assets/待办工单竖屏3.png"> 报修工单
22
+ </a>
23
+ <hr>
24
+ <a href="#" @click="gotopage('repair-message',{user:user})">
25
+ <img src="../assets/安检导航竖屏3.png"/> 安检计划
26
+ </a>
27
+ <hr>
28
+ <a href="#" @click="gotopage('changemeter-info',{user:user})">
29
+ <img src="../assets/手机抄表竖屏3.png"/> 抄表计划
30
+ </a>
31
+ <hr>
32
+ <hr>
33
+ </li>
34
+ </ul>
35
+ </dropdown>
36
+ </div>
37
+ <div class="app-header-guanbishengyin" style="line-height: 25px" @click='mute()'>
38
+ <img v-if="!f_voiceSwitch" src="../assets/jingyin3.png" style="height: 20px; width: 20px;"/>
39
+ <img v-if="f_voiceSwitch" src="../assets/yinliang.png" style="height: 20px; width: 20px;"/>
40
+ </div>
41
+ </div>
42
+ </template>
43
+
44
+ <script>
45
+ import Vue from 'vue'
46
+ export default {
47
+ title: '通用头部组件',
48
+ data () {
49
+ return {
50
+ loginname: Vue.user.name,
51
+ f_voiceSwitch:true
52
+ }
53
+ },
54
+ props: {
55
+ user:{
56
+ type:Object
57
+ },
58
+ userinfo:{
59
+ type:Object
60
+ },
61
+ // 是否显示列表控件
62
+ showList: {
63
+ type: Boolean,
64
+ default: false
65
+ },
66
+ title: {
67
+ type: String,
68
+ default: '燃气应用'
69
+ },
70
+ needBack: {
71
+ type: Boolean,
72
+ default: true
73
+ }
74
+ },
75
+ ready(){
76
+ //首次进入默认开启播放
77
+ HostApp.setPreference('f_voiceSwitch','true')
78
+ },
79
+ methods: {
80
+ // 新增工单
81
+ newadd(){
82
+ // 事件
83
+ },
84
+ // 跳转页面
85
+ gotopage(param,props) {
86
+ this.$goto(param,props)
87
+ },
88
+ back () {
89
+ // console.log('发送返回事件')
90
+ this.$emit('back')
91
+ },
92
+ // 关闭新消息响铃(静音)
93
+ mute () {
94
+ if(navigator.userAgent.match('iPad') || navigator.userAgent.match('iPhone')){
95
+ window.prompt("mute","")
96
+ }else{
97
+ HostApp.mute()
98
+ switch (HostApp.getPreference('f_voiceSwitch').data){
99
+ case 'true' : HostApp.setPreference('f_voiceSwitch','false')
100
+ this.f_voiceSwitch= false
101
+ break
102
+ case 'false' : HostApp.setPreference('f_voiceSwitch','true')
103
+ this.f_voiceSwitch= true
104
+ break
105
+ default : HostApp.setPreference('f_voiceSwitch','true')
106
+ }
107
+ }
108
+ },
109
+ }
110
+ }
111
+ </script>
112
+ <style scoped>
113
+ .app-header {
114
+ position: fixed;
115
+ top:0px;
116
+ width: 100%;
117
+ margin: 0px;
118
+ background: #499edf;
119
+ color: #FFF;
120
+ padding: 10px;
121
+ text-align: center;
122
+ font-size: 15px;
123
+ height: 7%;
124
+
125
+ /*margin-bottom: 20px;*/
126
+ }
127
+ .app-header-back {
128
+ position: absolute;
129
+ top: 12px;
130
+ color: #D8DCE5;
131
+ }
132
+ .app-header-list {
133
+ height: 40px;
134
+ float: right;
135
+ color: #D8DCE5;
136
+ }
137
+ .app-header-guanbishengyin {
138
+ margin-right: 10px;
139
+ float: right;
140
+ color: #D8DCE5;
141
+ }
142
+ .app-header-newaddserver {
143
+ margin-right: 10px;
144
+ float: right;
145
+ color: #D8DCE5;
146
+ }
147
+ .app-header-volume {
148
+ position: absolute;
149
+ top: 0;
150
+ display: flex;
151
+ flex-direction: column;
152
+ justify-content: center;
153
+ right: 20px;
154
+ color: #D8DCE5;
155
+ font-size: 1.5em;
156
+ }
157
+ .dropdown-menu {
158
+ background-color: #212a35;
159
+ }
160
+ .dropdown-menu a{
161
+ color: white;
162
+ }
163
+ .dropdown-menu a:hover{
164
+ color: white;
165
+ background-color: #6b85a3;
166
+ }
167
+ .dropdown-menu img{
168
+ width: 22%;
169
+ margin-top: -5px;
170
+ }
171
+ .dropdown-menu hr{
172
+ margin-top: 0px;
173
+ margin-bottom: 0px;
174
+ margin-right:0px;
175
+ width: 80%;
176
+ }
177
+ .glyphicon-menu-left{
178
+ color:#fff;
179
+ }
180
+ </style>