zhangkun
/
zzdyrmyyUI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="../../css/plugins/cropper/cropper.min.css" rel="stylesheet">
		<script src="../../Script/Common/huayi.load.js"></script>
		<script src="../../Script/Common/huayi.config.js"></script>
		<script src="../../js/bootstrap-select/js/bootstrap-select.js"></script>
		<script src="../../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
		<script src="../../js/laydate/laydate.js"></script>
		<link href="../../css/init.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/Table/table1.css" />
		<link href="../../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/webuploader.css" />
		<title>设备维修处理</title>
		<style>
			.btnn {
				background: #2f4050;
				color: #fff;
				padding: 3px 10px;
				border: 0;
				border-radius: 3px;
				cursor: pointer;
			}
			
			.crop_left {
				width: 40%;
				float: left;
			}
			
			.crop_right {
				width: 30%;
				float: right;
				margin-right: 25px;
			}
			
			.time-box .dates {
				width: 100%!important;
			}
			
			i.tub {
				right: 25px!important;
			}
			
			b.text_require {
				color: red;
			}
			
			.loader_icon {
				display: block;
				height: 36px;
				width: 36px;
				background: url(../../img/upLod.png) no-repeat;
			}
			
			.table_extension tr td:last-child {
				text-align: right !important;
			}
			
			.isusematerial,
			.islosematerial {
				display: none;
			}
			.togetherbox{
				display: none;
			}
			.gqbecausewrap{
				display: none;
			}
		</style>
	</head>

	<body class="gray-bg">
		<div class="container wrapper-content animated fadeInRight">
			<div class="form-horizontal">
				<!--<div class="form-group">
					<label for="serviceteam" class="col-sm-3 control-label text-right"><b class="text_require">*</b>维修班组</label>
					<div class="col-sm-9">
						<input id="serviceteam" class="form-control" type="text" autocomplete="off" />
					</div>
				</div>-->
				<!--<div class="form-group">
					<label for="serviceman" class="col-sm-3 control-label text-right"><b class="text_require">*</b>维修人</label>
					<div class="col-sm-9">
						<select class="form-control selectpicker" id="serviceman" data-live-search="true">
							<option value="">请选择维修人</option>
						</select>
					</div>
				</div>-->
				<div class="form-group">
					<label for="woCode" class="col-sm-3 control-label text-right"><b class="text_require">*</b>工单编号</label>
					<div class="col-sm-9">
						<input id="woCode" class="form-control" type="text" autocomplete="off" readonly="readonly" />
					</div>
				</div>

				<div class="form-group hidden">
					<label for="sysname" class="col-sm-3 control-label text-right"><b class="text_require">*</b>系统名称</label>
					<div class="col-sm-9">
						<select class="form-control selectpicker" id="sysname" data-live-search="true">

						</select>
					</div>
				</div>
				<div class="form-group hidden">
					<label for="equipname" class="col-sm-3 control-label text-right"><b class="text_require">*</b>设备名称</label>
					<div class="col-sm-9">
						<select class="form-control selectpicker" id="equipname" data-live-search="true">

						</select>
					</div>
				</div>
				<div class="form-group">
					<label for="faulttype" class="col-sm-3 control-label text-right"><b class="text_require">*</b>维修类型</label>
					<div class="col-sm-9">
						<select class="form-control selectpicker" id="faulttype" data-live-search="true">

						</select>
					</div>
				</div>
				<div class="form-group">
					<label for="finishtime" class="col-sm-3 control-label text-right"><b class="text_require">*</b>是否使用耗材</label>
					<div class="col-sm-9">
						<select class="form-control selectpicker" id="isusematerial">
							<option value="0">否</option>
							<option value="1">是</option>
						</select>
					</div>
				</div>
				<div class="form-group isusematerial">
					<label for="quality_date" class="col-sm-3 control-label text-right">使用耗材信息</label>
					<div class="col-sm-9">

						<table class="table table-hidden table_extension" id="table_extension1">
							<thead>
								<tr>
									<td>配件名称</td>
									<td>价格</td>
									<td><button class="btn btn-info addBtn" onclick="addExtension(1)">添加耗材信息</button></td>
								</tr>
							</thead>
							<tbody>
								<!--<tr>
                                <td>
                                    <input type="text"  class="form-control extenName" placeholder="请输入字段名"  autocomplete="off"/>
                                </td>
                                <td>
                                    <input type="text"  class="form-control extenValue" placeholder="请输入字段值"  autocomplete="off"/>
                                </td>
                                <td>
                                    <button class="btn btn-danger" onclick="delExtension(this)">删除</button>

                                </td>
                            </tr>-->
							</tbody>
						</table>
					</div>
				</div>
				<div class="form-group hidden">
					<label for="islosematerial" class="col-sm-3 control-label text-right"><b class="text_require">*</b>是否缺少耗材</label>
					<div class="col-sm-9">
						<select class="form-control selectpicker" id="islosematerial">
							<option value="0">否</option>
							<option value="1">是</option>
						</select>
					</div>
				</div>
				<div class="form-group islosematerial">
					<label for="quality_date" class="col-sm-3 control-label text-right">缺少耗材信息</label>
					<div class="col-sm-9">

						<table class="table table-hidden table_extension" id="table_extension2">
							<thead>
								<tr>
									<td>配件名称</td>
									<td>价格</td>
									<td><button class="btn btn-info addBtn" onclick="addExtension(2)">添加耗材信息</button></td>
								</tr>
							</thead>
							<tbody>
								<!--<tr>
                                <td>
                                    <input type="text"  class="form-control extenName" placeholder="请输入字段名"  autocomplete="off"/>
                                </td>
                                <td>
                                    <input type="text"  class="form-control extenValue" placeholder="请输入字段值"  autocomplete="off"/>
                                </td>
                                <td>
                                    <button class="btn btn-danger" onclick="delExtension(this)">删除</button>

                                </td>
                            </tr>-->
							</tbody>

						</table>
					</div>
				</div>
				<div class="form-group ">
					<label for="istogether" class="col-sm-3 control-label text-right">是否添加协同人</label>
					<div class="col-sm-9">
						<select class="form-control selectpicker" id="istogether">
							<option value="0">否</option>
							<option value="1">是</option>

						</select>
					</div>
				</div>

				<div class="form-group togetherbox">

					<div class="col-sm-9" style="background-color: #fff;float: right;height: 35px;">
						<div id="xtContent" style="float: left;line-height: 35px;">

						</div>
						<div style="float: right;line-height: 35px;" onclick="btn_together()">修改&lt;</div>
					</div>
				</div>
				<div class="form-group">
					<label for="" class="col-sm-3 control-label text-right">处理完成前的照片</label>
					<div class="col-sm-9 uploadTP">
						<div id="filePicker0" class="imgUpload" data-index="0">
							<i class="loader_icon"></i>
						</div>
						<div id='image_list0' class="row image-list"></div>
					</div>
				</div>

				<div class="form-group">
					<label for="" class="col-sm-3 control-label text-right">处理完成后的照片</label>
					<div class="col-sm-9 uploadTP">
						<div id="filePicker1" class="imgUpload" data-index="1">
							<i class="loader_icon"></i>
						</div>
						<div id='image_list1' class="row image-list"></div>
					</div>
				</div>

				<div class="form-group">
					<label for="exceptiondes" class="col-sm-3 control-label text-right"><b class="text_require">*</b>异常说明</label>
					<div class="col-sm-9">
						<!--<input id="exceptiondes" class="form-control" type="text" autocomplete="off" />-->
						<textarea id="exceptiondes" class="form-control" name="" rows="" autocomplete="off" cols="" style="resize: none;"></textarea>
					</div>
				</div>
				<div class="form-group">
					<label for="origins" class="col-sm-3 control-label text-right"><b class="text_require">*</b>来源</label>
					<div class="col-sm-9">
						<select class="form-control selectpicker" id="origins">
							<option value=""></option>
							<option value="本院">本院</option>
							<option value="第三方">第三方</option>
						</select>
					</div>
				</div>
				<div class="form-group">
					<label for="states" class="col-sm-3 control-label text-right"><b class="text_require">*</b>工单状态</label>
					<div class="col-sm-9">
						<select class="form-control selectpicker" id="states">
							<option value="2">已处理</option>
							<option value="7">挂起</option>
						</select>
					</div>
				</div>
				<div class="form-group gqbecausewrap">
					<label for="gqbecause" class="col-sm-3 control-label text-right"><b class="text_require">*</b>挂起原因</label>
					<div class="col-sm-9">
						<select class="form-control selectpicker" id="gqbecause">
							<option value=""></option>
							<option value="维修金额过大需要上会讨论">维修金额过大需要上会讨论</option>
							<option value="需重新招标">需重新招标</option>

						</select>
					</div>
				</div>

				<div class="form-group">
					<label for="bzid" class="col-sm-3 control-label text-right"><b class="text_require">*</b>维修项目内容</label>
					<div class="col-sm-9">
						<select class="form-control selectpicker" id="bzid" data-live-search="true">
							<option value="">请选择维修项目内容</option>
						</select>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-12" style="text-align: center;">
						<input type="button" id="HY_save" class="btn_gray btn" onclick="btn_save()" value="处理" />
					</div>
				</div>

			</div>
		</div>
		<script src="../js/equipmentCommon.js"></script>
		<script src="../../js/webuploader.min.js"></script>
		<script>
			var code = helper.request.queryString("code");
			var floorId = helper.request.queryString("floorId");
			var serveMan = window.localStorage.getItem('userCode');
			$(document).ready(function() {
				var usercodes = []
				togetherCodes(usercodes)
				$('#woCode').val(code);
				//系统名称
				helper.getDropList.getlistDropByDic($('#sysname'), 'XTMC').then(function() {
					$('#sysname').trigger('change');
				});
				//故障类型
				helper.getDropList.getlistDropByDic($('#faulttype'), 'GZLX');
				//日期
				lay('.dates').each(function() {
					laydate.render({
						elem: this,
						trigger: 'click',
						type: 'datetime'
					});
				});
				$('#isusematerial').change(function() {
					if ($(this).val() == 0) {
						$('.isusematerial').hide();
					} else {
						$('.isusematerial').show();
					}

				})
				$('#islosematerial').change(function() {
					if ($(this).val() == 1) {
						$('.islosematerial').show();
						$('#states').empty();
						$('<option value="7">挂起</option>').appendTo('#states');
						$('#states').selectpicker('refresh');
					} else {
						$('.islosematerial').hide();
						$('#states').empty();
						$('<option value="2">已处理</option><option value="7">挂起</option>').appendTo('#states');
						$('#states').selectpicker('refresh');
					}

				})
				$('#sysname').change(function() {
					forFloorGetEquipName($('#equipname'), floorId, $(this).val());
				})

				$('#istogether').change(function() {
					if ($(this).val() == 1) {
						$('.togetherbox').show();
						btn_together()
					} else {
						$('.togetherbox').hide();

					}

				})
				$('#states').change(function() {
					if ($(this).val() == 7) {
						$('.gqbecausewrap').show();

					} else {
						$('.gqbecausewrap').hide();

					}

				})
			})

			uploaderImg(0)
			var imageArr0 = '';
			uploaderImg(1)
			var imageArr1 = '';

			//添加图片
			function uploaderImg(cindex) {
				var imgList = $('#image_list' + cindex),
					eleId = $('#filePicker' + cindex),
					uploader;
				uploader = WebUploader.create({
					// 自动上传。
					auto: true,
					// swf文件路径
					swf: '../../js/Uploader.swf',
					// 文件接收服务端。
					server: huayi.config.callcenter_url + 'fileserverapi/Api/Upload',
					// 选择文件的按钮。可选。
					// 内部根据当前运行是创建，可能是input元素，也可能是flash.
					pick: eleId,
					// 图片数量限制
					//					fileNumLimit: 4,
					//可以重复上传
					duplicate: true,
					formData: {
						uploadtype: 'equipment' //自定义文件夹用于存放图片 
					},
					// 只允许选择文件，可选。
					accept: {
						title: 'Images',
						extensions: 'gif,jpg,jpeg,bmp,png',
						mimeTypes: 'image/*'
					},
					fileSizeLimit: 30 * 1024 * 1024, // 30 M
					fileSingleSizeLimit: 5 * 1024 * 1024, // 5 M
					resize: false
				});
				//上传图片提示
				uploader.on('error', function(handler) {
					switch (code) {
						case "Q_EXCEED_NUM_LIMIT":
							layer.msg('只能上传六个文件。');
							break;
						case "Q_TYPE_DENIED":
							layer.msg('图片类型不正确。');
							break;
						case "F_DUPLICATE":
							layer.msg('该文件已上传，请选择其它文件。');
							break;
						case "F_EXCEED_SIZE":
							layer.msg('单文件大小不能超过5M。');
							break;
						case "Q_EXCEED_SIZE_LIMIT":
							layer.msg('总文件大小不能超过30M。');
							break;
						default:
							break;
					}
				});
				// 当有文件添加进来的时候
				uploader.on('fileQueued', function(file) {
					//					console.log(file);
					var $li = $(
							'<div id="' + cindex + '' + file.id + '" class="file-item thumbnail">' +
							'<div class="image-close">X</div>' +
							'<img>' +
							'<div class="info">' + file.name + '</div>' +
							'</div>'
						),
						$img = $li.find('img');
					imgList.prepend($li);
					$(".image-close").on('click', function() {
						event.stopPropagation();
						$(this).parent().remove();
						uploader.removeFile(file);
						helper.methods.delImgs($(this).parent().attr("data-filesmallurl"), $(this).parent().attr("data-fileurl"));
						file_num(cindex)
					});
				});
				// 文件上传成功，给item添加成功class, 用样式标记上传成功。
				uploader.on('uploadSuccess', function(file, response) {
					//					console.log(file)
					$.each(response.data, function(i, j) {
						//						obj=
						var $img = $('#' + cindex + file.id).find('img');
						$('#' + cindex + file.id).attr({
							'data-filename': j.filename,
							'data-fileext': j.fileext,
							'data-filemd5': j.filemd5,
							'data-filesize': j.filesize,
							'data-fileurl': j.fileurl,
							'data-filesmallurl': j.filesmallurl
						});
						uploader.makeThumb(file, function(error, src) {
							$img.attr('src', j.filesmallurl);
							$img.addClass('image-item');
							//						$img.attr('data-preview-group', "1");

						}, 50, 50);

					});
					$('#' + cindex + file.id).addClass('upload-state-done');
					file_num(cindex)
				});

				// 文件上传失败，现实上传出错。
				uploader.on('uploadError', function(file) {
					var $li = $('#' + cindex + file.id),
						$error = $li.find('div.error');
					// 避免重复创建
					if (!$error.length) {
						$error = $('<div class="error"></div>').appendTo($li);
					}
					$error.text('上传失败');
				});

				// 完成上传完了，成功或者失败，先删除进度条。
				//				uploader.on('uploadComplete', function(file) {

				//				});

			}

			//隐藏域值
			function file_num(num) {
				var arr = [];
				$('#image_list' + num).find('.thumbnail').each(function(j, m) {
					var obj = {
						'filename': $(m).attr("data-filename"),
						'fileext': $(m).attr("data-fileext"),
						'filemd5': $(m).attr("data-filemd5"),
						'filesize': $(m).attr("data-filesize"),
						'fileurl': $(m).attr("data-fileurl"),
						'filesmallurl': $(m).attr("data-filesmallurl")
					}
					arr.push(obj)
				})
				window['imageArr' + num] = arr;
				//			console.log(imageArr0)
			}
			//添加自定义字段
			function addExtension(num) {
				var str = '<tr>' +
					'<td>' +
					'<input type="text"  class="form-control extenName" placeholder="请输入配件名称、型号及数量"  autocomplete="off"/>' +
					'</td>' +
					'<td>' +
					'<input type="text"  class="form-control extenValue" placeholder="请输入配件价格"  autocomplete="off"/>' +
					'</td>' +
					'<td>' +
					'<button class="btn btn-danger" onclick="delExtension(this,' + num + ')">删除</button>' +
					//						'<button class="btn btn-info addBtn" onclick="addExtension(this)">添加</button>'+
					'</td>' +
					'</tr>'
				$('#table_extension' + num + ' tbody').append(str);
				//				$(ele).remove();
			}
			//自定义字段 删除一行
			function delExtension(ele, num) {
				$(ele).parent().parent().remove();
				getExtenArr(num);
			}
			//自定义字段 数组
			function getExtenArr(num) {
				var extenArr = [];
				$('#table_extension' + num + '').find('tbody tr').each(function(g, h) {
					if ($.trim($(h).find('.extenName').val()) !== '' && $.trim($(h).find('.extenValue').val()) !== '') {
						var objs = {
							'name': $(h).find('.extenName').val(),
							'describe': $(h).find('.extenValue').val()
						};
						extenArr.push(objs);
					}
				})
				//console.log(extenArr);
				return extenArr;
			}
			//保存	
			function btn_save() {
				addValue();
			}
			//处理
			function addValue() {

				var usematerialLists = getExtenArr(1);
				var lackmaterialLists = getExtenArr(2);
				if ($('#isusematerial').val() === '1') { //是否使用耗材：1是，0否
					if (usematerialLists.length === 0) {
						layer.confirm('请输入使用耗材信息！', {
							icon: 2,
							btn: ['确定'] //按钮
						});
						return;
					}
				} else {
					usematerialLists = [];
				}
				if ($('#islosematerial').val() === '1') { //是否缺少耗材：1是，0否
					if (lackmaterialLists.length === 0) {
						layer.confirm('请输入缺少耗材信息！', {
							icon: 2,
							btn: ['确定'] //按钮
						});
						return;
					}
				} else {
					lackmaterialLists = [];
				}

				// if(!imageArr0) {
				// 	layer.confirm('请上传处理完成前的照片！', {
				// 		icon: 2,
				// 		btn: ['确定'] //按钮
				// 	});
				// 	return;
				// }

				// if(!imageArr1) {
				// 	layer.confirm('请上传处理完成后的照片！', {
				// 		icon: 2,
				// 		btn: ['确定'] //按钮
				// 	});
				// 	return;
				// }

				if ($("#exceptiondes").val() == '') {
					layer.confirm('请输入异常说明！', {
						icon: 2,
						btn: ['确定'] //按钮
					});
					return;
				}
				if ($("#origins").val() == '') {
					layer.confirm('请选择来源！', {
						icon: 2,
						btn: ['确定'] //按钮
					});
					return;
				}
				if ($("#gqbecause").val() == '' && $('.gqbecausewrap').css('display')=='block') {
					layer.confirm('请选择挂起原因！', {
						icon: 2,
						btn: ['确定'] //按钮
					});
					return;
				}
				if ($("#bzid").val() == '') {
					layer.confirm('请选择维修项目内容！', {
						icon: 2,
						btn: ['确定'] //按钮
					});
					return;
				}

				$.ajax({
					type: "post",
					url: huayi.config.callcenter_url + "equipmentapi/api/worepairbase/deal",
					async: true,
					dataType: 'json',
					data: {
						wocode: code, //工单编号
						channel: 1, //渠道
						systemid: $('#sysname').val(), //系统名称
						equipmentid: $('#equipname').val(), //设备名称
						faulttypeid: $('#faulttype').val(), //是	string	故障类型id
						isusematerial: $('#isusematerial').val(), //是否使用耗材：1是，0否
						materialinfo: usematerialLists, //使用耗材信息
						islosematerial: $('#islosematerial').val(), //是否缺少耗材：1是，0否
						losematerialinfo: lackmaterialLists, //缺少耗材信息
						exfiles: imageArr0, //	处理完成前的照片
						files: imageArr1, //	处理完成后的照片
						detail: $('#exceptiondes').val(), //	异常说明
						CLpeoplefrom: $('#origins').val(), //来源
						state: $('#states').val(), //	工单状态：3已完成，6挂起
						wxtimeid: $('#bzid').val(), //维修内容
						gqbecause: $('#gqbecause').val(),
						dealusers: userCodes //协同人
					},
					success: function(data) {
						if (data.state.toLowerCase() == 'success') {
							var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
							parent.layer.close(index); //再执行关闭  
							layer.msg(data.message);
							parent.$('#table1').bootstrapTable('refresh');
						}
					}
				});
			}

			function forFloorGetEquipName(obj, fids, sysid) {
				$.getJSON(huayi.config.callcenter_url + "equipmentapi/api/Equipment/getrepairlistdrop", {
					floorid: fids,
					systemid: sysid
				}, function(data) {
					if (data.state.toLowerCase() == "success") {
						obj.empty();
						var content = data.data;
						if (content && content.length > 0) {
							$(content).each(function(i, n) {
								$("<option value='" + n.id + "'>" + n.name + "</option>").appendTo(obj);
							});
						} else {
							$("<option value=''>暂无数据</option>").appendTo(obj);
						}
						obj.selectpicker('refresh');
					}
				})
			}
			$(function() {
				getwxcontent()
			})
			// 获取维修内容
			function getwxcontent() {
				$("#bzid").html('');
				$("#bzid").append('<option selected="selected" value="">请选择维修项目内容</option>');
				$.getJSON(huayi.config.callcenter_url + "equipmentapi/api/WoRepairBase/getwxwptimesbybz", function(data) {
					if (data.state.toLowerCase() == "success") {
						var province = data.data;
                           console.log(province)
						for (var i = 0; i < province.length; i++) {
							console.log(province[i].wxcenter)
							$("<option value='" + province[i].id + "'>" + province[i].wxcenter + "</option>").appendTo("#bzid");
							$('#bzid').selectpicker('refresh');
							$('#bzid').selectpicker('render');
						}
					} else {
						$("#bzid").empty();
						$("#bzid").selectpicker('refresh');
					}
				})
			}
			// 协同人
			function judgetoge() {

			}

			function btn_together() {
				layer.open({
					type: 2,
					content: "../addtogether.html?code=" + code,
					title: '添加协同人',
					area: ['35%', '90%'], //宽高
				});
			}

			function togetherVal(name) {
				$('#xtContent').text(name)
			}

			function togetherCodes(codes) {

				userCodes = codes

			}
		</script>
	</body>

</html>