first commit
This commit is contained in:
@@ -0,0 +1,23 @@
|
||||
<script>
|
||||
$(function(){
|
||||
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("ConsolePresenter");
|
||||
ajax.setMethodName("getH5DesignUrl");
|
||||
ajax.setFailureAlert();
|
||||
ajax.setSuccess(function(responseText){
|
||||
Z("#openFrm").attr("src",responseText);
|
||||
});
|
||||
ajax.execute();
|
||||
|
||||
})
|
||||
</script>
|
||||
<style>
|
||||
#openFrm{ width:100%; height:860px; border:none;}
|
||||
</style>
|
||||
|
||||
<div id="templateResult" class="z-pd20 z-active z-text-center">
|
||||
<iframe id="openFrm" border=0 src="about:blank">
|
||||
|
||||
</iframe>
|
||||
</div>
|
||||
@@ -0,0 +1,79 @@
|
||||
<style>
|
||||
body{ text-align:center}
|
||||
.div{ margin:0 auto; width:600px; height:300px; border:5px solid #F00}
|
||||
</style>
|
||||
<script>
|
||||
function doCancel()
|
||||
{//取消
|
||||
Z("#divImg").remove()
|
||||
}
|
||||
|
||||
function doSubmit(type)
|
||||
{
|
||||
var data = Z("#imgData").text()
|
||||
if (Z.Validates.isEmpty(data))
|
||||
{
|
||||
Z.alert("请截图后，在提交")
|
||||
return;
|
||||
}
|
||||
|
||||
parent.doUploadOcrImage(data, "png", function(){parent.Z.Dialog.close();});
|
||||
}
|
||||
|
||||
(function(){
|
||||
var imgReader = function( item ){
|
||||
var blob = item.getAsFile(),
|
||||
reader = new FileReader();
|
||||
// 读取文件后将其显示在网页中
|
||||
reader.onload = function(e){
|
||||
var img = new Image();
|
||||
var result = e.target.result;
|
||||
Z("#imgData").text(result);
|
||||
img.src = result;
|
||||
img.id = "divImg";
|
||||
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 );
|
||||
}
|
||||
}
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
|
||||
${zhiqim_manager_content()}
|
||||
<div style="display:none" id="imgData"></div>
|
||||
<div id="imgSrc"></div>
|
||||
<div style="position:fixed;bottom:0px;height:50px;width:100%;background-color:#EFEFEF;border-top: solid 1px #ededed">
|
||||
<div style="margin-top:10px">
|
||||
<button type="button" class="z-button z-w100 ${zmr_color_class}" id="designOrderDraft" onclick="doSubmit('${type}');">提交</button>
|
||||
<button type="button" class="z-button z-red" onclick="doCancel();">清空</button>
|
||||
</div>
|
||||
</div>
|
||||
<br><br>
|
||||
${zhiqim_manager_content_end()}
|
||||
</html>
|
||||
@@ -0,0 +1,22 @@
|
||||
<#if cardList.isEmpty()>
|
||||
<div class="z-w100p z-h50 z-text-center z-px18">未查询到历史模板</div>
|
||||
<#else>
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<div class="svgTemplateList">
|
||||
<#for item : cardList>
|
||||
<div id="sel_${item.getId()}" class="svgTemplateItem">
|
||||
<#if item.getCardUrl() != null && item.getCardUrl() != "">
|
||||
<div class="showSvg"><img src="${item.getCardUrl()}" width="240px" height="146px" /></div>
|
||||
<#else>
|
||||
<div class="showSvg"><img src="/zinc/images/nopic.png" width="240px" height="146px" /></div>
|
||||
</#if>
|
||||
<span class="templateItemBtn z-absolute z-w100p z-h100p">
|
||||
<button type="button" class="z-button z-large z-blue z-mg-t30" onclick="doSelectHistoryTemplate('${item.getId()}');">选择</button>
|
||||
</span>
|
||||
<div class="z-lh30 z-px16 z-color-gray">${item.getId()}</div>
|
||||
</div>
|
||||
</#for>
|
||||
</div>
|
||||
</#if>
|
||||
@@ -0,0 +1,14 @@
|
||||
|
||||
<div class="svgTemplateList">
|
||||
<#for key : svgMap.keySet()>
|
||||
<#var item = svgMap.get(key)/>
|
||||
<div id="sel_${item.getMediaId()}" class="svgTemplateItem">
|
||||
<#if item != null>
|
||||
<#for bg : item.getBgList()>
|
||||
<div class="showSvg">${bg.getSvgCode()}</div>
|
||||
</#for>
|
||||
</#if>
|
||||
<div class="z-lh30 z-px16 z-color-gray">${item.getMediaId()}<button class="z-button z-purple z-operater" style="margin-left:20px;"onclick="copyMediaId('${item.getMediaId()}');">复制模板编号</button></div>
|
||||
</div>
|
||||
</#for>
|
||||
</div>
|
||||
@@ -0,0 +1,24 @@
|
||||
<#if cardList.isEmpty()>
|
||||
<div class="z-w100p z-h50 z-text-center z-px18">请创建名片</div>
|
||||
<#else>
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<div class="svgTemplateList">
|
||||
<#for item : cardList>
|
||||
<div id="sel_${item.getId()}" class="svgTemplateItem" onmouseenter='Z(this).children(".itemCtrBar").show();' onmouseleave='Z(this).children(".itemCtrBar").hide();'>
|
||||
<#if item.getCardUrl() != null && item.getCardUrl() != "">
|
||||
<div class="showSvg"><img src="${item.getCardUrl()}" width="240px" height="146px" /></div>
|
||||
<#else>
|
||||
<div class="showSvg"><img src="/zinc/images/nopic.png" width="240px" height="146px" /></div>
|
||||
</#if>
|
||||
<span class="itemCtrBar z-absolute z-w100p z-pd10 z-hide">
|
||||
<button type="button" class="z-button modelCheckBtn z-blue z-float-left" onclick="goDzmpCardEdit('${item.getId()}', '${item.getMediaId()}');"><i class="z-font z-px12 z-modify"></i>编辑</button>
|
||||
<button type="button" class="z-button modelCheckBtn z-red z-float-right" onclick="doDzmpCardDelete('${item.getId()}', '${item.getMediaId()}');"><i class="z-font z-px12 z-error"></i>删除</button>
|
||||
<button type="button" class="z-button modelCheckBtn z-yellow z-absolute" style="right: 10px;top: 118px;" onclick="doDzmpCardCopy('${item.getId()}', '${item.getMediaId()}');"><i class="z-font z-px12 z-add"></i>复制</button>
|
||||
</span>
|
||||
<div class="z-lh30 z-px16 z-color-gray">${item.getId()}</div>
|
||||
</div>
|
||||
</#for>
|
||||
</div>
|
||||
</#if>
|
||||
@@ -0,0 +1,35 @@
|
||||
<#if svgMap.isEmpty()>
|
||||
<div class="z-w100p z-h50 z-text-center z-px18">请选择模板</div>
|
||||
<#else>
|
||||
<script>
|
||||
function templateSelectedEdit(mediaId)
|
||||
{
|
||||
var newUrl = "/zhiqimMediaEditor/mediaDesign.htm?";
|
||||
newUrl += "mediaId=" + mediaId + "&"
|
||||
newUrl += "designWidth="+${type.getSizeMWidth()}+"&"
|
||||
newUrl += "designHeight="+${type.getSizeMHeight()}+"&"
|
||||
newUrl += "printWidth="+${designOrder.getPrintWidth()}+"&"
|
||||
newUrl += "printHeight="+${designOrder.getPrintHeight()}+"&";
|
||||
newUrl += "bleedSize="+${type.getBleeding()}+"&"
|
||||
newUrl += "orderIsCardType="+${orderIsCardType}+"&"
|
||||
window.open(newUrl);
|
||||
}
|
||||
</script>
|
||||
<div class="svgTemplateList">
|
||||
<#for key : svgMap.keySet()>
|
||||
<#var item = svgMap.get(key)/>
|
||||
<div id="sel_${item.getMediaId()}" class="svgTemplateItem" onmouseenter='Z(this).children(".itemCtrBar").show();' onmouseleave='Z(this).children(".itemCtrBar").hide();'>
|
||||
<#if item != null>
|
||||
<#for bg : item.getBgList()>
|
||||
<div class="showSvg">${bg.getSvgCode()}</div>
|
||||
</#for>
|
||||
</#if>
|
||||
<span class="itemCtrBar z-absolute z-w100p z-pd10 z-hide">
|
||||
<button type="button" class="z-button modelCheckBtn z-blue z-float-left" onclick="templateSelectedEdit('${key}');"><i class="z-font z-px12 z-success"></i>编辑</button>
|
||||
<button type="button" class="z-button modelCheckBtn z-red z-float-right" onclick="doTemplateDelete('${key}')"><i class="z-font z-px12 z-error"></i>删除</button>
|
||||
</span>
|
||||
<div class="z-lh30 z-px16 z-color-gray">${item.getMediaId()}</div>
|
||||
</div>
|
||||
</#for>
|
||||
</div>
|
||||
</#if>
|
||||
@@ -0,0 +1,70 @@
|
||||
<#if Validates.isEqual(queryType, "KEYWORD")>
|
||||
<div class="z-mg-b20 z-text-center" style="display:block">
|
||||
<div class="z-show-ib">
|
||||
<input id="searchSort" type="hidden" />
|
||||
<button type="button" style="width:100px;" data-options="group:sort" class="z-button z-large z-bordered z-blue-bd z-hover <#if sort=='3'>z-active</#if>" onclick="Z.EL.toggleClass(this,'z-active');Z('#searchSort').val('3');doKeywordQuery('1');">最热</button>
|
||||
<button type="button" style="width:100px;" data-options="group:sort" class="z-button z-large z-bordered z-blue-bd z-hover <#if sort=='1'>z-active</#if>" onclick="Z.EL.toggleClass(this,'z-active');Z('#searchSort').val('1');doKeywordQuery('1');">最新</button>
|
||||
<button type="button" style="width:100px;" data-options="group:sort" class="z-button z-large z-bordered z-blue-bd z-hover <#if sort=='4'>z-active</#if>" onclick="Z.EL.toggleClass(this,'z-active');Z('#searchSort').val('4');doKeywordQuery('1');">精品</button>
|
||||
<input id="searchinput" class="z-input z-w400 zi-h40 zi-bd-r-none" placeholder="输入关键词" value="${keyword}" maxlength="60"><button type="button" class="z-button z-w80 z-h40 zi-bd-rd0 z-orange" onclick="doKeywordQuery('1');"><i class="z-font z-query"></i>搜索</button>
|
||||
<div class="z-mg-t10 z-text-left">热词：
|
||||
<#for item : subIndustryList>
|
||||
<a href="javascript:{Z('#searchinput').val('${item.getIndustrySubName()}');doKeywordQuery('1');}" >${item.getIndustrySubName()}</a>
|
||||
</#for>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<#elseif Validates.isEqual(queryType, "COLLECT")>
|
||||
<div class="z-mg-b20 z-text-center" style="display:block">
|
||||
<div class="z-show-ib">
|
||||
<input id="searchinput" class="z-input z-w400 zi-h40 zi-bd-r-none" placeholder="输入关键词" value="${keyword}" maxlength="60"><button type="button" class="z-button z-w80 z-h40 zi-bd-rd0 z-orange" onclick="doKeywordQuery('1');"><i class="z-font z-query"></i>搜索</button>
|
||||
</div>
|
||||
</div>
|
||||
<#else>
|
||||
<#if pageResult.total() gt 0>
|
||||
<div class="z-mg-b20 z-text-center" style="display:block">
|
||||
<span class="z-button z-blue z-mg-l5 z-text-right" onclick="<#if pageResult.totalPages() == page>doTemplateTypeQuery('1');<#else>doTemplateTypeQuery('${page + 1}');</#if>">换一批</span>
|
||||
</div>
|
||||
</#if>
|
||||
</#if>
|
||||
|
||||
<div class="svgTemplateList z-mg-t5">
|
||||
<#for item : pageResult.list()>
|
||||
<#var key = item.getMediaId()/>
|
||||
<div id="nav_${key}" class="svgTemplateItem <#if designId != -1 && Lists.contains(idList, key)>selected</#if>">
|
||||
<img src="
|
||||
<#if Validates.isEmpty(item.getMediaUrl())>/zinc/images/nopic.png
|
||||
<#else>
|
||||
<#if media.getMediaUrl().indexOf(",") == -1>
|
||||
${item.getMediaUrl()}
|
||||
<#else>
|
||||
<#for path : Arrays.toStringArray(item.getMediaUrl())>
|
||||
<#if path_index lt 1>
|
||||
${path}
|
||||
</#if>
|
||||
</#for>
|
||||
</#if>
|
||||
</#if>
|
||||
">
|
||||
<div class="templateItemBtn z-absolute z-w100p z-h100p">
|
||||
<span class="z-button z-large z-blue" onclick="doSelectTemplate('${key}');">选择</span>
|
||||
<span class="z-button z-large" onclick="unSelectTemplate('${key}');">取消</span>
|
||||
</div>
|
||||
<div class="itemSelectedSign z-absolute"><span class="z-absolute">已选</span></div>
|
||||
<div class="z-lh30 z-px16 z-color-gray">${item.getMediaId()}</div>
|
||||
</div>
|
||||
</#for>
|
||||
</div>
|
||||
|
||||
<#if pageResult.total()==0>
|
||||
<div class="z-text-center z-px20 z-color-gray z-mg-t15 z-h100">该关键词未查询到模板 请换其他关键词试试!</div>
|
||||
</#if>
|
||||
|
||||
<#if Validates.isEqual(queryType, "KEYWORD") || Validates.isEqual(queryType, "COLLECT")>
|
||||
<div style="width:100%;text-align:center;margin-bottom:35px;">
|
||||
<table class="z-table z-bordered zi-bd-t-none z-bg-white">
|
||||
<tr class="z-h50">
|
||||
<td><div class="z-float-right z-mg-r10">${PagingGo.toHtmlClick(pageResult, "doKeywordQuery")}</div></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</#if>
|
||||
@@ -0,0 +1,318 @@
|
||||
<!--电子名片 -->
|
||||
${request.getValidateScript()}
|
||||
${Mydome()}
|
||||
<script>
|
||||
Z.onload(function()
|
||||
{
|
||||
doDzmpListQuery();
|
||||
});
|
||||
|
||||
/**
|
||||
* 根据设计平台订单id创建默认名片
|
||||
*/
|
||||
function doCreateDefaultCard(designId)
|
||||
{
|
||||
// 给电子名片订单创建模板信息
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("TemplatePreviewPresenter");
|
||||
ajax.setMethodName("doCreateOrderTemplate");
|
||||
ajax.addParam("designId", '${designId}');
|
||||
ajax.setFailureAlert();
|
||||
ajax.setSuccess(function()
|
||||
{
|
||||
var obj = Z.J.toObject(this.responseText);
|
||||
var mediaId = obj.mediaId;
|
||||
var designWidth = obj.designWidth;
|
||||
var designHeight = obj.designHeight;
|
||||
var printWidth = obj.printWidth;
|
||||
var printHeight = obj.printHeight;
|
||||
var printKs = obj.printKs;
|
||||
var printMs = obj.printMs;
|
||||
var bleedSize = obj.bleedSize;
|
||||
var orderIsCardType = obj.orderIsCardType;
|
||||
|
||||
// 在设计平台创建默认名片【并保存mediaId】
|
||||
var _ajax = new Z.Ajax();
|
||||
_ajax.setClassName("DzmpEditorSupportPresenter");
|
||||
_ajax.setMethodName("createDefaultCard");
|
||||
_ajax.addParam("designId", '${designId}');
|
||||
_ajax.addParam("mediaId", mediaId);
|
||||
_ajax.setFailureAlert();
|
||||
_ajax.setSuccess(function()
|
||||
{
|
||||
var rsltObj = Z.J.toObject(this.responseText);
|
||||
var cardId = rsltObj.cardId;
|
||||
|
||||
// 跳转电子名片编辑器逻辑
|
||||
if (cardId)
|
||||
{
|
||||
var newLink = "/zhiqimMediaEditor/mediaDesign.htm?";
|
||||
newLink += "mediaId=" + mediaId + "&";
|
||||
newLink += "designWidth=" + designWidth + "&";
|
||||
newLink += "designHeight=" + designHeight + "&";
|
||||
newLink += "printWidth=" + printWidth + "&";
|
||||
newLink += "printHeight=" + printHeight + "&";
|
||||
newLink += "bleedSize=" + bleedSize + "&";
|
||||
newLink += "orderIsCardType=" + orderIsCardType + "&";
|
||||
newLink += "cardId=" + cardId + "&";
|
||||
newLink += "designId=" + '${designId}';
|
||||
window.open(newLink);
|
||||
window.location.reload();
|
||||
}
|
||||
});
|
||||
_ajax.execute();
|
||||
|
||||
});
|
||||
ajax.execute();
|
||||
}
|
||||
|
||||
/**
|
||||
* 查询名片列表
|
||||
*/
|
||||
function doDzmpListQuery()
|
||||
{
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("DzmpEditorSupportPresenter");
|
||||
ajax.setMethodName("queryCardList");
|
||||
ajax.addParam("designId", "${designId}");
|
||||
ajax.setCallback("templateResult");
|
||||
ajax.setLoading("templateResult");
|
||||
ajax.execute();
|
||||
}
|
||||
|
||||
function doHistoryTemplateQuery()
|
||||
{
|
||||
var _ajax = new Z.Ajax();
|
||||
_ajax.setClassName("DzmpEditorSupportPresenter");
|
||||
_ajax.setMethodName("doHistoryTemplateQuery");
|
||||
_ajax.addParam("buyerNick", '${order.getBuyerNick()}');
|
||||
_ajax.setCallback("templateResult");
|
||||
_ajax.setLoading("templateResult");
|
||||
_ajax.execute();
|
||||
}
|
||||
|
||||
function doSelectHistoryTemplate(id)
|
||||
{
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("DzmpEditorSupportPresenter");
|
||||
ajax.setMethodName("doSelectHistoryTemplate");
|
||||
ajax.addParam("id", id);
|
||||
ajax.addParam("designId", ${order.getDesignId()});
|
||||
ajax.setFailureAlert();
|
||||
ajax.setSuccess(function(){
|
||||
Z.success("复制成功！",function(){
|
||||
Z("#cardList").click();
|
||||
});
|
||||
});
|
||||
ajax.setLoading("sel_"+id);
|
||||
ajax.execute();
|
||||
}
|
||||
|
||||
// 前往编辑电子名片
|
||||
function goDzmpCardEdit(cardId, mediaId)
|
||||
{
|
||||
if(Z.V.isEmpty(cardId))
|
||||
{
|
||||
Z.alert("未获取到名片id");
|
||||
return;
|
||||
}
|
||||
if(Z.V.isEmpty(mediaId))
|
||||
{
|
||||
Z.alert("未获取到mediaId");
|
||||
return;
|
||||
}
|
||||
|
||||
// 跳转电子名片编辑器逻辑
|
||||
var newLink = "/zhiqimMediaEditor/mediaDesign.htm?";
|
||||
newLink += "mediaId=" + mediaId + "&";
|
||||
newLink += "designWidth=" + ${typeItem.getSizeMWidth()} + "&";
|
||||
newLink += "designHeight=" + ${typeItem.getSizeMHeight()} + "&";
|
||||
newLink += "printWidth=" + ${order.getPrintWidth()} + "&";
|
||||
newLink += "printHeight=" + ${order.getPrintHeight()} + "&";
|
||||
newLink += "bleedSize=" + ${typeItem.getBleeding()} + "&";
|
||||
newLink += "cardId=" + cardId + "&";
|
||||
newLink += "designId=" + '${designId}' + "&";
|
||||
newLink += "orderIsCardType=" + '${orderIsCardType}';
|
||||
window.open(newLink);
|
||||
window.location.reload();
|
||||
}
|
||||
|
||||
// 删除电子名片【同时删除对应的模板信息】
|
||||
function doDzmpCardDelete(cardId, mediaId)
|
||||
{
|
||||
if(Z.V.isEmpty(cardId))
|
||||
{
|
||||
Z.alert("未获取到名片id");
|
||||
return;
|
||||
}
|
||||
|
||||
Z.confirm("你确定要删除该名片吗？", function(){
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("DzmpEditorSupportPresenter");
|
||||
ajax.setMethodName("deleteCardById");
|
||||
ajax.addParam("cardId", cardId);
|
||||
ajax.setFailureAlert();
|
||||
ajax.setSuccess(function(){
|
||||
Z("#sel_" + cardId).remove();
|
||||
Z.tips("删除成功");
|
||||
|
||||
// 删除模板信息
|
||||
if(!Z.V.isEmpty(mediaId))
|
||||
{
|
||||
var _ajax = new Z.Ajax();
|
||||
_ajax.setClassName("TemplatePresenter");
|
||||
_ajax.setMethodName("doTemplateDelete");
|
||||
_ajax.addParam("mediaId", mediaId);
|
||||
_ajax.addParam("designId", '${designId}');
|
||||
_ajax.setFailureAlert();
|
||||
_ajax.setSuccess(function(){});
|
||||
_ajax.execute();
|
||||
}
|
||||
});
|
||||
ajax.execute();
|
||||
});
|
||||
}
|
||||
|
||||
function doDzmpCardCopy(cardId, mediaId)
|
||||
{//复制电子名片模板
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("DzmpEditorSupportPresenter");
|
||||
ajax.setMethodName("doSelectHistoryTemplate");
|
||||
ajax.addParam("id", cardId);
|
||||
ajax.addParam("designId", ${order.getDesignId()});
|
||||
ajax.setFailureAlert();
|
||||
ajax.setSuccess(function(){
|
||||
Z.success("复制成功！",function(){
|
||||
Z("#cardList").click();
|
||||
});
|
||||
});
|
||||
ajax.setLoading("sel_"+cardId);
|
||||
ajax.execute();
|
||||
}
|
||||
|
||||
|
||||
//修改行业
|
||||
function doModifyIndustry()
|
||||
{
|
||||
var designId = Z("#designId").text();
|
||||
if(Z.V.isEmpty(designId))
|
||||
{
|
||||
Z.alert("请选择一条订单");
|
||||
return;
|
||||
}
|
||||
var dialog = new Z.Dialog();
|
||||
dialog.title = "修改行业";
|
||||
dialog.url = "/modifyIndustry.htm?designId="+designId+"&flag=1";
|
||||
dialog.width = 500;
|
||||
dialog.height = 300;
|
||||
dialog.execute();
|
||||
}
|
||||
|
||||
//修改刷新行业信息
|
||||
function doReFreshIndustryInfo()
|
||||
{
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("TemplatePreviewPresenter");
|
||||
ajax.setMethodName("doReFreshIndustryInfo");
|
||||
ajax.addParam("designId", "${designId}");
|
||||
ajax.setFailureAlert();
|
||||
ajax.setSuccess(function(){
|
||||
var obj = Z.J.toObject(this.responseText);
|
||||
Z("#industryName").html(obj);
|
||||
});
|
||||
ajax.execute();
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
body{height:100%;}
|
||||
/*图片展示区*/
|
||||
.container{min-height:auto;background-color:#ffffff;}
|
||||
.mainbody{height:100%;}
|
||||
.content{height:calc(100% - 40px);overflow-y:auto;}
|
||||
form[name="theForm"]{float:left;width:100%;}
|
||||
/* tab标签 */
|
||||
.svgTemplateList .itemCtrBar{left:0;top:0;}
|
||||
#svgTemplateWrap{height:calc(100% - 176px)}
|
||||
#templateTab{float:none;}
|
||||
|
||||
/*内容盒子*/
|
||||
#svgTemplateWrap > section{height:calc(100% - 50px);background:#ffffff;border:1px solid #dcdcdc;border-top:none;}
|
||||
/*模板列表*/
|
||||
.svgTemplateList{width:100%;height:100%;column-count:4;}
|
||||
.svgTemplateList .svgTemplateItem{width:100%;height:100%;text-align:center;padding:5px;background:#fff;border:1px solid #ccc;overflow:auto; position: relative;margin-bottom: 15px;}
|
||||
|
||||
.svgTemplateItem > .templateItemBtn{padding:10%;left:0;top:0;display:flex;justify-content:space-around;align-items:center;align-content:center;}
|
||||
.svgTemplateItem > .templateItemBtn .z-button{display:none;}
|
||||
.svgTemplateItem > .templateItemBtn:hover{background:rgba(0,0,0,.2);}
|
||||
.svgTemplateItem > .templateItemBtn:hover .z-button{display:inline-block;}
|
||||
.svgTemplateItem .itemSelectedSign{display:none;width:0;height:0;right:5px;bottom:5px;border-width:30px;border-style:solid;border-color:transparent #28a3ef #28a3ef transparent;}
|
||||
.svgTemplateItem .itemSelectedSign > span{white-space:nowrap;left:-5px;color:#fff;top:5px;}
|
||||
.svgTemplateItem.selected .itemSelectedSign{display:block;}
|
||||
|
||||
.showSvg {pointer-events:none;display: block;margin-top:2px;}
|
||||
.showSvg:first-child{margin-top:0;}
|
||||
.showSvg > svg {width:100%;height: auto;}
|
||||
|
||||
/** 选中样式 **/
|
||||
.svgTemplateItem.selected{}
|
||||
</style>
|
||||
|
||||
${zhiqim_manager_breadcrumb_parent("/designOrder.htm", "设计订单", "订单模板设计")}
|
||||
<div class="content">
|
||||
${Scripts.src("/zinc/js/global_2019010801.js")}
|
||||
${Scripts.src("/zinc/js/zhiqim_search_auto_list.js")}
|
||||
|
||||
<div class="z-tabnav-main z-blue z-mg-b10" style=" width: 478px;height: 44px; float:none">
|
||||
<nav>
|
||||
<div class="z-float-left z-mg10">
|
||||
<button name="button" class="z-button z-mg-r20" onclick="Z.Location.href('${srcUrl}');"><i class="z-font z-return"></i>返回列表</button>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<#-- 导航栏 -->
|
||||
<div class="boxs">
|
||||
<div class="bos z-blue">
|
||||
<nav>
|
||||
<div class="bos_son z-mg10 z-lh30">
|
||||
<span class="my_spans z-mg-r10">订单号：<span id="designId" >${order.getDesignId()}</span><br/>
|
||||
<span class=" z-mg-r10">产品信息：${order.getOrderText()}</span>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<#-- 替换参数 -->
|
||||
<div class="bos_two">
|
||||
<div class="bos_two_one">
|
||||
<p class="text"> 客户文本</p>
|
||||
<textarea name="userText" id="userText" class="my-textarea">${order.getUserText()}</textarea>
|
||||
</div>
|
||||
<div class="bos_two_one" style="margin-top: 170px;">
|
||||
<p class="text">注意事项</p>
|
||||
<textarea name="userNotice" id="userNotice" class="my-textarea">${order.getUserNotice()}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<#-- 导航栏 -->
|
||||
<div class="boxs_two">
|
||||
<div id="svgTemplateWrap" style="height: 45px;" >
|
||||
<div id="templateTab" style="height: 45px;" class="boxs_sons z-tabnav-main z-blue">
|
||||
<nav>
|
||||
<ul style="border: 1px solid #dcdcdc; height: 45px;border-right:none;">
|
||||
<li data-type="" style="width: 130px;" class="z-active" id="cardList" onclick="Z(this).addClass('z-active').siblings('li').removeClass('z-active');doDzmpListQuery();">名片列表</li>
|
||||
<li data-type="historyTemplate" style="width: 160px;" onclick="Z(this).addClass('z-active').siblings('li').removeClass('z-active');doHistoryTemplateQuery();">客户历史模板</li>
|
||||
</ul>
|
||||
|
||||
<span style="margin:0; height: 35px" id="createCardSpan" class="my_z-float-rights">
|
||||
<button style="margin-left: 16px;" name="button" class="z-button ${zmr_color_class} mystyle" onclick="doCreateDefaultCard('${order.getDesignId()}')" ><i class="z-font z-add"></i>创建名片</button>
|
||||
</span>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;" id="templateResult" class="mystyle_svg z-active z-text-center"></div>
|
||||
</div>
|
||||
|
||||
${zhiqim_manager_content_end()}
|
||||
<#-- 联系旺旺&联系QQ弹窗框 -->
|
||||
<iframe id="openFrm" class="z-hide" src="about:blank"></iframe>
|
||||
@@ -0,0 +1,63 @@
|
||||
${request.getValidateScript()}
|
||||
<script>
|
||||
Z.onload(function()
|
||||
{
|
||||
doTemplateExistQuery();
|
||||
})
|
||||
|
||||
function doTemplateExistQuery()
|
||||
{//查询已选模板
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("TemplatePreviewPresenter");
|
||||
ajax.setMethodName("doTemplateExistQueryForCustomer");
|
||||
ajax.addParam("designId", "${designId}");
|
||||
ajax.addParam("typeId", "${typeId}");
|
||||
ajax.setCallback("templateResult");
|
||||
ajax.setLoading("templateResult");
|
||||
ajax.execute();
|
||||
}
|
||||
function copyMediaId(mediaId)
|
||||
{//复制模板id
|
||||
Z.copy(mediaId);
|
||||
top.Z.tips("复制成功");
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
body{height:100%;}
|
||||
/*图片展示区*/
|
||||
.container{min-height:auto;}
|
||||
.mainbody{height:100%;}
|
||||
.content{height:calc(100% - 40px);overflow-y:auto;}
|
||||
form[name="theForm"]{float:left;width:100%;}
|
||||
/* tab标签 */
|
||||
.svgTemplateList .itemCtrBar{left:0;top:0;}
|
||||
#svgTemplateWrap{height:calc(100% - 176px)}
|
||||
#templateTab{float:none;}
|
||||
|
||||
/*内容盒子*/
|
||||
#svgTemplateWrap > section{height:calc(100% - 50px);background:#ffffff;border:1px solid #dcdcdc;border-top:none;}
|
||||
/*模板列表*/
|
||||
.svgTemplateList{width:100%;height:100%;column-count:5;}
|
||||
.svgTemplateList .svgTemplateItem{width:100%;height:100%;text-align:center;padding:5px;background:#fff;border:1px solid #ccc;overflow:auto;position:relative;}
|
||||
|
||||
.svgTemplateItem > .templateItemBtn{padding:10%;left:0;top:0;display:flex;justify-content:space-around;align-items:center;align-content:center;}
|
||||
.svgTemplateItem > .templateItemBtn .z-button{display:none;}
|
||||
.svgTemplateItem > .templateItemBtn:hover{background:rgba(0,0,0,.2);}
|
||||
.svgTemplateItem > .templateItemBtn:hover .z-button{display:inline-block;}
|
||||
.svgTemplateItem .itemSelectedSign{display:none;width:0;height:0;right:5px;bottom:5px;border-width:30px;border-style:solid;border-color:transparent #28a3ef #28a3ef transparent;}
|
||||
.svgTemplateItem .itemSelectedSign > span{white-space:nowrap;left:-5px;color:#fff;top:5px;}
|
||||
.svgTemplateItem.selected .itemSelectedSign{display:block;}
|
||||
|
||||
.showSvg {pointer-events:none;display: block;margin-top:2px;}
|
||||
.showSvg:first-child{margin-top:0;}
|
||||
.showSvg > svg {width:100%;height: auto;}
|
||||
|
||||
/** 选中样式 **/
|
||||
.svgTemplateItem.selected{}
|
||||
|
||||
.column-count {-webkit-column-count:4;-moz-column-count:4;}
|
||||
</style>
|
||||
|
||||
<div id="templateResult" class="z-pd20 z-active z-text-center"></div>
|
||||
@@ -0,0 +1,469 @@
|
||||
${request.getValidateScript()}
|
||||
${Mydome()}
|
||||
<script>
|
||||
Z.onload(function()
|
||||
{//定义搜索框
|
||||
if (${display})
|
||||
Z("#templateTab li:nth-child(1)").click();
|
||||
else
|
||||
Z("#templateTab li:nth-child(2)").click();
|
||||
})
|
||||
|
||||
function doSubmit(form)
|
||||
{
|
||||
if (!validateForm(form))
|
||||
return;
|
||||
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("TemplatePreviewPresenter");
|
||||
ajax.setMethodName("doTemplateReplaceParam");
|
||||
ajax.setParamForm(form);
|
||||
ajax.setSuccess(function(){
|
||||
|
||||
Z("#templateTab li:nth-child(1)").click();
|
||||
Z.tips("生成完成");
|
||||
});
|
||||
ajax.setFailureAlert();
|
||||
ajax.setLoading(form.submit, "<i class='z-ico z-loading'></i>正在生成...", {disabled:true});
|
||||
ajax.execute();
|
||||
}
|
||||
|
||||
function doUploadOcrImage(data, suffix, fun)
|
||||
{//上传待识别图片
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("TemplatePreviewPresenter");
|
||||
ajax.setMethodName("doUploadOcrImage");
|
||||
ajax.addParam("data", data);
|
||||
ajax.addParam("suffix", suffix);
|
||||
ajax.setSuccess(function(){
|
||||
Z("#ocrText").val(ajax.responseText);
|
||||
if(typeof fun == "function")fun();
|
||||
});
|
||||
ajax.setFailure(function(){Z.alert(ajax.responseText);});
|
||||
ajax.setLoading(document, true);
|
||||
ajax.execute();
|
||||
}
|
||||
|
||||
function doSaveOcrText(ocrText)
|
||||
{//保存识别文本
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("TemplatePreviewPresenter");
|
||||
ajax.setMethodName("doSaveOcrText");
|
||||
ajax.addParam("ocrText", ocrText);
|
||||
ajax.addParam("designId", '${order.getDesignId()}');
|
||||
ajax.setSuccess(function(){});
|
||||
ajax.setFailure(function(){Z.alert(ajax.responseText);});
|
||||
ajax.setLoading(document, true);
|
||||
ajax.execute();
|
||||
}
|
||||
|
||||
function doDialog()
|
||||
{
|
||||
var dialog = new Z.Dialog();
|
||||
dialog.title = "截图（截屏后粘贴（CTRL+V）到输入框中）";
|
||||
dialog.url = "/copyImage.htm";
|
||||
dialog.width = 800;
|
||||
dialog.height = 400;
|
||||
dialog.execute();
|
||||
}
|
||||
|
||||
function doTransforImage(type,data)
|
||||
{//图片转base64
|
||||
if (data.files && data.files[0])
|
||||
{//1.判断input标签的file是否存在
|
||||
var size = data.files[0].size;
|
||||
if(size/1024/1024 >2)
|
||||
{//检测图片大小
|
||||
alert("图片大小不能超过2M");
|
||||
return;
|
||||
}
|
||||
|
||||
var reader = new FileReader();//2.实例化一个FileReader()接口
|
||||
reader.readAsDataURL(data.files[0]);//3.通过readAsDataURL()方法读取文件，将图片内嵌在网页之中
|
||||
reader.onload = function(evt)
|
||||
{//4.调用FileReader()的onload事件
|
||||
var url = data.value;
|
||||
var suffix=url.substring(url.lastIndexOf(".") + 1, url.length);//后缀名
|
||||
|
||||
doUploadOcrImage(evt.target.result, suffix);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function doForwardEdit(mediaId)
|
||||
{
|
||||
var dialog = new Z.Dialog();
|
||||
dialog.id = "doForwardEdit";
|
||||
dialog.title = "新开窗口跳转";
|
||||
dialog.url = "templateToEdit.htm?mediaId=" + mediaId;
|
||||
dialog.width = 10;
|
||||
dialog.height = 10;
|
||||
dialog.fixed = true;
|
||||
dialog.timeout = 1*1000; //自动关闭
|
||||
dialog.execute();
|
||||
}
|
||||
|
||||
function doTemplateDelete(mediaId)
|
||||
{//删除用户模板
|
||||
if (Z.V.isEmpty(mediaId))
|
||||
{
|
||||
Z.alert("请选择模板");
|
||||
return;
|
||||
}
|
||||
|
||||
Z.confirm("你确定要删除该模板吗？", function(){
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("TemplatePresenter");
|
||||
ajax.setMethodName("doTemplateDelete");
|
||||
ajax.addParam("mediaId", mediaId);
|
||||
ajax.addParam("designId", '${order.getDesignId()}');
|
||||
ajax.setFailureAlert();
|
||||
ajax.setSuccess(function(){
|
||||
Z("#sel_" + mediaId).remove();
|
||||
Z.tips("删除成功");
|
||||
});
|
||||
ajax.execute();
|
||||
});
|
||||
}
|
||||
|
||||
function doTemplateOrderCreate(designId)
|
||||
{
|
||||
if (Z.V.isEmpty(designId))
|
||||
{
|
||||
Z.alert("订单号不存在，请检查");
|
||||
return;
|
||||
}
|
||||
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("TemplatePreviewPresenter");
|
||||
ajax.setMethodName("doCreateOrderTemplate");
|
||||
ajax.addParam("designId", ${designId});
|
||||
ajax.addParam("createChannel", "platform_design");
|
||||
ajax.setFailureAlert();
|
||||
ajax.setSuccess(function()
|
||||
{
|
||||
var obj = Z.J.toObject(this.responseText);
|
||||
var mediaId = obj.mediaId;
|
||||
var designWidth = obj.designWidth;
|
||||
var designHeight = obj.designHeight;
|
||||
var printWidth = obj.printWidth;
|
||||
var printHeight = obj.printHeight;
|
||||
var printKs = obj.printKs;
|
||||
var printMs = obj.printMs;
|
||||
var bleedSize = obj.bleedSize;
|
||||
var orderIsCardType = obj.orderIsCardType;
|
||||
|
||||
var newLink = "/zhiqimMediaEditor/mediaDesign.htm?";
|
||||
newLink += "mediaId=" + mediaId + "&"
|
||||
newLink += "designWidth=" + designWidth + "&"
|
||||
newLink += "designHeight=" + designHeight + "&"
|
||||
newLink += "printWidth=" + printWidth + "&"
|
||||
newLink += "printHeight=" + printHeight + "&";
|
||||
newLink += "bleedSize=" + bleedSize + "&";
|
||||
newLink += "orderIsCardType=" + orderIsCardType + "&";
|
||||
window.open(newLink);
|
||||
window.location.reload();
|
||||
});
|
||||
ajax.execute();
|
||||
}
|
||||
|
||||
function doParseText(type)
|
||||
{
|
||||
var userText = Z("#userText").val();
|
||||
if (Z.V.isEmpty(userText))
|
||||
{
|
||||
Z.alert("请输入客户文本");
|
||||
return;
|
||||
}
|
||||
|
||||
var ocrText = Z("#ocrText").val();
|
||||
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("TemplatePreviewPresenter");
|
||||
ajax.setMethodName("doParseParamData");
|
||||
ajax.addParam("type", type);
|
||||
ajax.addParam("paramData", userText + ocrText);
|
||||
ajax.setFailureAlert();
|
||||
ajax.setSuccess(function(){
|
||||
var strs = Z.Jsons.toObject(this.responseText);
|
||||
if (strs != "")
|
||||
{
|
||||
var value = "";
|
||||
for(var i= 0; i< strs.length; i++)
|
||||
{
|
||||
value += strs[i] +"\n";
|
||||
}
|
||||
|
||||
Z("#paramData").val(value);
|
||||
}
|
||||
});
|
||||
ajax.setLoading(document, true);
|
||||
ajax.execute();
|
||||
}
|
||||
|
||||
/** 选择模板 **/
|
||||
function doSelectTemplate(mediaId)
|
||||
{
|
||||
if (Z("#nav_" + mediaId).hasClass("selected")) {
|
||||
Z.tips("已选择！");
|
||||
return;
|
||||
}
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("TemplatePreviewPresenter");
|
||||
ajax.setMethodName("doTemplateCacheAdd");
|
||||
ajax.addParam("mediaId", mediaId);
|
||||
ajax.addParam("designId", '${order.getDesignId()}');
|
||||
ajax.setFailureAlert();
|
||||
ajax.setSuccess(function(){Z("#nav_" + mediaId).addClass("selected");Z.tips("选择成功！");});
|
||||
ajax.execute();
|
||||
}
|
||||
/** 取消模板 **/
|
||||
function unSelectTemplate(mediaId)
|
||||
{
|
||||
if (!Z("#nav_" + mediaId).hasClass("selected")) {
|
||||
Z.tips("已取消！");
|
||||
return;
|
||||
}
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("TemplatePreviewPresenter");
|
||||
ajax.setMethodName("doTemplateCacheDelete");
|
||||
ajax.addParam("mediaId", mediaId);
|
||||
ajax.addParam("designId", '${order.getDesignId()}');
|
||||
ajax.setFailureAlert();
|
||||
ajax.setSuccess(function(){Z("#nav_" + mediaId).removeClass("selected");Z.tips("取消成功！");});
|
||||
ajax.execute();
|
||||
}
|
||||
|
||||
function doTemplateTypeQuery(page)
|
||||
{//查询模板
|
||||
var keyword = Z("#searchinput").val() || "";
|
||||
var queryType = Z("#queryType").val();
|
||||
var sort = Z('#searchSort').val();
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("TemplatePreviewPresenter");
|
||||
ajax.setMethodName("doTemplateTypeQuery");
|
||||
ajax.addParam("page", page);
|
||||
ajax.addParam("designId", "${designId}");
|
||||
ajax.addParam("typeId", "${order.getTypeId()}");
|
||||
ajax.addParam("queryType", queryType);
|
||||
ajax.addParam("keyword", keyword);
|
||||
ajax.addParam("sort", sort);
|
||||
ajax.setCallback("templateResult");
|
||||
ajax.setLoading("templateResult");
|
||||
ajax.execute();
|
||||
}
|
||||
|
||||
function doTemplateExistQuery()
|
||||
{//查询已选模板
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("TemplatePreviewPresenter");
|
||||
ajax.setMethodName("doTemplateExistQuery");
|
||||
ajax.addParam("designId", "${designId}");
|
||||
ajax.addParam("typeId", "${order.getTypeId()}");
|
||||
ajax.setCallback("templateResult");
|
||||
ajax.setLoading("templateResult");
|
||||
ajax.execute();
|
||||
}
|
||||
|
||||
function doChangeTab(ele, queryType)
|
||||
{//切换选项
|
||||
Z(ele).addClass("z-active").siblings("li").removeClass("z-active");
|
||||
Z('#queryType').val(queryType);
|
||||
if(queryType==''){
|
||||
Z("#templateLinkSpan").show();
|
||||
}else{
|
||||
Z("#templateLinkSpan").hide();
|
||||
}
|
||||
if (!queryType)
|
||||
{
|
||||
doTemplateExistQuery();
|
||||
}
|
||||
else
|
||||
{
|
||||
doTemplateTypeQuery(1);
|
||||
}
|
||||
}
|
||||
|
||||
function getTemplateLink()
|
||||
{//生成模板链接
|
||||
Z.copy(window.location.host+"/templateCustomerPreview.htm?designId=${designId}&typeId=${order.getTypeId()}");
|
||||
top.Z.tips("复制成功");
|
||||
}
|
||||
|
||||
function doKeywordQuery(page)
|
||||
{//关键词搜索
|
||||
var queryType = Z("#queryType").val();
|
||||
Z('li[data-type="'+queryType+'"]').addClass("z-active").siblings("li").removeClass("z-active");
|
||||
|
||||
doTemplateTypeQuery(page);
|
||||
}
|
||||
|
||||
function doModifyIndustry()//修改行业
|
||||
{
|
||||
var designId = Z("#designId").text();
|
||||
if(Z.V.isEmpty(designId))
|
||||
{
|
||||
Z.alert("请选择一条订单");
|
||||
return;
|
||||
}
|
||||
var dialog = new Z.Dialog();
|
||||
dialog.title = "修改行业";
|
||||
dialog.url = "/modifyIndustry.htm?designId="+designId+"&flag=1";
|
||||
dialog.width = 500;
|
||||
dialog.height = 300;
|
||||
dialog.execute();
|
||||
}
|
||||
|
||||
function doReFreshIndustryInfo()
|
||||
{
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("TemplatePreviewPresenter");
|
||||
ajax.setMethodName("doReFreshIndustryInfo");
|
||||
ajax.addParam("designId", "${designId}");
|
||||
ajax.setFailureAlert();
|
||||
ajax.setSuccess(function(){
|
||||
var obj = Z.J.toObject(this.responseText);
|
||||
Z("#industryName").html(obj);
|
||||
});
|
||||
ajax.execute();
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
body{height:100%;}
|
||||
/*图片展示区*/
|
||||
.container{min-height:auto;background-color:#ffffff;}
|
||||
.mainbody{height:100%;}
|
||||
.content{height:calc(100% - 40px);overflow-y:auto;}
|
||||
form[name="theForm"]{float:left;width:100%;}
|
||||
/* tab标签 */
|
||||
.svgTemplateList .itemCtrBar{left:0;top:0;}
|
||||
#svgTemplateWrap{height:calc(100% - 176px)}
|
||||
#templateTab{float:none;}
|
||||
|
||||
/*内容盒子*/
|
||||
#svgTemplateWrap > section{height:calc(100% - 50px);background:#ffffff;border:1px solid #dcdcdc;border-top:none;}
|
||||
/*模板列表*/
|
||||
.svgTemplateList{width:100%;height:100%;column-count:4;}
|
||||
.svgTemplateList .svgTemplateItem{width:100%;height:100%;text-align:center;padding:5px;background:#fff;border:1px solid #ccc;overflow:auto; position: relative;margin-bottom: 15px;}
|
||||
|
||||
.svgTemplateItem > .templateItemBtn{padding:10%;left:0;top:0;display:flex;justify-content:space-around;align-items:center;align-content:center;}
|
||||
.svgTemplateItem > .templateItemBtn .z-button{display:none;}
|
||||
.svgTemplateItem > .templateItemBtn:hover{background:rgba(0,0,0,.2);}
|
||||
.svgTemplateItem > .templateItemBtn:hover .z-button{display:inline-block;}
|
||||
.svgTemplateItem .itemSelectedSign{display:none;width:0;height:0;right:5px;bottom:5px;border-width:30px;border-style:solid;border-color:transparent #28a3ef #28a3ef transparent;}
|
||||
.svgTemplateItem .itemSelectedSign > span{white-space:nowrap;left:-5px;color:#fff;top:5px;}
|
||||
.svgTemplateItem.selected .itemSelectedSign{display:block;}
|
||||
|
||||
.showSvg {pointer-events:none;display: block;margin-top:2px;}
|
||||
.showSvg:first-child{margin-top:0;}
|
||||
.showSvg > svg {width:100%;height: auto;}
|
||||
|
||||
/** 选中样式 **/
|
||||
.svgTemplateItem.selected{}
|
||||
</style>
|
||||
|
||||
${zhiqim_manager_breadcrumb_parent("/designOrder.htm", "设计订单", "订单模板设计")}
|
||||
<div class="content">
|
||||
${Scripts.src("/zinc/js/global_2019010801.js")}
|
||||
${Scripts.src("/zinc/js/zhiqim_search_auto_list.js")}
|
||||
|
||||
<div class="z-tabnav-main z-blue z-mg-b10" style=" width: 478px;height: 44px; float:none">
|
||||
<nav>
|
||||
<div class="z-float-left z-mg10">
|
||||
<button name="button" class="z-button z-mg-r20" onclick="history.go(-1)"><i class="z-font z-return"></i>返回列表</button>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<#-- 导航栏 -->
|
||||
<div class="boxs">
|
||||
<div class="bos z-blue">
|
||||
<nav>
|
||||
<div class="bos_son z-mg10 z-lh30">
|
||||
<span class=" z-mg-r10">订单号：<span id="designId" >${order.getDesignId()}</span></span></br>
|
||||
<span class=" z-mg-r10">产品信息：${order.getOrderText()}</span>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<#-- 替换参数 -->
|
||||
<form name="theForm" action="javascript:void(0);" onsubmit="doSubmit(this);">
|
||||
<input name="paramCat" type="hidden" value="${order.getTypeId()}">
|
||||
<input name="designId" type="hidden" value="${order.getDesignId()}">
|
||||
<input name="typeId" type="hidden" value="${order.getTypeId()}">
|
||||
<input name="industryId" type="hidden" value="${order.getIndustryId()}">
|
||||
|
||||
<div class="bos_two">
|
||||
|
||||
|
||||
<div class="bos_two_one">
|
||||
<p class="text"> 客户文本</p>
|
||||
<textarea name="userText" id="userText" class="my-textarea">${order.getUserText()}</textarea>
|
||||
</div>
|
||||
|
||||
<!-- <i class="z-arrow z-right z-px8"></i></td>-->
|
||||
|
||||
<div class="bos_two_one my_bos_two_one">
|
||||
|
||||
<p class="text my_text">文本识别</p>
|
||||
<div class="btn" style="margin-bottom: 5px;">
|
||||
<button id="qrcodeId" type="button" class="z-button z-blue z-w80 z-pointer" style="position:absolute;pointer-events:none;">选择图片</button>
|
||||
<input style="width:80px; height:25px; opacity:0;" type="file" accept="image/png,image/jpeg,image/jpg" onchange="doTransforImage('qrcode', this);" single>
|
||||
|
||||
<button type="button" class="z-button z-blue" onclick="doDialog()">截图粘贴</button>
|
||||
</div>
|
||||
<textarea name="ocrText" id="ocrText" class="my-textarea" onchange="doSaveOcrText(this.value)">${ocrText}</textarea>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="bos_two_one my_bos_two_one">
|
||||
<p style="width: 100%; height:12px;"></p>
|
||||
<p class="text my_text">文本分析</p>
|
||||
<div class="btn" style="margin-bottom: 5px;">
|
||||
<button type="button" onclick="doParseText(1)" class="z-button z-blue">智能分析</button>
|
||||
<button type="button" onclick="doParseText(2)" class="z-button z-blue">普通分析</button>
|
||||
</div>
|
||||
<textarea name="paramData" id="paramData" class="my-textarea" >${paramData}</textarea>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<button name="submit" type="sumbit" class="my_btn z-button z-blue">
|
||||
生<br>
|
||||
成<br>
|
||||
模<br>
|
||||
板<br>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<#-- 导航栏 -->
|
||||
<div class="boxs_two">
|
||||
<div id="svgTemplateWrap" style="height: 45px;" >
|
||||
<div id="templateTab" style="height: 45px;" class="boxs_sons z-tabnav-main z-blue">
|
||||
<input id="queryType" name="queryType" type="hidden" value="">
|
||||
<nav>
|
||||
<ul style="border: 1px solid #dcdcdc; height: 45px;width:796px;border-right:none;">
|
||||
<li onclick="doChangeTab(this, '');" data-type="">已选模板</li>
|
||||
<li onclick="doChangeTab(this, 'OLD');" data-type="OLD">客户历史模板</li>
|
||||
<li onclick="doChangeTab(this, 'RECOMMEND');" data-type="RECOMMEND">被分享模板</li>
|
||||
<li onclick="doChangeTab(this, 'COLLECT');" data-type="COLLECT">收藏模板</li>
|
||||
<li onclick="doChangeTab(this, 'KEYWORD');" data-type="KEYWORD">热搜模板</li>
|
||||
</ul>
|
||||
<span style="margin:0; height: 35px" class="my_z-float-rights">
|
||||
<button style="margin-left: 16px;" name="button" class="z-button ${zmr_color_class} mystyle" onclick="doTemplateOrderCreate('${order.getDesignId()}')" ><i class="z-font z-add"></i>创建订单模板</button>
|
||||
</span>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="boxs_svg" > -->
|
||||
<div style="margin-top: 20px;" id="templateResult" class="mystyle_svg z-active z-text-center"></div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
|
||||
${zhiqim_manager_content_end()}
|
||||
<#-- 联系旺旺&联系QQ弹窗框 -->
|
||||
<iframe id="openFrm" class="z-hide" src="about:blank"></iframe>
|
||||
مرجع در شماره جدید
Block a user