meidu2021/daju/WebRoot/webpage/com/xcgl/taskresult/taskResultByTask-add.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<t:base type="jquery,easyui,tools,DatePicker"></t:base>
<script src = "plug-in/tools/jquery.tips.js"></script>
<style type="text/css">
.box {
    color: #999;
    font-size: 24px;
}
.box .sel {
    color: #f00;
    font-size: 24px;
}
.formtable {
    padding: 20px 0;
    padding-bottom: 0px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,th {
	padding: 0;
}

.pure-table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border: 1px solid #cbcbcb;
}

.pure-table caption {
	color: #000;
	font: italic 85%/1 arial,sans-serif;
	padding: 1em 0;
	text-align: center;
}

.pure-table td,.pure-table th {
	border-left: 1px solid #cbcbcb;
	border-width: 0 0 0 1px;
	font-size: inherit;
	margin: 0;
	overflow: visible;
	padding: .5em 1em;
}

.pure-table thead {
	background-color: #e0e0e0;
	color: #000;
	text-align: left;
	vertical-align: bottom;
}

.pure-table td {
	background-color: transparent;
}

.pure-table-bordered td {
	border-bottom: 1px solid #cbcbcb;
	padding-top:5px;
	padding-bottom:5px;
}

.pure-table-bordered tbody>tr:last-child>td {
	border-bottom-width: 0;
}

</style>
<div class="easyui-layout" fit="true">
<div region="center" style="padding:0px;border:0px">
<t:formvalid formid="formobj" dialog="true" usePlugin="password" layout="table" action="taskResultController.do?doUpdate" beforeSubmit="checkNull">
					<input id="id" name="id" type="hidden" value="${taskresult.id }"/>
					<input id="taskObjectScore" name="taskObjectScore" type="hidden" value="${taskresult.taskObjectScore }"/>
					<%--<input id="taskId" name="taskId" type="hidden" value="${task.id }"/>--%>
	<table style="width: 800px;padding-bottom: 0px;"  cellpadding="0" cellspacing="1" class="formtable">
				<tr>
					<td align="left">
						<label class="Validform_label">
							工作名称:
						</label>
					</td>
					<td class="value">
					     	 <input id="name" name="name" type="text" style="width: 300px;border: 0px;" class="inputxt"  ignore="ignore" readonly="readonly"  value='${task.name}'/>
							<span class="Validform_checktip"></span>
							<label class="Validform_label" style="display: none;">工作名称</label>
						</td>
				</tr>
				<tr>
					<td align="left">
						<label class="Validform_label">
							 <span color="red" class="requiredIcon">*</span>工作执行说明:
						</label>
					</td>
					<td class="value">
					     	 <textarea id="memo" name="memo" type="text" style="width: 50%" datatype="*" rows="5" ignore="checked" >${taskresult.memo}</textarea>
						</td>
				</tr>
				<c:if test='${task.tasktype == "maintainbill"}'>
				<!-- <tr>
					<td align="right" rowspan="5">
						<label class="Validform_label">
							工作评价: 
						</label>
					</td> -->
					<tr>
						<td align="left">
							<label class="Validform_label">
								服务质量: 
							</label>
						 </td>
						<td class="value"> 
							<span class="box" id="quality">
								<input id="qualityScore" name="qualityScore" type="text" datatype="n" value="${taskresult.qualityScore }" placeholder="0-25分"/>
								<i class="fa fa-question-circle-o" style="font-size:20px"></i>
								<span style="display: none">
									<table class="pure-table-bordered">
										<tr>
											<th>评分细则</th>
											<th>评分规则</th>
											<th>分值</th>
										</tr>
										<tr>
											<td>按照合同约定的服务时间内完成相关维保服务。</td>
											<td>逾期未完成的，本栏不得分。</td>
											<td>10</td>
										</tr>
										<tr>
											<td>上次维保服务结束后，至本次维保服务之前无返修。（如为首次合作供方，本次该栏不扣分）</td>
											<td>有返修的，不得分</td>
											<td>10</td>
										</tr>
											<tr>
											<td>维保服务结束，机房及相关工作场地保持干净整洁、无任何破坏。</td>
											<td>环境干净整洁、无破坏得10分，否则不得分。</td>
											<td>5</td>
										</tr>
									</table>
								</span>
								<span class="Validform_checktip"></span>
							</span>
						</td>
					</tr>
					<tr>
						<td align="left">
							<label class="Validform_label">
								服务时效: 
							</label>
						</td>
						<td class="value"> 
							<span class="box" id="efficiency">
								<input id="efficiencyScore" name="efficiencyScore" type="text" datatype="n" value="${taskresult.efficiencyScore }" placeholder="0-25分"/>
								<i class="fa fa-question-circle-o" style="font-size:20px"></i>
								<span style="display: none">
									<table class="pure-table-bordered">
										<tr>
											<th>评分细则</th>
											<th>评分规则</th>
											<th>分值</th>
										</tr>
										<tr>
											<td>接到报修服务、紧急报修，按合同约定时间响应并到场提供服务。</td>
											<td>响应不及时，扣5分；到场服务不及时，扣5分。</td>
											<td>10</td>
										</tr>
										<tr>
											<td>维保、维修服务过程中，能按合同约定完成维修服务，无走过场，遗漏、隐瞒设施设备问题的情况。</td>
											<td>有走过场，遗漏、隐瞒设施设备问题的情况，本栏不得分。</td>
											<td>10</td>
										</tr>
											<tr>
											<td>维保、维修服务过程中，无任何超合同范围收费。</td>
											<td>存在超合同范围要求收费，本栏不得分。</td>
											<td>5</td>
										</tr>
									</table>
								</span>
								<span class="Validform_checktip"></span>
							</span>
						</td>
					</tr>
					<tr>
						<td align="left">
							<label class="Validform_label">
								服务态度:
							</label>
						</td>
						<td class="value"> 
							<span class="box" id="attitude">
							    <input id="attitudeScore" name="attitudeScore" type="text" datatype="n" value="${taskresult.attitudeScore }" placeholder="0-25分"/>
								<i class="fa fa-question-circle-o" style="font-size:20px"></i>
								<span style="display: none">
									<table class="pure-table-bordered">
										<tr>
											<th>评分细则</th>
											<th>评分规则</th>
											<th>分值</th>
										</tr>
										<tr>
											<td>维保人员着统一制服，佩戴工号牌/胸牌到岗，并携带、使用必要的防护工具。</td>
											<td>全员完成得5分；有人员未做到，每项扣1分，直至扣完本栏分值。</td>
											<td>10</td>
										</tr>
										<tr>
											<td>维保人员到场服务礼仪符合要求：
