Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
duhongyu
/
AnYang_UI
Obserwuj 1
Polub 0
Forkuj 0
Kod Problemy 0 Oczekujące zmiany 0 Commity 471 Wydania 0 Wiki
Przeglądaj źródła

1

liuzhihui 3 lat temu
rodzic
a6e4fd555d
commit
0dd7affb92
2 zmienionych plików z 38 dodań i 13 usunięć
Zunifikowany widok Pokaż statystyki zmian
  1. 36 11
      WebChatNew/html/addWorkOrder.html
  2. 2 2
      WebChatNew/html/home.html

+ 36 - 11
WebChatNew/html/addWorkOrder.html
Wyświetl plik

34 
 			#code {
 34 
 			#code {
35 
 				height: 50%;
 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 
 			label,
 40 
 			label,
39 
 			input,
 41 
 			input,
40 
 			textarea {
 42 
 			textarea {
43
45
44 
 			.mui-input-row input,
 46 
 			.mui-input-row input,
45 
 			textarea {
 47 
 			textarea {
46 
-				padding: 0 15px !important;
48 
+				/*padding: 0 15px !important;*/
47 
 			}
 49 
 			}
48
50
49 
 			.mui-input-row label,
 51 
 			.mui-input-row label,
133 
 			}
 135 
 			}
134
136
135 
 			.ztext {
 137 
 			.ztext {
136 
-				padding: 10px 15px !important;
138 
+				padding: 10px 64px 10px 15px !important;
137 
 			}
 139 
 			}
138
140
139 
 			.feedback {
 141 
 			.feedback {
197 
 				margin-left: 5px;
 199 
 				margin-left: 5px;
198 
 				font-weight: 600;
 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 
 		</style>
 210 
 		</style>
201 
 	</head>
 211 
 	</head>
202 
 	<body>
 212 
 	<body>
259 
 					</div>
 269 
 					</div>
260 
 					<div class="mui-input-row phone">
 270 
 					<div class="mui-input-row phone">
261 
 						<label><i>*</i> 反映标题</label>
 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 
 					</div>
 276 
 					</div>
264 
 					<div class="mui-input-row content">
 277 
 					<div class="mui-input-row content">
265 
 						<label><i>*</i> 反映内容</label>
 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 
 					</div>
 284 
 					</div>
268 
 					<li class="mui-input-row" id="showCityPicker3">
 285 
 					<li class="mui-input-row" id="showCityPicker3">
269 
 						<label><i>*</i> 事发区域</label>
 286 
 						<label><i>*</i> 事发区域</label>
307 
 						<input type="hidden" id="fileHandle" />
 324 
 						<input type="hidden" id="fileHandle" />
308 
 					</div>
 325 
 					</div>
309 
 					<div style="margin: 10px 0;border-bottom: 1px solid #c9c9c9;padding-bottom: 20px;">
 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 
 						<div class="mui-radio mui-left radio_box">
 328 
 						<div class="mui-radio mui-left radio_box">
312 
 							<input type="radio"  name="select" value="1" checked="checked"/>
 329 
 							<input type="radio"  name="select" value="1" checked="checked"/>
313 
-							<label>否</label>
330 
+							<label>个人信息保密</label>
314 
 						</div>
 331 
 						</div>
315 
 						<div class="mui-radio mui-left radio_box">
 332 
 						<div class="mui-radio mui-left radio_box">
316 
 							<input type="radio"  name="select" value="0" />
 333 
 							<input type="radio"  name="select" value="0" />
317 
-							<label>是</label>
334 
+							<label>个人信息公开</label>
318 
 						</div>
 335 
 						</div>
319
336
320 
 					</div>
 337 
 					</div>
345 
 			var areaList = [],
 362 
 			var areaList = [],
346 
 				townList = [];
 363 
 				townList = [];
347 
 			var area = 0,town = 9,village = 0;
 364 
 			var area = 0,town = 9,village = 0;
348 
-
349 
 			getArea() //获取事发区域
 365 
 			getArea() //获取事发区域
350
366
351 
 			//附件
 367 
 			//附件
355 
 			$("#upFileHandle").change(function() {
 371 
 			$("#upFileHandle").change(function() {
356 
 				uploadHandle();
 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 
 			function getCode() {
 384 
 			function getCode() {
360 
 				if (!$('#cusphone').val()) {
 385 
 				if (!$('#cusphone').val()) {
361 
 					mui.alert('请输入联系电话！');
 386 
 					mui.alert('请输入联系电话！');
543 
 					for (var i = 0; i < Files.length; i++) {
 568 
 					for (var i = 0; i < Files.length; i++) {
544 
 						formData.append('file' + i, Files[i]);
 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 
 					if (typeName == "png" || typeName == 'jpg' || typeName == 'mp4' || typeName == 'avi' || typeName ==
 572 
 					if (typeName == "png" || typeName == 'jpg' || typeName == 'mp4' || typeName == 'avi' || typeName ==
548 
 						'wmv' || typeName == 'mp3' || typeName == 'pdf' || typeName == 'doc' || typeName == 'docx' ||
 573 
 						'wmv' || typeName == 'mp3' || typeName == 'pdf' || typeName == 'doc' || typeName == 'docx' ||
549 
 						typeName == 'xls' || typeName == 'xlsx') {
 574 
 						typeName == 'xls' || typeName == 'xlsx') {

Plik diff jest za duży
+ 2 - 2
WebChatNew/html/home.html