|
@@ -0,0 +1,360 @@
|
|
|
+<%@ page import="com.thinkgem.jeesite.common.config.Global" %>
|
|
|
+<%@ page contentType="text/html;charset=UTF-8" %>
|
|
|
+<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+ <title>产品管理</title>
|
|
|
+ <meta name="decorator" content="default"/>
|
|
|
+ <style>
|
|
|
+ .titleClass{
|
|
|
+ font-weight: bolder;
|
|
|
+ margin-left: -40px;
|
|
|
+ }
|
|
|
+ .keyClass{
|
|
|
+ font-weight: bolder;
|
|
|
+ }
|
|
|
+ .paramRow {
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ <style>
|
|
|
+ .clearfix::after{
|
|
|
+ content: "";
|
|
|
+ display: block;
|
|
|
+ clear: both;
|
|
|
+ }
|
|
|
+ .iconBox{
|
|
|
+ font-size: 0;
|
|
|
+ }/*
|
|
|
+ .controls{
|
|
|
+ margin-left: 0 !important;
|
|
|
+ }*/
|
|
|
+ .controls .conList{
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 15px;
|
|
|
+ }
|
|
|
+ .conList .btn:nth-of-type(1){
|
|
|
+ margin-left: 25px;
|
|
|
+ }
|
|
|
+ .select2-choice{
|
|
|
+ width: 100px;
|
|
|
+ }
|
|
|
+ .upload-content {
|
|
|
+ float: left;
|
|
|
+ margin-top: -100px;
|
|
|
+ margin-right: -40px;
|
|
|
+ }
|
|
|
+ .upload-content .conList .btn:nth-of-type(1) {
|
|
|
+ width: 90px;
|
|
|
+ height: 100px;
|
|
|
+ border: 2px solid #eee;
|
|
|
+ background: #fff;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .upload-content .conList .btn:nth-of-type(1)>div {
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .upload-content .conList .btn:nth-of-type(1) span {
|
|
|
+ font-size: 35px;
|
|
|
+ }
|
|
|
+ .upload-content .conList .btn:nth-of-type(1) h5 {
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .cancel-upload {
|
|
|
+ background: transparent;
|
|
|
+ border: none;
|
|
|
+ box-shadow: none;
|
|
|
+ position: relative;
|
|
|
+ top: -38px;
|
|
|
+ left: -25px;
|
|
|
+ cursor: pointer;
|
|
|
+ z-index: 100;
|
|
|
+ }
|
|
|
+ .upload-content .conList ol li {
|
|
|
+ width: 114px;
|
|
|
+ min-height: 80px;
|
|
|
+ text-align: center;
|
|
|
+ background: #fff;
|
|
|
+ position: relative;
|
|
|
+ top: 120px;
|
|
|
+ margin-left: 2px;
|
|
|
+ height: 100px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ .hide-pic {
|
|
|
+ display: none !important;
|
|
|
+ }
|
|
|
+ .upload-image-list{
|
|
|
+ width: 660px;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ <style>
|
|
|
+ .iconBox{
|
|
|
+ font-size: 0;
|
|
|
+ }
|
|
|
+ .controls .conList{
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 15px;
|
|
|
+ }
|
|
|
+ .conList .btn:nth-of-type(1){
|
|
|
+ margin-left: 25px;
|
|
|
+ }
|
|
|
+ .select2-choice{
|
|
|
+ width: 100px;
|
|
|
+ }
|
|
|
+ .upload-content {
|
|
|
+ float: left;
|
|
|
+ margin-top: -70px;
|
|
|
+ margin-left: 20px !important;
|
|
|
+ }
|
|
|
+ .upload-content .conList .btn:nth-of-type(1) {
|
|
|
+ width: 90px;
|
|
|
+ height: 100px;
|
|
|
+ border: 2px solid #eee;
|
|
|
+ background: #fff;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .upload-content .conList .btn:nth-of-type(1)>div {
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .upload-content .conList .btn:nth-of-type(1) span {
|
|
|
+ font-size: 35px;
|
|
|
+ }
|
|
|
+ .upload-content .conList .btn:nth-of-type(1) h5 {
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .cancel-upload {
|
|
|
+ background: transparent;
|
|
|
+ border: none;
|
|
|
+ box-shadow: none;
|
|
|
+ position: relative;
|
|
|
+ top: -38px;
|
|
|
+ left: -25px;
|
|
|
+ cursor: pointer;
|
|
|
+ z-index: 100;
|
|
|
+ }
|
|
|
+ .hide-pic {
|
|
|
+ display: none !important;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ <script type="text/javascript">
|
|
|
+ </script>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <ul class="nav nav-tabs">
|
|
|
+ <li><a href="${ctx}/baike/cmBaikeProduct/?commodityType=${cmBaikeProduct.commodityType}&publishSource=${cmBaikeProduct.publishSource}">${commodityType}</a></li>
|
|
|
+ <li class="active"><a href="${ctx}/baike/cmBaikeProduct/check?id=${cmBaikeProduct.id}">查看</a></li>
|
|
|
+ </ul><br/>
|
|
|
+ <form:form id="inputForm" modelAttribute="cmBaikeProduct" action="${ctx}/baike/cmBaikeProduct/save" method="post" class="form-horizontal">
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label titleClass">${commodityType}简述</label>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label">${commodityType}名称:</label>
|
|
|
+ <div class="controls">
|
|
|
+ ${cmBaikeProduct.name}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label">${commodityType}别名:</label>
|
|
|
+ <div class="controls">
|
|
|
+ ${cmBaikeProduct.alias}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label">${commodityType}概述:</label>
|
|
|
+ <div class="controls" style="width:812px">
|
|
|
+ ${cmBaikeProduct.discription}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label">SEO关键词:</label>
|
|
|
+ <div class="controls">
|
|
|
+ ${cmBaikeProduct.seoKeyword}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label">${commodityType}图片:</label>
|
|
|
+ <div class="controls">
|
|
|
+ <a href="${cmBaikeProduct.image}" style="cursor: pointer;margin-left: 20px" target="_blank"><img src="${cmBaikeProduct.image}" style="width: 120px"></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="${cmBaikeProduct.commodityType eq 2?'':'display:none'}" >
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label titleClass">正品识别</label>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label">认证链接:</label>
|
|
|
+ <div class="controls">
|
|
|
+ ${cmBaikeProduct.authLink}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label">认证二维码:</label>
|
|
|
+ <div class="controls">
|
|
|
+ <a href="${cmBaikeProduct.authQrCode}" style="cursor: pointer;margin-left: 20px" target="_blank"><img src="${cmBaikeProduct.authQrCode}" style="width: 120px"></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="paramList">
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label titleClass">${commodityType}参数</label>
|
|
|
+ </div>
|
|
|
+ <c:forEach items="${cmBaikeProduct.paramList}" var="productParam" varStatus="index">
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label">${productParam.name}:</label>
|
|
|
+ <div class="controls">
|
|
|
+ ${productParam.content}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </c:forEach>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label keyClass">${commodityType}优点:</label>
|
|
|
+ <div class="controls" style="width:812px">
|
|
|
+ ${cmBaikeProduct.advantage}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label keyClass">${commodityType}缺点:</label>
|
|
|
+ <div class="controls" style="width:812px">
|
|
|
+ ${cmBaikeProduct.disadvantage}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label keyClass">${commodityType}原理:</label>
|
|
|
+ <div class="controls" style="width:812px">
|
|
|
+ ${cmBaikeProduct.principle}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label titleClass">${commodityType}档案</label>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label">品牌:</label>
|
|
|
+ <div class="controls">
|
|
|
+ ${cmBaikeProduct.brand}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label">产地:</label>
|
|
|
+ <div class="controls">
|
|
|
+ ${cmBaikeProduct.producePlace}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label">上市时间:</label>
|
|
|
+ <div class="controls">
|
|
|
+ <fmt:formatDate value="${cmBaikeProduct.marketTime}" pattern="yyyy-MM-dd HH:mm"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label">公司/厂商:</label>
|
|
|
+ <div class="controls">
|
|
|
+ ${cmBaikeProduct.company}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group" style="position: relative">
|
|
|
+ <label class="control-label">NMPA认证时间:</label>
|
|
|
+ <div class="controls">
|
|
|
+ <fmt:formatDate value="${cmBaikeProduct.nmpaTime}" pattern="yyyy-MM-dd HH:mm"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group" style="width: 1000px">
|
|
|
+ <label class="control-label keyClass">${commodityType}认证:</label>
|
|
|
+ <div class="controls">
|
|
|
+ <c:forEach items="${cmBaikeProduct.authImageList}" var="authImage" varStatus="index">
|
|
|
+ <a href="${authImage}" style="cursor: pointer;margin-left: 20px" target="_blank"><img src="${authImage}" style="width: 120px"></a>
|
|
|
+ </c:forEach>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label keyClass">适应人群:</label>
|
|
|
+ <div class="controls" style="width:812px">
|
|
|
+ ${cmBaikeProduct.adaptiveMan}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label keyClass">不适应人群:</label>
|
|
|
+ <div class="controls" style="width:812px">
|
|
|
+ ${cmBaikeProduct.unAdaptiveMan}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label keyClass">术前术后:</label>
|
|
|
+ <div class="controls" style="width:812px">
|
|
|
+ ${cmBaikeProduct.aroundOperation}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group" style="width: 1000px">
|
|
|
+ <label class="control-label keyClass">效果展示:</label>
|
|
|
+ <div class="controls">
|
|
|
+ <c:forEach items="${cmBaikeProduct.displayImageList}" var="displayImage" varStatus="index">
|
|
|
+ <a href="${displayImage}" style="cursor: pointer;margin-left: 20px" target="_blank"><img src="${displayImage}" style="width: 120px"></a>
|
|
|
+ </c:forEach>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="questionList">
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label keyClass">常见问题:</label>
|
|
|
+ </div>
|
|
|
+ <c:forEach items="${cmBaikeProduct.questionList}" var="question" varStatus="index">
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label">问题${index.index+1}:</label>
|
|
|
+ <div class="controls">
|
|
|
+ ${question.question}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label">答:</label>
|
|
|
+ <div class="controls">
|
|
|
+ ${question.answer}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </c:forEach>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label keyClass">发布时间:</label>
|
|
|
+ <div class="controls">
|
|
|
+ <fmt:formatDate value="${cmBaikeProduct.publishTime}" pattern="yyyy-MM-dd HH:mm"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label keyClass">基础浏览量:</label>
|
|
|
+ <div class="controls">
|
|
|
+ ${cmBaikeProduct.basePv}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label keyClass">产品类别:</label>
|
|
|
+ <div class="controls">
|
|
|
+ ${cmBaikeProduct.typeName}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label keyClass">状态:</label>
|
|
|
+ <div class="controls">
|
|
|
+ ${cmBaikeProduct.status eq 1?'已启用':'已停用'}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form:form>
|
|
|
+
|
|
|
+<% request.setAttribute("caimeiCore", Global.getConfig("caimei.core"));%>
|
|
|
+<script type="text/javascript" src="${ctxStatic}/ckeditor5-new/ckeditor.js"></script>
|
|
|
+<script>
|
|
|
+</script>
|
|
|
+</body>
|
|
|
+</html>
|