427 行
14 KiB
Plaintext
427 行
14 KiB
Plaintext
${zhiqim_manager_content()}
|
|
${Scripts.src(zhiqim.js)}
|
|
${Scripts.src(zhiqim_uploadlarge.js)}
|
|
<script>
|
|
Z.onload(function(){
|
|
//考试状态
|
|
var status = ${initialStatus};
|
|
if(status == 10 ){
|
|
doChangeStep(2)
|
|
}else if(status == 20){
|
|
doChangeStep(3)
|
|
}else if(status == 30){
|
|
doChangeStep(4)
|
|
}else if(status == 40){
|
|
doChangeStep(4)
|
|
}else {
|
|
doChangeStep(1)
|
|
}
|
|
|
|
//初始化上传组件
|
|
initUploader("FUpload_Desgin","DesginFile","${desginPath}");
|
|
initUploader("FUpload_End","EndFile","${endPath}");
|
|
});
|
|
|
|
//上传设计文件
|
|
function initUploader(elem,fileType,path)
|
|
{
|
|
var questionsId = document.getElementById("questionsId").value;
|
|
var upload = new Z.UploadLarge();
|
|
upload.elem = elem;
|
|
upload.showResult = false;
|
|
upload.setFileDir(path);
|
|
upload.fileCopy = true;
|
|
upload.onSelected = function(fileName,FileType){
|
|
var ajax = new Z.Ajax();
|
|
ajax.setClassName("QuestionsFilePresenter");
|
|
ajax.setMethodName("doCheckFileName");
|
|
ajax.addParam(fileName);
|
|
ajax.addParam(fileType);
|
|
ajax.execute();
|
|
this.setFileName(questionsId + "-" + fileName);
|
|
};
|
|
upload.onCompleted = function(fileId, fileName){
|
|
var ajax = new Z.Ajax();
|
|
ajax.setClassName("QuestionsFilePresenter");
|
|
ajax.setMethodName("uploadQuestionsFile");
|
|
ajax.addParam(questionsId);
|
|
ajax.addParam(fileId);
|
|
ajax.addParam(fileType);
|
|
ajax.setFailure(function(){Z.alert(this.responseText);});
|
|
ajax.setSuccess(function(){
|
|
var obj = Z.J.toObject(this.responseText);
|
|
var items = obj.attaList;
|
|
var html = "";
|
|
Z("#"+fileType).html("");//清除历史数据
|
|
for (var i=0;i<items.length;i++)
|
|
{
|
|
var obj = items[i];
|
|
html += obj.fileName + " " +'<a id="attaId" onclick="doDelete('+ obj.attaId +');"><span style="color:#008bd2">删除</span></a>'+"<br/><br/>";
|
|
}
|
|
|
|
Z("#"+fileType).htmlc(html);
|
|
});
|
|
ajax.setLoading(document);
|
|
ajax.execute();
|
|
};
|
|
upload.execute();
|
|
};
|
|
|
|
|
|
function doChangeStep(step)
|
|
{//1 表示问卷考核，2表示虚拟订单，3表示等待审核，4表示审核通过
|
|
|
|
if (!step)
|
|
return;
|
|
if (!Z.V.isInteger(step))
|
|
return;
|
|
|
|
if (step == 1)
|
|
{//切换步骤内容
|
|
doUpdatePageCode(step);
|
|
}
|
|
else if (step == 2)
|
|
{//切换步骤内容
|
|
doUpdatePageCode(step);
|
|
}
|
|
else if (step == 3)
|
|
{//切换步骤内容
|
|
doUpdatePageCode(step);
|
|
}
|
|
else if (step == 4){
|
|
doUpdatePageCode(step);
|
|
}
|
|
return;
|
|
}
|
|
|
|
//切换步骤内容
|
|
function doUpdatePageCode(step)
|
|
{
|
|
//切换显示内容
|
|
Z("div[id^='stepContent_']").hide();
|
|
Z("div[id^='stepContent_"+step+"']").show();
|
|
//显示步骤条
|
|
step = step*1-1;
|
|
var $step = Z("div.z-stepbar").children("nav");
|
|
$step.removeClass("z-active");
|
|
Z($step[step]).addClass("z-active");
|
|
}
|
|
|
|
//移除截图
|
|
function doRemoveImg()
|
|
{
|
|
Z("#saveImgPath").remove();
|
|
}
|
|
|
|
//初始化监听考试截图
|
|
(function(){
|
|
var imgReader = function( item ){
|
|
var blob = item.getAsFile(),
|
|
reader = new FileReader();
|
|
Z("#saveImgPath").remove();//删除历史图片
|
|
// 读取文件后将其显示在网页中
|
|
reader.onload = function(e){
|
|
var img = new Image();
|
|
var result = e.target.result;
|
|
Z("#imgData").text(result);
|
|
img.src = result;
|
|
img.id = "saveImgPath";
|
|
Z("#imgSrc").append(img);
|
|
};
|
|
// 读取文件
|
|
reader.readAsDataURL(blob);
|
|
};
|
|
window.addEventListener( 'paste', function(e){
|
|
// 添加到事件对象中的访问系统剪贴板的接口
|
|
var clipboardData = e.clipboardData,
|
|
i = 0,
|
|
items, item, types;
|
|
|
|
if(clipboardData){
|
|
items = clipboardData.items;
|
|
if( !items ){
|
|
return;
|
|
}
|
|
item = items[0];
|
|
// 保存在剪贴板中的数据类型
|
|
types = clipboardData.types || [];
|
|
for( ; i < types.length; i++ ){
|
|
if( types[i] === 'Files' ){
|
|
item = items[i];
|
|
break;
|
|
}
|
|
}
|
|
// 判断是否为图片数据
|
|
if( item && item.kind === 'file' && item.type.match(/^image\//i) ){
|
|
imgReader( item );
|
|
}
|
|
}
|
|
});
|
|
})();
|
|
|
|
//提交成绩图
|
|
function doDraftSubmit()
|
|
{
|
|
var questionsId = document.getElementById("questionsId").value;
|
|
var data = Z("#imgData").text()
|
|
if (Z.Validates.isEmpty(data))
|
|
{
|
|
Z.alert("考试成绩截图为空")
|
|
return;
|
|
}
|
|
|
|
var ajax = new Z.Ajax();
|
|
ajax.setClassName("DesignerTestPresenter");
|
|
ajax.setMethodName("saveGrade");
|
|
ajax.addParam(data);
|
|
ajax.addParam(questionsId);
|
|
ajax.setFailureAlert();
|
|
ajax.setSuccess(function(){
|
|
Z.success("操作成功",function(){parent.location.reload();});
|
|
});
|
|
ajax.setLoading("doDraftSubmit", '正在提交', {disabled:true});
|
|
ajax.execute();
|
|
}
|
|
|
|
//考试地址
|
|
function doAssessSite(){
|
|
Z.alert("暂时不需要去考试，请直接随意截图提交。");
|
|
}
|
|
|
|
//提交审核
|
|
function doSubmitAudit()
|
|
{
|
|
var questionsId = document.getElementById("questionsId").value;
|
|
var ajax = new Z.Ajax();
|
|
ajax.setClassName("DesignerTestPresenter");
|
|
ajax.setMethodName("submitAudit");
|
|
ajax.addParam(questionsId);
|
|
ajax.setFailureAlert();
|
|
ajax.setSuccess(function(){
|
|
Z.success(("操作成功"),function(){
|
|
parent.location.reload();
|
|
});
|
|
});
|
|
ajax.execute();
|
|
}
|
|
|
|
//联系审核人
|
|
function contectQQ(userQq)
|
|
{
|
|
if (!Z.V.isInteger(userQq))
|
|
{
|
|
Z.alert("QQ号不合法");
|
|
return;
|
|
}
|
|
|
|
Z("#openFrm").attr("src","tencent://message/?uin="+userQq);
|
|
}
|
|
|
|
//重新考试
|
|
function doRefreshAssess()
|
|
{
|
|
var questionsId = document.getElementById("questionsId").value;
|
|
var ajax = new Z.Ajax();
|
|
ajax.setClassName("DesignerTestPresenter");
|
|
ajax.setMethodName("refreshAssess");
|
|
ajax.addParam(questionsId);
|
|
ajax.setFailureAlert();
|
|
ajax.setSuccess(function(){
|
|
Z.success("申请重新考核成功", function(){
|
|
parent.location.reload();
|
|
});
|
|
});
|
|
ajax.execute();
|
|
}
|
|
|
|
function downMaterialFile(attaId){
|
|
if (Z.V.isEmpty(attaId))
|
|
{
|
|
Z.alert("请选择需要下载的素材");
|
|
return ;
|
|
}
|
|
|
|
var mainFrame = parent.parent.document.URL;
|
|
var mainSrc = mainFrame.src;
|
|
var prefix = Z.l.protocol + "//" + Z.l.host ;
|
|
var element1 = document.createElement("a");
|
|
element1.href = prefix+"/downQuestionsFile.htm?attaId=" + attaId;
|
|
Z.L.href(prefix+"/downQuestionsFile.htm?attaId=" + attaId, zCallFrame);
|
|
}
|
|
|
|
//删除文件
|
|
function doDelete(attaId)
|
|
{
|
|
Z.confirm("您确定删除该文件吗？", function()
|
|
{
|
|
var ajax = new Z.Ajax();
|
|
ajax.setClassName("DesignerTestPresenter");
|
|
ajax.setMethodName("deleteFile");
|
|
ajax.addParam(attaId);
|
|
ajax.setFailureAlert();
|
|
ajax.setSuccess(function(){
|
|
Z.success("删除成功！", function(){
|
|
parent.location.reload();
|
|
});
|
|
});
|
|
ajax.execute()});
|
|
}
|
|
|
|
function showLargeImg()
|
|
{
|
|
var url="https://oss-89-taobao.oss-cn-shenzhen.aliyuncs.com/yangcai365_design/performance/questions_standard-1.png";
|
|
var hostUrl = Z.l.protocol+'//'+Z.l.host;
|
|
var dialog = new parent.Z.Dialog();
|
|
dialog.shadow = true;
|
|
dialog.title = "考试审核标准";
|
|
dialog.fixed = true;
|
|
dialog.url = hostUrl+"/showLargeImg.htm?imgpath="+url;
|
|
dialog.width = parent.Z.D.clientWidth()-800;
|
|
dialog.height = parent.Z.D.clientHeight()-200;
|
|
dialog.execute();
|
|
dialog.$background.remove();
|
|
}
|
|
</script>
|
|
|
|
<div class="z-pd10 z-px16 z-bg-white" style="padding-top:20px">
|
|
<input id="questionsId" type="hidden" value="${orderQuestions.getQuestionsId()}">
|
|
<!-- 默认步骤条效果 -->
|
|
<div class="z-stepbar z-blue">
|
|
<nav class="z-active">
|
|
<span class="z-round z-white z-mg-r5">1</span><span>问卷考核</span>
|
|
</nav>
|
|
<nav onclick="">
|
|
<span class="z-round z-white z-mg-r5">2</span><span>虚拟订单</span>
|
|
</nav>
|
|
<nav onclick="">
|
|
<span class="z-round z-white z-mg-r5">3</span><span>等待审核</span>
|
|
</nav>
|
|
<nav onclick="">
|
|
<span class="z-round z-white z-mg-r5">4</span><span>审核结果</span>
|
|
</nav>
|
|
</div>
|
|
|
|
<div id="stepContent_1">
|
|
|
|
<br/>
|
|
<table class="z-table z-bordered z-h50-tr z-pd10 z-bg-white" style="width:1100px;">
|
|
<tr>
|
|
<td width="10%">开始理论考试</td>
|
|
<td width="*"><button class="z-button z-large z-w120 ${zmr_color_class}" onclick="doAssessSite();">前往考试</button>
|
|
<font style="color:red">说明：为了提高审核通过率，请提交80分以上的截图，否则审核将不通过</font>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="10%">考试成绩截图</td>
|
|
<td width="*" height="550">完成考试成绩截图后，直接<font style="color:red"> CTRL+V </font>粘贴即可
|
|
<div style="display:none" id="imgData"></div>
|
|
<div id="imgSrc"></div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2">
|
|
<div class="z-text-center">
|
|
<button class="z-button z-large z-red" onclick="doRemoveImg();"><i class="z-font z-delete"></i>删除截图</button>
|
|
<button id="doDraftSubmit" class="z-button z-large z-blue" onclick="doDraftSubmit();"><i class="z-font z-save"></i>完成考试</button>
|
|
<div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<div id="stepContent_2">
|
|
<br/>
|
|
<form name="step2Form" action="javascript:void(0);" method="post" data-role="z-call-frame">
|
|
<table class="z-table z-bordered z-h50-tr z-pd10 z-bg-white" style="width:1100px;">
|
|
<tr>
|
|
<td width="10%">设计要求</td>
|
|
<td width="80%">${orderQuestions.getDesignRequirements()}</td>
|
|
<td width="10%"><button type="button" class="z-button z-large z-blue z-w110 z-mg-t20 zi-mg-b20" onclick="showLargeImg()"><i class="z-font z-query"></i>审核标准</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td width="10%">设计素材</td>
|
|
<td colspan="2">
|
|
<#for item : materialFilerAttaList>
|
|
${item.getFileName()} <a href="javascript:downMaterialFile('${item.getAttaId()}')"><span style="color:#2483EB">下载</span></a><br/><br/>
|
|
</#for>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="10%">设计文件</td>
|
|
<td width="80%" id="DesginFile">
|
|
<#for item : desginFileAttaList>
|
|
${item.getFileName()} <a id="attaId" onclick="doDelete(${item.getAttaId()});"><span style="color:#2483EB">删除</sapn></a><br/><br/>
|
|
</#for>
|
|
</td>
|
|
<td width="10%"><button id="FUpload_Desgin" type="button" class="z-button z-large z-blue z-w110 z-mg-t20 zi-mg-b20"><i class="z-font z-upload"></i>上传文件</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td width="10%">印刷文件<br/><font color="red"> pdf格式</font></td>
|
|
<td width="80%" id="EndFile">
|
|
<#for item : endFileAttaList>
|
|
${item.getFileName()} <a id="attaId" onclick="doDelete(${item.getAttaId()});"><span style="color:#2483EB">删除</sapn></a><br/><br/>
|
|
</#for>
|
|
</td>
|
|
<td width="10%"><button id="FUpload_End" type="button" class="z-button z-large z-blue z-w110 z-mg-t20 zi-mg-b20"><i class="z-font z-upload"></i>上传文件</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="3">
|
|
<div class="z-text-center">
|
|
<button class="z-button z-large z-blue" onclick="doSubmitAudit();"><i class="z-font z-save"></i>提交审核</button>
|
|
<div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
<div id="stepContent_3">
|
|
<div style="margin-top:10px">
|
|
</div>
|
|
<div>
|
|
<br/><br/>
|
|
<p style="margin-top:10px">
|
|
<div>
|
|
<h3>审核中，请通过微信扫码联系审核人员确认相关入驻事宜</h3>
|
|
</div>
|
|
</p>
|
|
<br/><br/>
|
|
</div>
|
|
<img style="width:15%;" src="/zinc/images/VXQRcode.png">
|
|
</div>
|
|
|
|
<div id="stepContent_4">
|
|
<#if initialStatus = 40>
|
|
<div style="margin-top:10px">
|
|
</div>
|
|
<div>
|
|
<br/><br/>
|
|
<p style="margin-top:10px">
|
|
<div>
|
|
<h3><p style="color:#FF0000;font-weight:500">抱歉，审核未通过。未通过原因：${orderQuestions.getRemarks()}</p></h3>
|
|
</div>
|
|
</p>
|
|
<h3>详情请通过微信扫码联系审核人员</h3>
|
|
</div>
|
|
<img style="width:15%;" src="/zinc/images/VXQRcode.png"> </br></br>
|
|
<button id="doRefreshAssess" type="button" style="padding:7px;width:8%" class="z-button z-blue" onclick="doRefreshAssess();"><i class="z-font z-refresh"></i><font style="font-size:small">重新考核</font></button>
|
|
<button id="showLargeImg" type="button" style="padding:7px;width:8%" class="z-button z-blue" onclick="showLargeImg();"><i class="z-font z-query"></i><font style="font-size:small">审核标准</font></button>
|
|
</div>
|
|
<#else>
|
|
<div style="margin-top:10px">
|
|
</div>
|
|
<div>
|
|
<br/><br/>
|
|
<p style="margin-top:10px">
|
|
<div>
|
|
<h3 >恭喜你通过审核，请退出<span style="color:#FF0000">重新登录</span>设计平台，马上开始你的接单之旅吧！</h3>
|
|
</div>
|
|
</p>
|
|
<br/><br/>
|
|
</div>
|
|
</div>
|
|
</#if>
|
|
</div>
|
|
${zhiqim_manager_content_end()}
|
|
<#-- 联系QQ弹窗框 -->
|
|
<iframe id="openFrm" class="z-hide" src="about:blank"></iframe> |