<!DOCTYPE html>
<html lang="en">
<head>
<title>完善产品信息</title>
{%>template/common/Head.html%}
<script src="biz/js/fulfill-product-info.js"></script>
</head>
<body class="pages-fulfill-product-info">
<input id="PROD_SPEC_ID" type="hidden" value="{%PROD_SPEC_ID%}">
<input id="SERVICE_INFO" type="hidden" value="{%SERVICE_INFO%}">
<input id="isCompleted" type="hidden" value="{%isCompleted%}">
<div class="ipu-pages">
<div class="ipu-page">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col common-border-bottom">
<div class="ipu-toolbar">
<a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:;" id="back">
<div class="left-back"></div>
</a>
<h1 class="ipu-toolbar-title">{%PROD_NAME%}</h1>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<!--单个产品-->
<div class="single-product-mode ipu-fn-hide">
<!--此处插入id="single-attr-item"单个产品渲染的模板-->
</div>
<!--产品组-->
<div class="product-group-mode ipu-flex-content ipu-flex-row ipu-flex-vertical ipu-fn-hide">
<div class="ipu-flex-col">
<div class="normal-tab-head" style="padding-left:.1rem;padding-right:.1rem;">
<ul>
<!--此处插入id="group-item"组的tab头部渲染的模板-->
</ul>
</div>
<div class="divide-area"></div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto normal-tab-body">
<ul>
<!--此处插入id="attr-item"组的内容渲染的模板-->
</ul>
</div>
</div>
</div>
<div class="ipu-flex-col form-btn" style="margin-top:.2rem;">
<div class="ipu-btn common-btn">提交</div>
</div>
</div>
<!--普通提示弹层-->
<div class="normal-tips-popup-slide">
<div class="normal-tips-popup-wrap">
<div class="normal-tips-content">信息尚未保存，确定退出吗？
<div class="normal-info-tips"><i class="iconfont-material icon-information-outline"></i>信息尚未完善，"提交"成功后方可完善</div>
</div>
<div class="normal-tips-btn ipu-flex ipu-flex-align-center">
<div class="normal-tips-btn-cancel">取消</div>
<div class="normal-tips-btn-confirm">确定</div>
</div>
</div>
</div>
</div>
</div>
<!--组的tab头部渲染-->
<script id="group-item" type="text/template">
{{if ATTR_LIST.length> 0}}
{{each ATTR_LIST groupItem groupIndex}}
<li class="{{if groupIndex==0}}active{{/if}}">{{groupItem.ATTR_GROUP_NAME}}</li>
{{/each}}
{{/if}}
</script>
<!--组的内容渲染-->
<script id="attr-item" type="text/template">
{{if ATTR_LIST.length> 0}}
{{each ATTR_LIST groupItem groupIndex}}
<li class="normal-tab-item {{if groupIndex==0}}active{{/if}}" ATTR_GROUP_ID="{{groupItem.ATTR_GROUP_ID}}" ATTR_GROUP_NAME="{{groupItem.ATTR_GROUP_NAME}}">
{{if groupItem.ATTR_LIST&&groupItem.ATTR_LIST.length> 0}}
{{each groupItem.ATTR_LIST attrItem attrIndex}}
{{if attrItem.ELEMENT_EDIT_TYPE=="@TextField"}}
<div class="ipu-form-item {{if attrItem.ELEMENT_IS_NULLABLE==0}}form-item-required{{/if}} {{if attrItem.ELEMENT_IS_DISABLED==0}}form-item-disabled{{/if}} {{if attrItem.ELEMENT_IS_DISPLAY==0}}ipu-fn-hide{{/if}}"
data-json="{{attrItem}}" ELEMENT_EDIT_TYPE="{{attrItem.ELEMENT_EDIT_TYPE}}" ATTR_ID="{{attrItem.ATTR_ID}}" max-length="{{attrItem.LENGTH}}">
<div class="ipu-flex common-border-bottom">
<div class="item-key item-key-60">{{attrItem.ATTR_NAME}}：</div>
<div class="item-value ipu-flex-col-auto">
<input type="text" placeholder="请输入" value="{{attrItem.ATTR_VALUE}}" {{if attrItem.ELEMENT_IS_DISABLED==0}}readonly{{/if}}/>
</div>
</div>
<div class="check-tips"></div>
</div>
{{else if attrItem.ELEMENT_EDIT_TYPE=="@Select"}}
<div class="ipu-form-item {{if attrItem.ELEMENT_IS_NULLABLE==0}}form-item-required{{/if}} {{if attrItem.ELEMENT_IS_DISABLED==0}}form-item-disabled{{/if}} {{if attrItem.ELEMENT_IS_DISPLAY==0}}ipu-fn-hide{{/if}}"
data-json="{{attrItem}}" ELEMENT_EDIT_TYPE="{{attrItem.ELEMENT_EDIT_TYPE}}" ATTR_ID="{{attrItem.ATTR_ID}}" >
<div class="ipu-flex common-border-bottom">
<div class="item-key item-key-60">{{attrItem.ATTR_NAME}}：</div>
<div class="item-value ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" value="{{attrItem.ATTR_TEXT}}" readonly>
<input type="hidden" value="{{attrItem.ATTR_VALUE}}">
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
{{else if attrItem.ELEMENT_EDIT_TYPE=="@DateField"}}
<div class="ipu-form-item {{if attrItem.ELEMENT_IS_NULLABLE==0}}form-item-required{{/if}} {{if attrItem.ELEMENT_IS_DISABLED==0}}form-item-disabled{{/if}} {{if attrItem.ELEMENT_IS_DISPLAY==0}}ipu-fn-hide{{/if}}"
data-json="{{attrItem}}" ELEMENT_EDIT_TYPE="{{attrItem.ELEMENT_EDIT_TYPE}}" ATTR_ID="{{attrItem.ATTR_ID}}" >
<div class="ipu-flex common-border-bottom">
<div class="item-key item-key-60">{{attrItem.ATTR_NAME}}：</div>
<div class="item-value ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" value="{{attrItem.ATTR_TEXT}}" readonly>
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
{{/if}}
{{/each}}
{{/if}}
</li>
{{/each}}
{{/if}}
</script>
<!--单个产品渲染-->
<script id="single-attr-item" type="text/template">
{{if ATTR_LIST.length> 0}}
{{if ATTR_LIST[0].ATTR_LIST&&ATTR_LIST[0].ATTR_LIST.length> 0}}
{{each ATTR_LIST[0].ATTR_LIST attrItem attrIndex}}
{{if attrItem.ELEMENT_EDIT_TYPE=="@TextField"}}
<div class="ipu-form-item {{if attrItem.ELEMENT_IS_NULLABLE==0}}form-item-required{{/if}} {{if attrItem.ELEMENT_IS_DISABLED==0}}form-item-disabled{{/if}} {{if attrItem.ELEMENT_IS_DISPLAY==0}}ipu-fn-hide{{/if}}"
data-json="{{attrItem}}" ELEMENT_EDIT_TYPE="{{attrItem.ELEMENT_EDIT_TYPE}}" ATTR_ID="{{attrItem.ATTR_ID}}" max-length="{{attrItem.LENGTH}}">
<div class="ipu-flex common-border-bottom">
<div class="item-key item-key-60">{{attrItem.ATTR_NAME}}：</div>
<div class="item-value ipu-flex-col-auto">
<input type="text" placeholder="请输入" value="{{attrItem.ATTR_VALUE}}" {{if attrItem.ELEMENT_IS_DISABLED==0}}readonly{{/if}}/>
</div>
</div>
<div class="check-tips"></div>
</div>
{{else if attrItem.ELEMENT_EDIT_TYPE=="@Select"}}
<div class="ipu-form-item {{if attrItem.ELEMENT_IS_NULLABLE==0}}form-item-required{{/if}} {{if attrItem.ELEMENT_IS_DISABLED==0}}form-item-disabled{{/if}} {{if attrItem.ELEMENT_IS_DISPLAY==0}}ipu-fn-hide{{/if}}"
data-json="{{attrItem}}" ELEMENT_EDIT_TYPE="{{attrItem.ELEMENT_EDIT_TYPE}}" ATTR_ID="{{attrItem.ATTR_ID}}" >
<div class="ipu-flex common-border-bottom">
<div class="item-key item-key-60">{{attrItem.ATTR_NAME}}：</div>
<div class="item-value ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" value="{{attrItem.ATTR_TEXT}}" readonly>
<input type="hidden" value="{{attrItem.ATTR_VALUE}}">
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
{{/if}}
{{/each}}
{{/if}}
{{/if}}
</script>
</body>
</html>
|