<br>使用礼貌用语，无在吸烟点之外场所吸烟情况，无吃拿卡要情况。</td>
											<td>发现任意维保人员存在非吸烟点吸烟、说粗话脏话等，本栏不得分；
<br>有吃拿卡要情况的，另应按合同约定进行相应处罚。</td>
											<td>5</td>
										</tr>
											<tr>
											<td>主动预约维保工作时间，按合同约定时间提前预约。</td>
											<td>无预约或被管理处催办不得分；
<br>提前5个工作日以上得5分；
<br>提前3个工作日得3分；
<br>提前2个工作日得1分。</td>
											<td>5</td>
										</tr>
											<tr>
											<td>服务期间按照管理处规定操作，无打扰业主方工作现象。</td>
											<td>有被投诉本栏不得分，另应按合同约定进行相应处罚；
<br>按管理处各项规定执行的，得5分。</td>
											<td>5</td>
										</tr>

									</table>
								</span>
								<span class="Validform_checktip"></span>
							</span>
						</td>
					</tr>
					<tr>
						<td align="left">
							<label class="Validform_label">
								技术能力: 
							</label>
						 </td>
						<td class="value"> 
							<span class="box" id="skills">
							  <input id="skillsScore" name="skillsScore" type="text" datatype="n" value="${taskresult.skillsScore }" placeholder="0-25分"/>
								<i class="fa fa-question-circle-o" style="font-size:20px"></i>
								<span style="display: none">
								<table class="pure-table-bordered">
										<tr>
											<th>评分细则</th>
											<th>评分规则</th>
											<th>分值</th>
										</tr>
										<tr>
											<td>按合同约定，由具备相关操作证的人员上岗操作，并事先提供上岗证复印件。</td>
											<td>有人员无上岗证的，本栏不得分；
