|
|
@@ -34,9 +34,16 @@
|
|
34
|
34
|
display: inline-block;
|
|
35
|
35
|
}
|
|
36
|
36
|
.mui-radio input[type=radio]:before{
|
|
37
|
|
- font-size: 25px;
|
|
|
37
|
+ font-size: 20px;
|
|
38
|
38
|
vertical-align: middle;
|
|
39
|
39
|
}
|
|
|
40
|
+ .mui-radio.mui-left input[type=radio]{
|
|
|
41
|
+ line-height: 24px!important;
|
|
|
42
|
+ }
|
|
|
43
|
+ .mui-radio.mui-left label{
|
|
|
44
|
+ padding-right: 1px!important;
|
|
|
45
|
+ padding-left: 51px!important;
|
|
|
46
|
+ }
|
|
40
|
47
|
.ztext{
|
|
41
|
48
|
width: 100%;
|
|
42
|
49
|
margin: 0;
|
|
|
@@ -49,12 +56,18 @@
|
|
49
|
56
|
float: right!important;
|
|
50
|
57
|
display: inline-block!important;
|
|
51
|
58
|
vertical-align: middle!important;
|
|
|
59
|
+ line-height: 42px;
|
|
52
|
60
|
}
|
|
53
|
61
|
.type_con{
|
|
54
|
62
|
width: 55%!important;
|
|
55
|
63
|
float: left!important;
|
|
56
|
64
|
vertical-align: middle!important;
|
|
57
|
65
|
display: inline-block!important;
|
|
|
66
|
+ padding: 10px 0!important;
|
|
|
67
|
+ }
|
|
|
68
|
+ .label{
|
|
|
69
|
+ width: 30%!important;
|
|
|
70
|
+ padding: 11px 0px!important;
|
|
58
|
71
|
}
|
|
59
|
72
|
.get_yzm{
|
|
60
|
73
|
padding: 5px!important;
|
|
|
@@ -68,29 +81,36 @@
|
|
68
|
81
|
</head>
|
|
69
|
82
|
|
|
70
|
83
|
<body>
|
|
71
|
|
- <header id="header" class="mui-bar mui-bar-nav new_head">
|
|
|
84
|
+ <!--<header id="header" class="mui-bar mui-bar-nav new_head">
|
|
72
|
85
|
<h1 class="mui-title new_head_title">我要投诉</h1>
|
|
73
|
86
|
<button class="new_head_left mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
|
|
74
|
87
|
<span class="mui-icon mui-icon-left-nav"></span>返回
|
|
75
|
88
|
</button>
|
|
76
|
89
|
<button class="new_head_right mui-btn mui-btn-blue mui-btn-link mui-pull-right"><span class="iconfont icon-unie644" style="font-size: 25px;"></span></button>
|
|
77
|
|
- </header>
|
|
|
90
|
+ </header>-->
|
|
78
|
91
|
|
|
79
|
92
|
<div class="mui-content">
|
|
80
|
93
|
<ul class="mui-table-view">
|
|
81
|
94
|
<li class="mui-table-view-cell">
|
|
82
|
95
|
<div class="mui-input-row" >
|
|
83
|
|
- <label>诉求类型：</label>
|
|
84
|
|
- <input type="text" id='userResult' class="ui-alert type_con" />
|
|
|
96
|
+ <label class="label">诉求类型：</label>
|
|
|
97
|
+ <input type="text" id='userResult' class="ui-alert type_con" readonly="readonly" />
|
|
85
|
98
|
<a href=""><span id="showUserPicker" class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
|
|
86
|
99
|
</div>
|
|
87
|
100
|
</li>
|
|
|
101
|
+ <li class="mui-table-view-cell">
|
|
|
102
|
+ <div class="mui-input-row" >
|
|
|
103
|
+ <label class="label">主题词：</label>
|
|
|
104
|
+ <input type="text" id='zhuTiResult' class="ui-alert type_con" readonly="readonly" />
|
|
|
105
|
+ <a href=""><span id="showZhuTiPicker" class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
|
|
|
106
|
+ </div>
|
|
|
107
|
+ </li>
|
|
88
|
108
|
|
|
89
|
109
|
<li class="mui-table-view-cell">
|
|
90
|
110
|
<div class="mui-input-row">
|
|
91
|
|
- <label>保密要求：</label>
|
|
|
111
|
+ <label class="label">保密要求：</label>
|
|
92
|
112
|
<div class="mui-input-row mui-radio mui-left radio_box">
|
|
93
|
|
- <label>保密</label>
|
|
|
113
|
+ <label>保密</label>
|
|
94
|
114
|
<input type="radio" type="radio" name="secret"/>
|
|
95
|
115
|
</div>
|
|
96
|
116
|
<div class="mui-input-row mui-radio mui-left radio_box">
|
|
|
@@ -101,7 +121,7 @@
|
|
101
|
121
|
</li>
|
|
102
|
122
|
<li class="mui-table-view-cell">
|
|
103
|
123
|
<div class="mui-input-row">
|
|
104
|
|
- <label>诉求主题：</label>
|
|
|
124
|
+ <label class="label">诉求主题：</label>
|
|
105
|
125
|
<input type="text" placeholder="请填写您的诉求主题">
|
|
106
|
126
|
</div>
|
|
107
|
127
|
</li>
|
|
|
@@ -112,17 +132,17 @@
|
|
112
|
132
|
</li>
|
|
113
|
133
|
<li class="mui-table-view-cell">
|
|
114
|
134
|
<div class="mui-input-row">
|
|
115
|
|
- <label>联系人：</label>
|
|
|
135
|
+ <label class="label">联系人：</label>
|
|
116
|
136
|
<input type="text" placeholder="请填写您的称呼">
|
|
117
|
137
|
</div>
|
|
118
|
138
|
</li>
|
|
119
|
139
|
<li class="mui-table-view-cell">
|
|
120
|
140
|
<div class="mui-input-row">
|
|
121
|
|
- <label>联系电话：</label>
|
|
|
141
|
+ <label class="label">联系电话：</label>
|
|
122
|
142
|
<input type="text" placeholder="请填写您的手机号">
|
|
123
|
143
|
</div>
|
|
124
|
144
|
</li>
|
|
125
|
|
- <li class="mui-table-view-cell">
|
|
|
145
|
+ <!--<li class="mui-table-view-cell">
|
|
126
|
146
|
<div class="mui-input-row">
|
|
127
|
147
|
<label>验证码：</label>
|
|
128
|
148
|
<input type="text" placeholder="请输入短信验证码" class="yzm_con">
|
|
|
@@ -130,28 +150,27 @@
|
|
130
|
150
|
|
|
131
|
151
|
|
|
132
|
152
|
</div>
|
|
133
|
|
- </li>
|
|
|
153
|
+ </li>-->
|
|
134
|
154
|
<li class="mui-table-view-cell">
|
|
135
|
155
|
<div class="mui-input-row" >
|
|
136
|
|
- <label>事发地址：</label>
|
|
137
|
|
- <input type="text" id='cityResult3' class="ui-alert type_con" placeholder="请选择具体地址" />
|
|
|
156
|
+ <label class="label">事发地址：</label>
|
|
|
157
|
+ <input type="text" id='cityResult3' class="ui-alert type_con" placeholder="请选择具体地址" readonly="readonly" />
|
|
138
|
158
|
<a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right" id='showCityPicker3'></span></a>
|
|
139
|
159
|
</div>
|
|
140
|
160
|
</li>
|
|
141
|
161
|
<li class="mui-table-view-cell">
|
|
142
|
162
|
<div class="mui-input-row" >
|
|
143
|
|
- <label>街道：</label>
|
|
144
|
|
- <input type="text" class="ui-alert type_con" placeholder="请填写详细地址" />
|
|
145
|
|
- <a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
|
|
|
163
|
+ <label class="label">街道：</label>
|
|
|
164
|
+ <input type="text" class="ui-alert" placeholder="请填写详细地址" />
|
|
146
|
165
|
</div>
|
|
147
|
166
|
</li>
|
|
148
|
|
- <li class="mui-table-view-cell">
|
|
|
167
|
+ <!--<li class="mui-table-view-cell">
|
|
149
|
168
|
<div class="mui-input-row" >
|
|
150
|
169
|
<label>附件：</label>
|
|
151
|
170
|
<!--<a href=""><span class="iconfont icon-jiahao"></span></a>-->
|
|
152
|
|
- <input type="file" />
|
|
|
171
|
+ <!--<input type="file" />
|
|
153
|
172
|
</div>
|
|
154
|
|
- </li>
|
|
|
173
|
+ </li>-->
|
|
155
|
174
|
</ul>
|
|
156
|
175
|
|
|
157
|
176
|
<p class="action">
|
|
|
@@ -210,6 +229,37 @@
|
|
210
|
229
|
//return false;
|
|
211
|
230
|
});
|
|
212
|
231
|
}, false);
|
|
|
232
|
+ //主题词
|
|
|
233
|
+ var zhuTiPicker = new $.PopPicker();
|
|
|
234
|
+ zhuTiPicker.setData([{
|
|
|
235
|
+ "value": "0",
|
|
|
236
|
+ "text": "业务水平"
|
|
|
237
|
+ }, {
|
|
|
238
|
+ "value": "1",
|
|
|
239
|
+ "text": "工作效率"
|
|
|
240
|
+ }, {
|
|
|
241
|
+ "value": "2",
|
|
|
242
|
+ "text": "办事效率"
|
|
|
243
|
+ }, {
|
|
|
244
|
+ "value": "ymt",
|
|
|
245
|
+ "text": "云天明"
|
|
|
246
|
+ }, {
|
|
|
247
|
+ "value": "shq",
|
|
|
248
|
+ "text": "史强"
|
|
|
249
|
+ }, {
|
|
|
250
|
+ "value": "zhbh",
|
|
|
251
|
+ "text": "章北海"
|
|
|
252
|
+ }]);
|
|
|
253
|
+ var showZhuTiPickerButton = doc.getElementById('showZhuTiPicker');
|
|
|
254
|
+ var zhuTiResult = doc.getElementById('zhuTiResult');
|
|
|
255
|
+ showZhuTiPickerButton.addEventListener('tap', function(event) {
|
|
|
256
|
+ zhuTiPicker.show(function(items) {
|
|
|
257
|
+ console.log(items)
|
|
|
258
|
+ zhuTiResult.value = items[0].text;
|
|
|
259
|
+ //返回 false 可以阻止选择框的关闭
|
|
|
260
|
+ //return false;
|
|
|
261
|
+ });
|
|
|
262
|
+ }, false);
|
|
213
|
263
|
//事件地址
|
|
214
|
264
|
var _getParam = function(obj, param) {
|
|
215
|
265
|
return obj[param] || '';
|
|
|
@@ -228,7 +278,6 @@
|
|
228
|
278
|
});
|
|
229
|
279
|
}, false);
|
|
230
|
280
|
|
|
231
|
|
-
|
|
232
|
281
|
})
|
|
233
|
282
|
})(mui, document);
|
|
234
|
283
|
|
