ziqim/Yangcai365_web/manage/zview/designer/designerCourseDetail.zml

<style>
	.item{
		width:100%;
		display: inline-flex;
		flex-wrap: wrap;
		padding:10px 10px;
	}
	.itemKey{
		width : 13%;
		min-height: 40px;
		text-align:right;
		padding-right:10px;
	}
	.itemValue{
		width : 37%;
		min-height: 40px;
	}
	.itemSurplus{
		width:87%;
	}
	.lable{
		padding: 6px 10px;
	    border-radius: 5px;
	    background-color: #28a3ef;
	    color: #FFFF;
	    margin-right: 5px;
	}
	
	.workItem{
	    width: 31%;
	    position: relative;
	    display: inline-block;
	    margin-right: 10px;
	    margin-bottom: 10px;
	}
	
	.workItem .showing {
	    content: url(../ztmpl/zhiqim_manager/showing.png);
	    position: absolute;
	    width: 50px;
	    left: 0em;
    	top: 0em;
	}
	
	.workItem .reviewing {
	    content: url(../ztmpl/zhiqim_manager/reviewing.png);
	    position: absolute;
	    width: 50px;
	    left: 0em;
    	top: 0em;
	}
	
	.workItem .rejected {
	    content: url(../ztmpl/zhiqim_manager/rejected.png);
	    position: absolute;
	    width: 50px;
	    left: 0em;
    	top: 0em;
	}
</style>
<script>
function showLargeImg(thisImg)
{
    var dialog = new parent.Z.Dialog();
    dialog.shadow = true;
    dialog.title = "图片预览";
    //dialog.hasTitle = false;
    dialog.fixed = true;
    dialog.text = '<img style="width:100%;max-height: none;" src="' + thisImg.src + '">';
    dialog.width = 1200;
    dialog.height = 801;
    dialog.execute();
    dialog.$background.remove();
}
</script>
<div style="padding-top:10px;height:468px;overflow-y: auto;">
<div class="item">
	<div class="itemKey">设计师</div>
	<div class="itemValue">${designerCourse.getDesigner()}</div>
	<div class="itemKey">设计师等级</div>
	<div class="itemValue">${designerLever}</div>
</div>
<div class="item">
	<div class="itemKey">工作年限</div>
	<div class="itemValue">${designerCourse.getWorkDuration()}</div>
	<div class="itemKey">擅长设计</div>
	<div class="itemValue">${designerCourse.getDesignType()}</div>
</div>
<div class="item">
	<div class="itemKey">工作经历</div>
	<div class="itemValue">${designerCourse.getWorkExperience()}</div>
	<div class="itemKey">在职情况</div>
	<div class="itemValue">${designerCourse.getWorkStatus()}</div>
</div>
<div class="item">
	<div class="itemKey">软件能力</div>
	<div class="itemSurplus">${designerCourse.getSkillScope()}</div>
</div>
<div class="item">
	<div class="itemKey">个人标签</div>
	<div class="itemSurplus">
		<#if Validates.isNotEmptyBlank(profile.getLabels())>
			<#for item : profile.getLabels().split(",")>
				<span class="lable">${item}</span>
			</#for>
		</#if>
	</div>
</div>
<div class="item">
	<div class="itemKey">个人作品</div>
	<div class="itemSurplus">
		<#for item : works>
			<div class="workItem">
			    <div class="z-bg-white z-pointer">
		            <img style="width:100%;" src="${item.getImgPath()}" onclick="showLargeImg(this);" />
		            <img class="<#if item.getState() == 0>reviewing<#elseif item.getState() == 2>showing<#elseif item.getState() == 1>rejected</#if>" />
			    </div>
			</div>
		</#for>
	</div>
</div>
</div>
<div class="z-absolute z-w100p z-text-center z-bg-gray z-pd10" style="bottom:0;left:0;">
	<button class="z-button z-w100 ${zmr_color_class}" onclick="parent.Z.Dialog.close(location.hash)">确认</button>
</div>