<br>未事先提供的，每人次扣5分，直至扣完本栏分值。</td>
											<td>10</td>
										</tr>
										<tr>
											<td>按照相关规定，做好安全防范工作。</td>
											<td>有安全防范交底，必要的防护措施执行到位，得10分，否则不得分。</td>
											<td>10</td>
										</tr>
											<tr>
											<td>维保方营业执照、相关资质均在有效期内，并事先提供复印件。</td>
											<td>如无法提供有效营业执照、相关资质证明的，本栏不得分，并按合同约定进行相应处罚。</td>
											<td>5</td>
										</tr>
									</table>
								</span>
								<span class="Validform_checktip"></span>
							</span>
						</td>
					</tr>
					<tr>
						<td align="left">
							<label class="Validform_label">
								总分:
							</label>
						</td>
						<td class="value">
							<span class="box">
							  <input  type="text" id="taskObjectScoreShow" readonly="readonly" value="${taskresult.taskObjectScore }"/>
								<i class="fa fa-question-circle-o" style="font-size:20px"></i>
								<span style="display: none">
									每个大项25分,总分100.<br>
									60以下:不合格<br>
									60-80:合格<br>
					80-100:优秀
					</span>
					<span class="Validform_checktip"></span>
					</span>
					</td>
				</tr>
		<!-- </tr> -->
		</c:if>
		<c:if test='${task.tasktype == "pmdept"}'>
		 <tr>
				  <td align="left">
					  <label class="Validform_label">附件:</label>
				  </td>
				  <td class="value">
					  <t:webUploader auto="true" busiId="${taskresult.id}" 
									 busiTable="p_taskresult"
									 bizType="projecttaskresult"
									 name="attachment" duplicate="true" fileNumLimit="10"
									 nullMsg="附件不可为空"></t:webUploader>
	
					  <span class="Validform_checktip"></span>
					  <label class="Validform_label" style="display: none;">附件</label>
				  </td>
			  </tr>
		</c:if>
		<c:if test="${param.load!='detail'}">
			<tr>
					<td align="left">
					   <label class="Validform_label">
								工作附件:
							</label>
					</td>
					<td align="left">
					   <a  href="#" class="easyui-linkbutton l-btn" style="margin-left: 4px;"  onclick="imgBtnClick()">上传附件</a>
					   <input id="myphoto" type="file" style="display: none;" name="pic" onchange="uploadFiles(event)">
					</td>
				</tr>
		</c:if>
		<tr>
			<td align="left">
				<label class="Validform_label">
				<span color="red" class="requiredIcon">*</span>工作进度(%):
				</label>
			</td>
			<td class="value">
				<input type="text" datatype="d" id="completePer" name="completePer" value="${task.completePer}"/>
				<i class="fa fa-question-circle-o" style="font-size:20px"></i>
				<span style="display: none">
					进度100%，工作为已完成状态；<br>
					1%~99%，工作为进行中状态；<br>
				</span>
			</td>
		</tr>
				<tr>
					<td align="left">
					   <label class="Validform_label">
								&nbsp;
							</label>
					</td>
				</tr>
				<tr>
					<td colspan="2" height="250px">
					 <t:datagrid name="taskResultList" pagination="false" checkbox="false" fitColumns="true" title="附件列表"
					  	actionUrl="taskResultController.do?datagrid&entrance=${entrance}&taskid=${task.id}" idField="id" fit="true" queryMode="group">
					   	<t:dgCol title="工作"  field="taskid"  queryMode="single"  dictionary="p_projecttask,id,name"  width="100"></t:dgCol>
					   	<t:dgCol title="附件"  field="picture"  queryMode="single"  width="400"></t:dgCol>
						<t:dgCol title=""  field="id" hidden="true"   width="100"></t:dgCol>
					   	<t:dgCol title=""  field="taskResultId" hidden="true"   width="100"></t:dgCol>
						<t:dgCol title=""  field="imgIndex" hidden="true"   width="100"></t:dgCol>
						 <t:dgCol title=""  field="suffix" hidden="true"   width="100"></t:dgCol>
						 <t:dgCol title=""  field="hideDelete" hidden="true"   width="100"></t:dgCol>
					   	<t:dgCol title="操作" field="opt"></t:dgCol>
					   	<t:dgFunOpt title="查看" exp="suffix#eq#2" funname="showViewFile" urlclass="ace_button" urlfont="fa-check" >  </t:dgFunOpt> <%-- exp="isPreviewFlg#eq#1" --%>
						<t:dgFunOpt title="下载" exp="suffix#eq#1" funname="showViewFile" urlclass="ace_button" urlfont="fa-check" >  </t:dgFunOpt> <%-- exp="isPreviewFlg#eq#1" --%>
					   	<t:dgDelOpt title="删除" exp="hideDelete#eq#1" url="taskResultController.do?removePicture&id={taskResultId}&index={imgIndex}" urlclass="ace_button"  urlfont="fa-trash-o"/>
					 </t:datagrid>
					</td>
				</tr>
				
	</table>
