ShuangHui_UI/双汇APP-h5/workOrder/js/detail.js

mui.init({
	swipeBack: true ,//启用右滑关闭功能
	gestureConfig: {
		longtap: true   //默认为 false, 长按事件
	} 
});
mui.previewImage();
mui.ready(function() {
	
	var urlParams = new URLSearchParams(window.location.search);
    var param1 = urlParams.get('name');
    var param2 = urlParams.get('classImport');
    
    console.log(param1, 'currentWebview')
	var wv = {
		name: param1,
		classImport: param2,
	}//plus.webview.currentWebview();
	var vText = wv.name;
	//var classImport = wv.classImport;
	var ID = vText;
	var token = localStorage.getItem("token");
	var classImport = wv.classImport;
	var orderState;
	//工单详情
	mui.ajax(huayi.config.callcenter_url + '/WorkorderApp/GetDetails', {
		data: {
			id: vText,
			"token": token
		},
		dataType: 'json', //服务器返回json格式数据
		type: 'get', //HTTP请求类型
		timeout: 10000, //超时时间设置为10秒；
		headers: {
			'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
		},
		success: function(data) {
			var Data = data.rows;
			var States;
			if (Data[0].F_State==0) {
				States="待提交"
			} else if (Data[0].F_State==1) {
				States="待分派"
			}else if (Data[0].F_State==2) {
				States="待接单"
			}else if (Data[0].F_State==3) {
				States="待处理"
			}else if (Data[0].F_State==4) {
				States="处理中"
			}else if (Data[0].F_State==5) {
				States="退回待分派"
			}else if (Data[0].F_State==6) {
				States="退回待提交"
			}else if (Data[0].F_State==10) {
				States="已处理"
			}
			orderState=Data[0].F_State;
			document.getElementById("F_State").innerHTML = States; //工单状态
//			$("#F_State").css({"padding":"3px 6px"})
			document.getElementById("ID").innerHTML = Data[0].F_WorkOrderId; //工单编号
			document.getElementById("DealTimely").innerHTML = Data[0].F_DealTimely; //工单等级
			document.getElementById("F_Reason").innerHTML = Data[0].F_Reason; //重要等级原因
			document.getElementById("QualityProblem").innerHTML = Data[0].F_QualityProblem; //质量问题
			document.getElementById("F_Office").innerHTML = Data[0].F_OfficName; //办事处
			if(Data[0].F_Duplicate==0){
				Duplicate="否";
			}else{
				Duplicate="是";
			}
//			if (Data[0].F_Type==1) {
//				Data[0].F_Type="咨询"
//			}else if(Data[0].F_Type=2){
//				Data[0].F_Type="投诉"
//			}

			var typeArray = ['咨询', '投诉', '重复', '抽检', 
			// '生鲜品', '禽产品', '综合事业部', '餐饮事业部', '400热线接听', '线上投诉', '市场监管局投诉', '电商投诉'
			]
			
			if (!isNaN(Data[0].F_Type) && typeArray[Data[0].F_Type - 1]) {
				Data[0].F_Type = typeArray[Data[0].F_Type - 1];
				if (Data[0].F_Type === '投诉' && Data[0].F_ComplaintType)  {
					Data[0].F_Type += '（' + Data[0].F_ComplaintType +'）';
				}
			}
			document.getElementById("F_AreaName").innerHTML = Data[0].F_AreaName; //所属大区
			document.getElementById("F_Duplicate").innerHTML = Duplicate; //办事处
			document.getElementById("ProblemCode").innerHTML = Data[0].F_ProblemCode; //问题代码
			document.getElementById("F_AddRess").innerHTML = Data[0].F_AddRess; //所属大区
			document.getElementById("Content").innerHTML = Data[0].F_Content; //备注
			document.getElementById("F_CusName").innerHTML = Data[0].F_CusName; //来电人姓名
			document.getElementById("F_CusPhone").innerHTML = Data[0].F_CusPhone; //所属大区
			document.getElementById("F_Type").innerHTML = Data[0].F_Type; //备注
			document.getElementById("F_CreateTime").innerHTML = Data[0].F_CreateTime; //所属大区
			// href="tel:'+n.F_Mobile+'"
			document.getElementById("F_CusPhone").innerHTML = Data[0].F_CusPhone; //备注
			if (Data[0].F_CusPhone!=""&&Data[0].F_CusPhone!="null") {
				$("#F_CusPhone").attr("href","tel:"+Data[0].F_CusPhone)
			}
			//产品问题
			document.getElementById("F_ProductType").innerHTML = Data[0].F_ProductType; //产品代码
			document.getElementById("F_ProductName").innerHTML = Data[0].F_ProductName; //产品名称
			document.getElementById("F_Specifications").innerHTML = Data[0].F_Specifications; //规格
			document.getElementById("F_ProductDate").innerHTML = Data[0].F_ProductDate; //生产日期
			document.getElementById("F_Productiontime").innerHTML = Data[0].F_Productiontime; //生产时间
			document.getElementById("F_BatchNumber").innerHTML = Data[0].F_BatchNumber; //产品编码
			document.getElementById("F_Manufacturer").innerHTML = Data[0].F_Manufacturer; //生产厂家
			for(var i = 0; i < data.itemlasts.length; i++) {
				var table = document.body.querySelector('.GDgz');
				var div = document.createElement('div');
				div.innerHTML =
					'<h5 class="mui-badge-success mui-badge-inverted">' + data.itemlasts[i].F_CreateTime + ' ' +
					'<h5><span>备注信息:</span><a class="Font telPhone" data-index="'+data.itemlasts[i].F_CusPhone+
					'" >' + data.itemlasts[i].F_OptContent + '</a></h5>';
				table.appendChild(div);
			}
			//href="tel:'+data.itemlasts[i].F_CusPhone+'"
			$(".telPhone").on("tap",function () {
				var telCall=$(this).attr("data-index")
				//alert(telCall)
				if (telCall!="null"&&telCall!="") {
					$(this).attr("href","tel:"+telCall) 
				}else{
					mui.toast('联系人为空，请核对')
				}
			})
			//图片展示
			
			if(data.FileUrl) {
				$(data.FileUrl).each(function(i, n) {
					if(n.F_Type == '.jpg'||n.F_Type == '.png') {
						$('<div class="img-box longImg" index="'+n.F_Url+'"><img src="' + n.F_Url + '" alt="" class="image-item" data-preview-src="" data-preview-group="1" /><div>').appendTo("#image-list");
						$(".image-list").show();
					} else if(n.F_Type == '.docx') {
						mui.toast('猜猜我是谁')
					}
			
				})
				$(".longImg").on("longtap", function(e) {
				
					var target = e.target;
					var imgSave=$(this).attr("index")
					//alert(imgSave);
					var bts = [{
						title: "保存到手机"
					}];
					
					/**
					 * actionSheet：弹出系统选择按钮框
					 */
					plus.nativeUI.actionSheet({
						cancel: "取消",
						buttons: bts
					}, function(e) {
						
						if(e.index > 0){
							saveImage(imgSave)
						}
					});

				});
				 function saveImage(target) {
					var imgUrl = target;
					var timestamp = (new Date()).valueOf();
					var downLoader = plus.downloader.createDownload(imgUrl, {
						method: 'GET',
						filename: '_downloads/image/' + timestamp + '.png'
					}, function(download, status) {
						var fileName = download.filename;
						/**
						 * 保存至本地相册
						 */
						plus.gallery.save(fileName, function() {
							mui.toast("保存成功");
	
						});
					});
					
					/**
					 * 开始下载任务
					 */
					try{
						downLoader.start();
					}catch(e){
						//TODO handle the exception
						mui.toast("请长按图片保存");
					}
				}
			}
			//按钮显示
			if(data.buttons.length > 0) {
        //alert(JSON.stringify(data.buttons))
				$('.BTS').show();
				for(var i = 0; i < data.buttons.length; i++) {
					data.buttons[i].value = (data.buttons[i].value = data.buttons[i].value==='退回' ? '退单' : data.buttons[i].value)
					$('<li class=" mui-media mui-col-xs-4">' +
						'<button type="button" data-loading-text="提交中" index="' + data.buttons[i].key + '" class="mui-btn mui-btn-danger btn_agree Biaoqian">' + data.buttons[i].value + '</button>' +
						'</li>').appendTo(".mui-grid-9")
				}
				$(".Biaoqian").on("tap", function() {
					var a = $(this).attr("index");
					if(a == 3) {
						deletFun(); //删除
					} else if(a == 4) {
						submitFun(); //提交
					} else if(a == 5) {
						appointFun(); //指派
					} else if(a == 6) {
						disposeFun(); //处理
					} else if(a == 7) {
						backFun(); //退回
					} else if(a == 8) {
						signFun(); //标记
					} else if(a == 9) {
						remind(); //标记
					}else if(a == 10) {
            completeFun()
          }
				})
			}
//			if (classImport) {
//				$(".mui-grid-9").hide()
//			}
		},
		error: function(xhr, type, errorThrown) {
			//异常处理；

		}
	});
//	删除
	function deletFun() {
		var btnArray = ['否', '是'];
		mui.confirm('确定要删除工单？', '提示', btnArray, function(e) {
			if(e.index == 1) {
       
				mui.ajax(huayi.config.callcenter_url + 'WorkorderApp/DelWorkOrder', {
					data: {
						ids: vText,
						token: token
					},
					dataType: 'json', //服务器返回json格式数据
					type: 'post', //HTTP请求类型
					timeout: 10000, //超时时间设置为10秒；
					headers: {
						'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
					},
					success: function(data) {
						if(data.state.toLowerCase() == "success") {
							mui.toast("删除成功");
							if (classImport) {
								var wobj = plus.webview.getWebviewById("Work-listClass");
							}else{
								var wobj = plus.webview.getWebviewById("Work-list");
							}
							wobj.reload(true);
						}else{
              mui.toast(data.message);
            }
					}
				})
			} else {
				mui.toast("取消");
			}
		})
	}
	//提醒
	function remind() {
		mui.openWindow({
			id: 'Work-remind',
			url: 'Work-remind.html?name=' + vText + '&classImport=' +classImport,
			createNew:true,
			show: {
				aniShow: 'pop-in'
			},
			styles: {
				popGesture: 'hide'
			},
			waiting: {
				autoShow: true
			},
			extras: {
				name: vText,
				classImport: classImport, //区分工单等级列表参数
				token: token
			}
		});
	}
	//退回
	function backFun() {
		mui.openWindow({
			id: 'Work-HT',
			url: 'Work-HT.html?name=' + vText + '&classImport=' +classImport,
			createNew:true,
			show: {
				aniShow: 'pop-in'
			},
			styles: {
				popGesture: 'hide'
			},
			waiting: {
				autoShow: true
			},
			extras: {
				name: vText,
				classImport: classImport, //区分工单等级列表参数
				token: token
			}
		});
	}
	//提交
	function submitFun() {
		mui.openWindow({
			id: 'Work-assign',
			url: 'Work-assign.html?name=' + vText + '&classImport=' +classImport,
			createNew:true,
			show: {
				aniShow: 'pop-in'
			},
			styles: {
				popGesture: 'hide'
			},
			waiting: {
				autoShow: true
			},
			extras: {
				name: vText,
				classImport: classImport, //区分工单等级列表参数
				token: token
			}
		});
	}
//	指派
	function appointFun() {
		mui.openWindow({
			id: 'Work-appoint',
			url: 'Work-appoint.html?name=' + vText + '&classImport=' +classImport,
			createNew:true,
			show: {
				aniShow: 'pop-in'
			},
			styles: {
				popGesture: 'hide'
			},
			waiting: {
				autoShow: true
			},
			extras: {
				name: vText,
				classImport: classImport, //区分工单等级列表参数
				token: token
			}
		});
	}
//	处理
	function disposeFun() {
		mui.openWindow({
			id: 'Work-dispose',
			url: 'Work-dispose.html?name=' + vText + '&classImport=' +classImport + '&orderState=' + orderState,
			createNew:true,
			show: {
				aniShow: 'pop-in'
			},
			styles: {
				popGesture: 'hide'
			},
			waiting: {
				autoShow: true
			},
			extras: {
				name: vText,
				classImport: classImport, //区分工单等级列表参数
				orderState:orderState,
				token: token
			}
		});
	}
//	标记
	function signFun() {
		mui.openWindow({
			id: 'Work-sign',
			url: 'Work-sign.html?name=' + vText + '&classImport=' +classImport,
			createNew:true,
			show: {
				aniShow: 'pop-in'
			},
			styles: {
				popGesture: 'hide'
			},
			waiting: {
				autoShow: true
			},
			extras: {
				name: vText,
				classImport: classImport, //区分工单等级列表参数
				token: token
			}
		});
	}
	//	完善
	function completeFun() {
		mui.openWindow({
			id: 'Work-complete',
			url: 'Work-complete.html?name=' + vText + '&classImport=' +classImport,
			createNew: true,
			show: {
				aniShow: 'pop-in'
			},
			styles: {
				popGesture: 'hide'
			},
			waiting: {
				autoShow: true
			},
			extras: {
				name: vText,
				classImport: classImport, //区分工单等级列表参数
				token: token
			}
		});
	}
	$(".Tap").on('tap', function() {
		createDownload();
	})
})