|
|
@@ -34,7 +34,9 @@
|
|
34
|
34
|
#code {
|
|
35
|
35
|
height: 50%;
|
|
36
|
36
|
}
|
|
37
|
|
-
|
|
|
37
|
+ .mui-input-row label~input, .mui-input-row label~select, .mui-input-row label~textarea{
|
|
|
38
|
+ width: 90% !important;
|
|
|
39
|
+ }
|
|
38
|
40
|
label,
|
|
39
|
41
|
input,
|
|
40
|
42
|
textarea {
|
|
|
@@ -43,7 +45,7 @@
|
|
43
|
45
|
|
|
44
|
46
|
.mui-input-row input,
|
|
45
|
47
|
textarea {
|
|
46
|
|
- padding: 0 15px !important;
|
|
|
48
|
+ /*padding: 0 15px !important;*/
|
|
47
|
49
|
}
|
|
48
|
50
|
|
|
49
|
51
|
.mui-input-row label,
|
|
|
@@ -133,7 +135,7 @@
|
|
133
|
135
|
}
|
|
134
|
136
|
|
|
135
|
137
|
.ztext {
|
|
136
|
|
- padding: 10px 15px !important;
|
|
|
138
|
+ padding: 10px 64px 10px 15px !important;
|
|
137
|
139
|
}
|
|
138
|
140
|
|
|
139
|
141
|
.feedback {
|
|
|
@@ -197,6 +199,14 @@
|
|
197
|
199
|
margin-left: 5px;
|
|
198
|
200
|
font-weight: 600;
|
|
199
|
201
|
}
|
|
|
202
|
+ .limit{
|
|
|
203
|
+ position: absolute;
|
|
|
204
|
+ right: 4px;
|
|
|
205
|
+ color: #222;
|
|
|
206
|
+ z-index: 10;
|
|
|
207
|
+ top: 52px;
|
|
|
208
|
+ color: rgb(176,176,176);
|
|
|
209
|
+ }
|
|
200
|
210
|
</style>
|
|
201
|
211
|
</head>
|
|
202
|
212
|
<body>
|
|
|
@@ -259,11 +269,18 @@
|
|
259
|
269
|
</div>
|
|
260
|
270
|
<div class="mui-input-row phone">
|
|
261
|
271
|
<label><i>*</i> 反映标题</label>
|
|
262
|
|
- <input type="text" placeholder="请输入标题" id="title">
|
|
|
272
|
+ <input type="text" placeholder="请简要概述您的问题" id="title" maxlength="30" oninput="getTitleNum()">
|
|
|
273
|
+ <div class="limit">
|
|
|
274
|
+ <span id="titlenum">0</span><span>/30</span>
|
|
|
275
|
+ </div>
|
|
263
|
276
|
</div>
|
|
264
|
277
|
<div class="mui-input-row content">
|
|
265
|
278
|
<label><i>*</i> 反映内容</label>
|
|
266
|
|
- <textarea class="ztext" name="" id="cont" placeholder="请输入您的反映内容..."></textarea>
|
|
|
279
|
+ <textarea class="ztext" name="" id="cont" placeholder="请您一事一诉,请勿重复提交;
|
|
|
280
|
+请说明您的主要诉求。" maxlength="500" oninput="getConNum()"></textarea>
|
|
|
281
|
+ <div class="limit" style="top: 100px;">
|
|
|
282
|
+ <span id="contnum">0</span><span>/500</span>
|
|
|
283
|
+ </div>
|
|
267
|
284
|
</div>
|
|
268
|
285
|
<li class="mui-input-row" id="showCityPicker3">
|
|
269
|
286
|
<label><i>*</i> 事发区域</label>
|
|
|
@@ -307,14 +324,14 @@
|
|
307
|
324
|
<input type="hidden" id="fileHandle" />
|
|
308
|
325
|
</div>
|
|
309
|
326
|
<div style="margin: 10px 0;border-bottom: 1px solid #c9c9c9;padding-bottom: 20px;">
|
|
310
|
|
- <div style="font-weight: 600; padding: 13px 15px 8px;"><i>*</i> 您是否同意把您的姓名告知承办单位,以便承办单位调查审核?</div>
|
|
|
327
|
+ <div style="font-weight: 600; padding: 13px 15px 8px;"><i>*</i>是否匿名?</div>
|
|
311
|
328
|
<div class="mui-radio mui-left radio_box">
|
|
312
|
329
|
<input type="radio" name="select" value="1" checked="checked"/>
|
|
313
|
|
- <label>否</label>
|
|
|
330
|
+ <label>个人信息保密</label>
|
|
314
|
331
|
</div>
|
|
315
|
332
|
<div class="mui-radio mui-left radio_box">
|
|
316
|
333
|
<input type="radio" name="select" value="0" />
|
|
317
|
|
- <label>是</label>
|
|
|
334
|
+ <label>个人信息公开</label>
|
|
318
|
335
|
</div>
|
|
319
|
336
|
|
|
320
|
337
|
</div>
|
|
|
@@ -345,7 +362,6 @@
|
|
345
|
362
|
var areaList = [],
|
|
346
|
363
|
townList = [];
|
|
347
|
364
|
var area = 0,town = 9,village = 0;
|
|
348
|
|
-
|
|
349
|
365
|
getArea() //获取事发区域
|
|
350
|
366
|
|
|
351
|
367
|
//附件
|
|
|
@@ -355,7 +371,16 @@
|
|
355
|
371
|
$("#upFileHandle").change(function() {
|
|
356
|
372
|
uploadHandle();
|
|
357
|
373
|
})
|
|
358
|
|
-
|
|
|
374
|
+ function getTitleNum() {
|
|
|
375
|
+ if($('#title').val().length<= 30){
|
|
|
376
|
+ $('#titlenum').text($('#title').val().length)
|
|
|
377
|
+ }
|
|
|
378
|
+ }
|
|
|
379
|
+ function getConNum() {
|
|
|
380
|
+ if($('#cont').val().length<= 500){
|
|
|
381
|
+ $('#contnum').text($('#cont').val().length)
|
|
|
382
|
+ }
|
|
|
383
|
+ }
|
|
359
|
384
|
function getCode() {
|
|
360
|
385
|
if (!$('#cusphone').val()) {
|
|
361
|
386
|
mui.alert('请输入联系电话!');
|
|
|
@@ -543,7 +568,7 @@
|
|
543
|
568
|
for (var i = 0; i < Files.length; i++) {
|
|
544
|
569
|
formData.append('file' + i, Files[i]);
|
|
545
|
570
|
}
|
|
546
|
|
- var typeName = Files[0].name.split('.')[1];
|
|
|
571
|
+ var typeName = Files[0].name.split('.')[Files[0].name.split('.').length - 1].toLowerCase();
|
|
547
|
572
|
if (typeName == "png" || typeName == 'jpg' || typeName == 'mp4' || typeName == 'avi' || typeName ==
|
|
548
|
573
|
'wmv' || typeName == 'mp3' || typeName == 'pdf' || typeName == 'doc' || typeName == 'docx' ||
|
|
549
|
574
|
typeName == 'xls' || typeName == 'xlsx') {
|