</t:formvalid>
</div>
 </div>
 <script type="text/javascript">
 var tasktype = "${task.tasktype}";
 $(document).ready(function(){
	 $(".box input").bind('input',function(event){
	     	var t = $(this);
	     	var v =parseIntNullAsZero(t.val());
	     	if(v<0) t.val(0);
	     	if(v>25) t.val(25);
	   		$('#taskObjectScore').val(parseIntNullAsZero($('#qualityScore').val())+parseIntNullAsZero($('#efficiencyScore').val())
				 +parseIntNullAsZero($('#attitudeScore').val())+parseIntNullAsZero($('#skillsScore').val()));

         	$('#taskObjectScoreShow').val($('#taskObjectScore').val());
	    });
     $("input").next('i').each(function(){
         var content=$(this).next('span').html();
         $(this).tips({ content: content, wrapColor: '#5187c9' });
	 });
 });
 function parseIntNullAsZero(value){
	 if(value)
		 return parseInt(value);
	 else 
		 return parseInt(0);
 }
 function checkNull(){
	 if(tasktype != "maintainbill")
		 return true;
	 if(parseIntNullAsZero($('#qualityScore').val()) == 0 || parseIntNullAsZero($('#efficiencyScore').val()) == 0
			 || parseIntNullAsZero($('#attitudeScore').val()) == 0 || parseIntNullAsZero($('#skillsScore').val()) == 0){
		 layer.alert("请对本次工作进行评价后再提交");
		 return false;
	 }
	 return true;
 }
 function btn_back(){
	 this.closeCurrentDialog();
 }
 
 function btn_ok(){
	 this.closeCurrentDialog();
 }
 function showViewFile(index) {
			var rows = $('#taskResultList').datagrid('getRows');//获取所有当前加载的数据行
			var fileUrl = rows[index].id;
			// 默认文件不是在阿里云
			var aliyunflg = "1";
	 		var suffix = fileUrl.substring(fileUrl.indexOf(".") + 1, fileUrl.length);
	 		suffix = suffix.toLowerCase();
	 		if(suffix != 'png' && suffix != 'jpg' && suffix != 'gif' && suffix != 'jpeg'){
				$.post('tSysFileController.do?ossFileDownload', {"key" : fileUrl}, function (d) {
					location.href = d;
				}, "json");
			}else{
				$.dialog.setting.zIndex = getzIndex();
				$.dialog({
							content : 'url:taskResultController.do?showPictureview&fileUrl=' + fileUrl + '&aliyunflg=' + aliyunflg,
							//content : 'url:'+ urlSee,
							zIndex : getzIndex(),
							title : '查看文件',//选择框标题
							lock : true,//是否锁定   当为true 时 下层有蒙版，不允许用户在弹出窗口以外有其它操作
							width : '600px',// 选择框宽度
							height : '600px',//选择框高度
							opacity : 0.4,//透明度 （经过测试  效果好像不太明显 ）
							button : [  {
								name : '上报素材库',
								focus : true,
								callback : function() {
								}},{
								name : '关闭',
								focus : true,
								callback : function() {
								}
							} ]
						}).zindex();
			}
		}
 function imgBtnClick(){
	 $('#myphoto').click();
 }
		function uploadFiles(event) {
			var inputid = 'myphoto';
			if(!$('#'+inputid).prop('files')[0]){
				tip("请先选择文件");
				return;
			}
			var rows = $('#taskResultList').datagrid('getRows');
			if(rows.length == 10){
				tip("已经上传10个图片，不能再上传图片");
				return;
			}
		    var formData=new FormData();
		    var filetype = $('#'+inputid).prop('files')[0].name.substring($('#'+inputid).prop('files')[0].name.indexOf('.')+1);
		    /*if(filetype != 'png' && filetype != 'jpg' && filetype != 'gif' ){
		    	tip("文件格式错误，请选择图片，再点按钮上传");
		    	 return;
		    }*/
		    formData.append("file",$('#'+inputid).prop('files')[0]);
		    formData.append('isup','1');
		    formData.append('busiId', $('#id').val());
		    formData.append('busiTable','p_taskresult');
		    formData.append('bizType','projecttask');
		    
		    $.ajax({
		        type:'POST',
		        url:'tSysFileController/aliyunfiledeal.do',
		        data:formData,
		        contentType: false,// 注意：让jQuery不要处理数据
		        processData: false,// 注意：让jQuery不要设置contentType
		        success:function (obj) {
		        	var d = jQuery.parseJSON(obj);
		 		    var picIndex = rows.length + 1;
		        	
		        	 $.ajax({
		 		        type:'POST',
		 		        url:'taskResultController.do?savePicture&id='+$('#id').val()+'&picture'+picIndex+'='+d.attributes.key,
		 		        data:formData,
		 		        contentType: false,// 注意：让jQuery不要处理数据
		 		        processData: false,// 注意：让jQuery不要设置contentType
		 		        success:function (saveret) {
		 		        	var d = jQuery.parseJSON(saveret);
		 		            tip(d.msg);
		 		            $('#taskResultList').datagrid('reload');
		 		        },
		 		        error:function (obj) {
		 		        	var d = jQuery.parseJSON(saveret);
		 		            tip(d.msg);
		 		        }
		 		    });
		        },
		        error:function (obj) {
		        	var d = jQuery.parseJSON(obj);
		            tip(d.msg);
		        }
		    });
		 
		}
 </script>