system-phone 1.2.137 → 1.2.141
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.
- package/package.json +1 -1
- package/src/components/AttendManage.vue +420 -419
- package/src/components/LoginApp.vue +12 -1
- package/src/components/PhoneUserFind.vue +138 -138
- package/src/components/ToolsPage.vue +165 -165
|
@@ -134,7 +134,18 @@
|
|
|
134
134
|
// let version = HostApp.getAppVersion().data
|
|
135
135
|
// this.$set('version', version)
|
|
136
136
|
// }
|
|
137
|
-
|
|
137
|
+
let data = {
|
|
138
|
+
items: '*',
|
|
139
|
+
tablename: 't_singlevalue',
|
|
140
|
+
orderitem: 'id desc',
|
|
141
|
+
condition: "name ='手机端更新版本'"
|
|
142
|
+
}
|
|
143
|
+
this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`,
|
|
144
|
+
{data: data},
|
|
145
|
+
{resolveMsg: null, rejectMsg: null}).then((row) => {
|
|
146
|
+
console.log('打印',row.data[0])
|
|
147
|
+
this.versionNumber = row.data[0].value
|
|
148
|
+
})
|
|
138
149
|
},
|
|
139
150
|
methods: {
|
|
140
151
|
success(val){
|
|
@@ -1,138 +1,138 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="app-botton" @click="back()" v-if="show">
|
|
3
|
-
<span class="glyphicon glyphicon-menu-left">返回</span>
|
|
4
|
-
</div>
|
|
5
|
-
<div class="select-overspread auto" style="padding-bottom:5px;" v-show="!show">
|
|
6
|
-
<div class="auto repair-info-content compatible">
|
|
7
|
-
<div class="row">
|
|
8
|
-
<div class="col-xs-12 col-sm-12 col-md-12 form-input-group mg8">
|
|
9
|
-
<input type="text" class="form-control" v-model="model.f_userid" placeholder='用户编号'>
|
|
10
|
-
</div>
|
|
11
|
-
<div class="col-xs-12 col-sm-12 col-md-12 form-input-group mg8">
|
|
12
|
-
<input type="text" class="form-control" v-model="model.f_username" placeholder='姓名'>
|
|
13
|
-
</div>
|
|
14
|
-
<div class="col-xs-12 col-sm-12 col-md-12 form-input-group mg8">
|
|
15
|
-
<input type="text" class="form-control" v-model="model.f_address" placeholder='地址'>
|
|
16
|
-
</div>
|
|
17
|
-
</div>
|
|
18
|
-
<div class="row">
|
|
19
|
-
<button type="button" name="button" class="btn btn-primary pull-right" @click="search()">查询</button>
|
|
20
|
-
<!-- <button type="button" name="button" class="btn btn-primary pull-right" @click="read()">读卡</button>-->
|
|
21
|
-
</div>
|
|
22
|
-
</div>
|
|
23
|
-
<div partial class="panel panel-default well" style="padding: 0px;background-color:#ffffff;" v-for="row in users">
|
|
24
|
-
<div class="panel-body inbg" @click="selectUser(row)">
|
|
25
|
-
<div class="row auto" >
|
|
26
|
-
<div class="col-sm-4">
|
|
27
|
-
用户编号: {{row.f_userinfo_code}}
|
|
28
|
-
</div>
|
|
29
|
-
<div class="col-sm-4">
|
|
30
|
-
用户姓名: {{row.f_user_name}}
|
|
31
|
-
</div>
|
|
32
|
-
<div class="col-sm-4">
|
|
33
|
-
用户电话: {{row.f_user_phone}}
|
|
34
|
-
</div>
|
|
35
|
-
<div class="col-sm-3">
|
|
36
|
-
用户类别: {{row.f_user_type}}
|
|
37
|
-
</div>
|
|
38
|
-
<div class="col-sm-9">
|
|
39
|
-
地址信息: {{row.f_address}}
|
|
40
|
-
</div>
|
|
41
|
-
<div class="col-sm-6">
|
|
42
|
-
表底数: {{row.f_meter_base}}
|
|
43
|
-
</div>
|
|
44
|
-
<div class="col-sm-6">
|
|
45
|
-
表上余额: {{row.f_balance_amount}}
|
|
46
|
-
</div>
|
|
47
|
-
</div>
|
|
48
|
-
</div>
|
|
49
|
-
</div>
|
|
50
|
-
</div>
|
|
51
|
-
<phone-info-table :user="user" :is-need-condition="false" :is-group="false" v-if="show"></phone-info-table>
|
|
52
|
-
</template>
|
|
53
|
-
|
|
54
|
-
<script>
|
|
55
|
-
import Vue from 'vue'
|
|
56
|
-
import { HttpResetClass } from 'vue-client'
|
|
57
|
-
export default {
|
|
58
|
-
title: '移动端用户信息查询',
|
|
59
|
-
props: {
|
|
60
|
-
|
|
61
|
-
},
|
|
62
|
-
data () {
|
|
63
|
-
return {
|
|
64
|
-
users:[],
|
|
65
|
-
model:{
|
|
66
|
-
f_userid:'',
|
|
67
|
-
f_username:'',
|
|
68
|
-
f_address:''
|
|
69
|
-
},
|
|
70
|
-
user:'',
|
|
71
|
-
show:false
|
|
72
|
-
}
|
|
73
|
-
},
|
|
74
|
-
methods: {
|
|
75
|
-
search() {
|
|
76
|
-
// console.log("Vue.user",Vue.user)
|
|
77
|
-
this.model.f_userid ? this.model.f_userid : '1=1'
|
|
78
|
-
let condition = `ti.f_orgid = '${Vue.user.orgid}'`
|
|
79
|
-
condition += this.model.f_userid ? ` and ti.f_userinfo_code = '${this.model.f_userid}'` : ' and 1=1'
|
|
80
|
-
condition += this.model.f_username ? ` and ti.f_user_name like '%${this.model.f_username}%'` : ' and 1=1'
|
|
81
|
-
condition += this.model.f_address ? ` and tua.f_address like '%${this.model.f_address}%'` : ' and 1=1'
|
|
82
|
-
console.log(condition)
|
|
83
|
-
this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/tel_UserInfo`, {
|
|
84
|
-
data: {
|
|
85
|
-
condition:condition
|
|
86
|
-
}
|
|
87
|
-
}).then((res) => {
|
|
88
|
-
console.log("查找用户返回的结果")
|
|
89
|
-
console.log(res.data)
|
|
90
|
-
this.users = res.data
|
|
91
|
-
})
|
|
92
|
-
},
|
|
93
|
-
selectUser(row){
|
|
94
|
-
this.user = row
|
|
95
|
-
this.show = true
|
|
96
|
-
},
|
|
97
|
-
back(){
|
|
98
|
-
this.show = false
|
|
99
|
-
},
|
|
100
|
-
read(){
|
|
101
|
-
// 读卡
|
|
102
|
-
let res = HostApp.read()
|
|
103
|
-
if(res.code == 200){
|
|
104
|
-
let cardid = res.msg.CardID
|
|
105
|
-
let condition1 = `tf.f_card_id = '${cardid}'`
|
|
106
|
-
this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/tel_UserInfo`, {
|
|
107
|
-
data: {
|
|
108
|
-
condition:condition1
|
|
109
|
-
}
|
|
110
|
-
}).then((res) => {
|
|
111
|
-
console.log("查找用户返回的结果")
|
|
112
|
-
console.log(res.data)
|
|
113
|
-
this.users = res.data
|
|
114
|
-
})
|
|
115
|
-
}else{
|
|
116
|
-
HostApp.alert('读卡异常，请检查读卡设备!')
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
},
|
|
120
|
-
ready(){
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
</script>
|
|
124
|
-
<style>
|
|
125
|
-
.app-botton {
|
|
126
|
-
position:fixed;
|
|
127
|
-
background: #87b2dd;
|
|
128
|
-
color: #FFF;
|
|
129
|
-
padding: 8px;
|
|
130
|
-
text-align: center;
|
|
131
|
-
font-size: 1.2em;
|
|
132
|
-
z-index: 10;
|
|
133
|
-
opacity:0.5;
|
|
134
|
-
bottom: 50px;
|
|
135
|
-
margin-top: -10px;
|
|
136
|
-
height: 40px;
|
|
137
|
-
}
|
|
138
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="app-botton" @click="back()" v-if="show">
|
|
3
|
+
<span class="glyphicon glyphicon-menu-left">返回</span>
|
|
4
|
+
</div>
|
|
5
|
+
<div class="select-overspread auto" style="padding-bottom:5px;" v-show="!show">
|
|
6
|
+
<div class="auto repair-info-content compatible">
|
|
7
|
+
<div class="row">
|
|
8
|
+
<div class="col-xs-12 col-sm-12 col-md-12 form-input-group mg8">
|
|
9
|
+
<input type="text" class="form-control" v-model="model.f_userid" placeholder='用户编号'>
|
|
10
|
+
</div>
|
|
11
|
+
<div class="col-xs-12 col-sm-12 col-md-12 form-input-group mg8">
|
|
12
|
+
<input type="text" class="form-control" v-model="model.f_username" placeholder='姓名'>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="col-xs-12 col-sm-12 col-md-12 form-input-group mg8">
|
|
15
|
+
<input type="text" class="form-control" v-model="model.f_address" placeholder='地址'>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
<div class="row">
|
|
19
|
+
<button type="button" name="button" class="btn btn-primary pull-right" @click="search()">查询</button>
|
|
20
|
+
<!-- <button type="button" name="button" class="btn btn-primary pull-right" @click="read()">读卡</button>-->
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
23
|
+
<div partial class="panel panel-default well" style="padding: 0px;background-color:#ffffff;" v-for="row in users">
|
|
24
|
+
<div class="panel-body inbg" @click="selectUser(row)">
|
|
25
|
+
<div class="row auto" >
|
|
26
|
+
<div class="col-sm-4">
|
|
27
|
+
用户编号: {{row.f_userinfo_code}}
|
|
28
|
+
</div>
|
|
29
|
+
<div class="col-sm-4">
|
|
30
|
+
用户姓名: {{row.f_user_name}}
|
|
31
|
+
</div>
|
|
32
|
+
<div class="col-sm-4">
|
|
33
|
+
用户电话: {{row.f_user_phone}}
|
|
34
|
+
</div>
|
|
35
|
+
<div class="col-sm-3">
|
|
36
|
+
用户类别: {{row.f_user_type}}
|
|
37
|
+
</div>
|
|
38
|
+
<div class="col-sm-9">
|
|
39
|
+
地址信息: {{row.f_address}}
|
|
40
|
+
</div>
|
|
41
|
+
<div class="col-sm-6">
|
|
42
|
+
表底数: {{row.f_meter_base}}
|
|
43
|
+
</div>
|
|
44
|
+
<div class="col-sm-6">
|
|
45
|
+
表上余额: {{row.f_balance_amount}}
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
51
|
+
<phone-info-table :user="user" :is-need-condition="false" :is-group="false" v-if="show"></phone-info-table>
|
|
52
|
+
</template>
|
|
53
|
+
|
|
54
|
+
<script>
|
|
55
|
+
import Vue from 'vue'
|
|
56
|
+
import { HttpResetClass } from 'vue-client'
|
|
57
|
+
export default {
|
|
58
|
+
title: '移动端用户信息查询',
|
|
59
|
+
props: {
|
|
60
|
+
|
|
61
|
+
},
|
|
62
|
+
data () {
|
|
63
|
+
return {
|
|
64
|
+
users:[],
|
|
65
|
+
model:{
|
|
66
|
+
f_userid:'',
|
|
67
|
+
f_username:'',
|
|
68
|
+
f_address:''
|
|
69
|
+
},
|
|
70
|
+
user:'',
|
|
71
|
+
show:false
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
methods: {
|
|
75
|
+
search() {
|
|
76
|
+
// console.log("Vue.user",Vue.user)
|
|
77
|
+
this.model.f_userid ? this.model.f_userid : '1=1'
|
|
78
|
+
let condition = `ti.f_orgid = '${Vue.user.orgid}'`
|
|
79
|
+
condition += this.model.f_userid ? ` and ti.f_userinfo_code = '${this.model.f_userid}'` : ' and 1=1'
|
|
80
|
+
condition += this.model.f_username ? ` and ti.f_user_name like '%${this.model.f_username}%'` : ' and 1=1'
|
|
81
|
+
condition += this.model.f_address ? ` and tua.f_address like '%${this.model.f_address}%'` : ' and 1=1'
|
|
82
|
+
console.log(condition)
|
|
83
|
+
this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/tel_UserInfo`, {
|
|
84
|
+
data: {
|
|
85
|
+
condition:condition
|
|
86
|
+
}
|
|
87
|
+
}).then((res) => {
|
|
88
|
+
console.log("查找用户返回的结果")
|
|
89
|
+
console.log(res.data)
|
|
90
|
+
this.users = res.data
|
|
91
|
+
})
|
|
92
|
+
},
|
|
93
|
+
selectUser(row){
|
|
94
|
+
this.user = row
|
|
95
|
+
this.show = true
|
|
96
|
+
},
|
|
97
|
+
back(){
|
|
98
|
+
this.show = false
|
|
99
|
+
},
|
|
100
|
+
read(){
|
|
101
|
+
// 读卡
|
|
102
|
+
let res = HostApp.read()
|
|
103
|
+
if(res.code == 200){
|
|
104
|
+
let cardid = res.msg.CardID
|
|
105
|
+
let condition1 = `tf.f_card_id = '${cardid}'`
|
|
106
|
+
this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/tel_UserInfo`, {
|
|
107
|
+
data: {
|
|
108
|
+
condition:condition1
|
|
109
|
+
}
|
|
110
|
+
}).then((res) => {
|
|
111
|
+
console.log("查找用户返回的结果")
|
|
112
|
+
console.log(res.data)
|
|
113
|
+
this.users = res.data
|
|
114
|
+
})
|
|
115
|
+
}else{
|
|
116
|
+
HostApp.alert('读卡异常，请检查读卡设备!')
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
},
|
|
120
|
+
ready(){
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
</script>
|
|
124
|
+
<style>
|
|
125
|
+
.app-botton {
|
|
126
|
+
position:fixed;
|
|
127
|
+
background: #87b2dd;
|
|
128
|
+
color: #FFF;
|
|
129
|
+
padding: 8px;
|
|
130
|
+
text-align: center;
|
|
131
|
+
font-size: 1.2em;
|
|
132
|
+
z-index: 10;
|
|
133
|
+
opacity:0.5;
|
|
134
|
+
bottom: 50px;
|
|
135
|
+
margin-top: -10px;
|
|
136
|
+
height: 40px;
|
|
137
|
+
}
|
|
138
|
+
</style>
|
|
@@ -1,165 +1,165 @@
|
|
|
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 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>
|