system-phone 3.0.8 → 3.0.9

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/assets/R-C.png +0 -0
  3. package/src/components/ToolsPage.vue +173 -165
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "system-phone",
3
- "version": "3.0.8",
3
+ "version": "3.0.9",
4
4
  "description": "手机模块 前端组件",
5
5
  "author": "何宁社 <524395609@qq.com>",
6
6
  "license": "ISC",
package/src/assets/R-C.png ADDED
Binary file
package/src/components/ToolsPage.vue CHANGED
@@ -1,165 +1,173 @@
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 src="../assets/jingyin3.png" style="height: 20px;"/>
39
- </div>
40
- </div>
41
- </template>
42
-
43
- <script>
44
- import Vue from 'vue'
45
- export default {
46
- title: '通用头部组件',
47
- data () {
48
- return {
49
- loginname: Vue.user.name
50
- }
51
- },
52
- props: {
53
- user:{
54
- type:Object
55
- },
56
- userinfo:{
57
- type:Object
58
- },
59
- // 是否显示列表控件
60
- showList: {
61
- type: Boolean,
62
- default: false
63
- },
64
- title: {
65
- type: String,
66
- default: '燃气应用'
67
- },
68
- needBack: {
69
- type: Boolean,
70
- default: true
71
- }
72
- },
73
- methods: {
74
- // 新增工单
75
- newadd(){
76
- // 事件
77
- },
78
- // 跳转页面
79
- gotopage(param,props) {
80
- this.$goto(param,props)
81
- },
82
- back () {
83
- // console.log('发送返回事件')
84
- this.$emit('back')
85
- },
86
- // 关闭新消息响铃（静音）
87
- mute () {
88
- if(navigator.userAgent.match('iPad') || navigator.userAgent.match('iPhone')){
89
- window.prompt("mute","")
90
- }else{
91
- HostApp.mute()
92
- }
93
- },
94
- }
95
- }
96
- </script>
97
- <style scoped>
98
- .app-header {
99
- position: fixed;
100
- top:0px;
101
- width: 100%;
102
- margin: 0px;
103
- background: #499edf;
104
- color: #FFF;
105
- padding: 10px;
106
- text-align: center;
107
- font-size: 15px;
108
- height: 7%;
109
-
110
- /*margin-bottom: 20px;*/
111
- }
112
- .app-header-back {
113
- position: absolute;
114
- top: 12px;
115
- color: #D8DCE5;
116
- }
117
- .app-header-list {
118
- height: 40px;
119
- float: right;
120
- color: #D8DCE5;
121
- }
122
- .app-header-guanbishengyin {
123
- margin-right: 10px;
124
- float: right;
125
- color: #D8DCE5;
126
- }
127
- .app-header-newaddserver {
128
- margin-right: 10px;
129
- float: right;
130
- color: #D8DCE5;
131
- }
132
- .app-header-volume {
133
- position: absolute;
134
- top: 0;
135
- display: flex;
136
- flex-direction: column;
137
- justify-content: center;
138
- right: 20px;
139
- color: #D8DCE5;
140
- font-size: 1.5em;
141
- }
142
- .dropdown-menu {
143
- background-color: #212a35;
144
- }
145
- .dropdown-menu a{
146
- color: white;
147
- }
148
- .dropdown-menu a:hover{
149
- color: white;
150
- background-color: #6b85a3;
151
- }
152
- .dropdown-menu img{
153
- width: 22%;
154
- margin-top: -5px;
155
- }
156
- .dropdown-menu hr{
157
- margin-top: 0px;
158
- margin-bottom: 0px;
159
- margin-right:0px;
160
- width: 80%;
161
- }
162
- .glyphicon-menu-left{
163
- color:#fff;
164
- }
165
- </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; "/>
39
+ <img v-if="!f_voiceSwitch" src="../assets/R-C.png" style="height: 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:HostApp.getPreference('f_voiceSwitch').data
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
+ methods: {
76
+ // 新增工单
77
+ newadd(){
78
+ // 事件
79
+ },
80
+ // 跳转页面
81
+ gotopage(param,props) {
82
+ this.$goto(param,props)
83
+ },
84
+ back () {
85
+ // console.log('发送返回事件')
86
+ this.$emit('back')
87
+ },
88
+ // 关闭新消息响铃（静音）
89
+ mute () {
90
+ if(navigator.userAgent.match('iPad') || navigator.userAgent.match('iPhone')){
91
+ window.prompt("mute","")
92
+ }else{
93
+ switch (HostApp.getPreference('f_voiceSwitch').data){
94
+ case 'true' : HostApp.setPreference('f_voiceSwitch','false')
95
+ break
96
+ case 'false' : HostApp.setPreference('f_voiceSwitch','true')
97
+ break
98
+ default : HostApp.setPreference('f_voiceSwitch','true')
99
+ }
100
+ }
101
+ },
102
+ }
103
+ }
104
+ </script>
105
+ <style scoped>
106
+ .app-header {
107
+ position: fixed;
108
+ top:0px;
109
+ width: 100%;
110
+ margin: 0px;
111
+ background: #499edf;
112
+ color: #FFF;
113
+ padding: 10px;
114
+ text-align: center;
115
+ font-size: 15px;
116
+ height: 7%;
117
+
118
+ /*margin-bottom: 20px;*/
119
+ }
120
+ .app-header-back {
121
+ position: absolute;
122
+ top: 12px;
123
+ color: #D8DCE5;
124
+ }
125
+ .app-header-list {
126
+ height: 40px;
127
+ float: right;
128
+ color: #D8DCE5;
129
+ }
130
+ .app-header-guanbishengyin {
131
+ margin-right: 10px;
132
+ float: right;
133
+ color: #D8DCE5;
134
+ }
135
+ .app-header-newaddserver {
136
+ margin-right: 10px;
137
+ float: right;
138
+ color: #D8DCE5;
139
+ }
140
+ .app-header-volume {
141
+ position: absolute;
142
+ top: 0;
143
+ display: flex;
144
+ flex-direction: column;
145
+ justify-content: center;
146
+ right: 20px;
147
+ color: #D8DCE5;
148
+ font-size: 1.5em;
149
+ }
150
+ .dropdown-menu {
151
+ background-color: #212a35;
152
+ }
153
+ .dropdown-menu a{
154
+ color: white;
155
+ }
156
+ .dropdown-menu a:hover{
157
+ color: white;
158
+ background-color: #6b85a3;
159
+ }
160
+ .dropdown-menu img{
161
+ width: 22%;
162
+ margin-top: -5px;
163
+ }
164
+ .dropdown-menu hr{
165
+ margin-top: 0px;
166
+ margin-bottom: 0px;
167
+ margin-right:0px;
168
+ width: 80%;
169
+ }
170
+ .glyphicon-menu-left{
171
+ color:#fff;
172
+ }
173
+ </style>