| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192 |
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml"
- xmlns:th="http://www.thymeleaf.org"
- xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
- <head th:replace="common::header(~{::title},~{::link})">
- <title>科技成果详情</title>
- <link th:href="${portalHost +'/vendors.css'}" rel="stylesheet">
- <link th:href="${portalHost + '/highTech/detail/achievementDetail.css'}"
- rel="stylesheet">
- </head>
- <body>
- <header>
- <div th:replace="common::{topNav}">
- <div class="container">
- <div class="lt">欢迎进入科技认知计算交易平台!</div>
- <div class="rt">
- <a href="/user/login.html" class="login">登录</a>
- <a href="/user/signIn.html">注册</a>
- <a href="#">导航</a>
- <a href="#">关于我们</a>
- <a href="#">联系我们</a>
- </div>
- </div>
- </div>
- </header>
- <div class="header_nav_detail">
- <div class="container ">
- <div class="row clearfix">
- <div class="col-md-3 logo">
- <div th:replace="common::sublogo"></div>
- </div>
- <div class="col-md-9">
- <div th:replace="common::subMenu('tech','')"></div>
- </div>
- </div>
- </div>
- <div class="secondary_navigation"></div>
- </div>
- <div class="container transaction_info">
- <div class="transaction_img">
- <div class="img_b">
- <img th:if="${achievement.pictureList != null && achievement.pictureList.size() > 0}"
- th:src="${avatarUploadHost+achievement.pictureList[0]}" />
- <img th:if="${achievement.pictureList == null && achievement.pictureList.size() == 0}"
- th:src="${portalHost + '/img/achievement_default.jpg}" />
- </div>
- <div class="img_list">
- <ul>
- <li th:each="img,iterStart:${achievement.pictureList}"
- th:class="${iterStart.index==0} ? 'active'"><img
- th:src="${avatarUploadHost+img}"></li>
- </ul>
- </div>
- </div>
- <div class="transaction_basic">
- <h3 th:text="${achievement.name}"
- style="font-size: 22px; color: #58a3ff;"></h3>
- <div class="form-group">
- </div>
- <div class="form-group">
- <label class="col-sm-2 control-label">标 签:</label>
- <div class="col-sm-7" th:text="${achievement.keyword}"></div>
- </div>
- <div class="form-group price">
- <label class="col-sm-2 control-label">价 格:</label>
- <div class="col-sm-7 price">
- <i th:text="${achievement.transferModeS}">完全转让</i> <span
- th:text="${achievement.transferPriceS}">面议</span>
- </div>
- </div>
- <div class="form-group boder_bt">
- <label class="col-sm-2 control-label">技术成熟度:</label>
- <div class="col-sm-4" th:text="${achievement.maturityS}"></div>
- </div>
- <div class="form-group">
- <label class="col-sm-2 control-label">所 在 地:</label>
- <div class="col-sm-4" th:text=${achievement.location}></div>
- <label class="col-sm-2 control-label">最 近 更 新:</label>
- <div class="col-sm-4"
- th:text="${achievement.releaseDateFormattedDate}"></div>
- </div>
- <div class="form-group">
- <label class="col-sm-2 control-label">行 业:</label>
- <div class="col-sm-7" th:text=${achievement.field}></div>
- </div>
- <div class="form-group" th:if="${isLogin}">
- <div class="col-sm-4">
- <button id="interest"
- th:class="${achievement.interestId != null} ? 'btn btn-default like' : 'btn btn-default dislike'">我感兴趣</button>
- </div>
- <div class="col-sm-4">
- <button data-toggle="modal" data-target="#order"
- class="btn btn-default purchase">我要购买</button>
- </div>
- </div>
- <div class="form-group" th:if="${!isLogin}">
- <div class="col-sm-4">
- <button class="btn btn-default dislike"
- onclick="window.open('/user/login.html')">我感兴趣</button>
- </div>
- <div class="col-sm-4">
- <button class="btn btn-default purchase"
- onclick="window.open('/user/login.html')">我要购买</button>
- </div>
- </div>
- </div>
- </div>
- <!-- <div class="container introduce details">
- <h2>专利详情:</h2>
- <p th:text="${achievement.patentCase}"></p>
- </div> -->
- <div class="container introduce">
- <h2>技术简介:</h2>
- <p th:text="${achievement.introduction}"></p>
- </div>
- <div class="container recommend">
- <div class="recommend_title">
- <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURUdwTFej/1ii/1ei/1Wk/1ij/1ej/1ej/1ei/1in/1eh/1ij/1ej/1ij/1aj/1ej/1ej/1ej/1ei/1ij/1ii/1ej/1ij/y5y/mMAAAAWdFJOUwCo+kMKa5nM2AMVwOxZIvExemLgTYnOTXJwAAABbElEQVQ4y41U25aAIAhExdS0Uiv//1PXylTadk88lYfLMAMAdDZLphznTjE5w6uZyabO7GR++widHqbFwwWH9GID9j6jSq+mxs5Hpz9MVy8keZaV5LorUjxiXAiu0ld6PAYadPJDAC2jF+gIrIOvicRJsMpI8jRlJ8KzMjGlSJPbrBeJ8mMuteJGHmeoqbkaor86DbDblXcQ2IUu+owPxX7+uYNCMwt5lWWgSuMoWUPCtR3khoVBBaXdCEcS1lNkTYHmoJTm0xG2d0Rq9IV6fjslLg54sWq0zFV2DpVd7g1LXB6NhFx6M5VAB20CFo8l/5Q/YpNdFQouPpDfr3tPJoNOJ+Er8TPVs/vF2GIZkaUJrM/OXAgu8VEQgduosOy/SjSAYQmgyajUuQigojGTVhuMsmE9h66O72aMiecW2DyyNx1JkEXwKOuiWH9DH+hKrWS01WOlPi3ntzX/djC+nZ7ziJGa6u2I/XcOfwAXBkq8P+HyZAAAAABJRU5ErkJggg==">
- <h2>您可能感兴趣</h2>
- </div>
- <div class="recommend_content">
- <ul>
- <li th:each="similar,iterStart:${similarList}">
- <div class="recommend_content_tit">
- <p th:text="${similar.name}"></p>
- <span></span>
- </div>
- <div class="recommend_content_info">
- <div class="form-group">
- <label class="col-sm-5 control-label">价 格 :</label>
- <div class="col-sm-7 red" th:text="${similar.transferPriceS}">面议</div>
- </div>
- <div class="form-group">
- <label class="col-sm-5 control-label">所 在 地 :</label>
- <div class="col-sm-7" th:title="${similar.location}" th:text="${similar.location}"></div>
- </div>
- <div class="form-group">
- <label class="col-sm-5 control-label">技术成熟度 :</label>
- <div class="col-sm-7 score">
- <div th:style="'width:'+${similar.maturityS}">
- <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAOBAMAAABdmRbQAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTENlvkNiwkNmv0Rmv0RmvkRmv0NmvkNlv0NlvkJnvkRlv0RlvkNlv0NmvkRmvz17xA0AAAAPdFJOUwDuDWG6gU8hyKYxmc7xz2au9FAAAADDSURBVCjPY2BgYDBmgAJmAxgLj5ALTIDFgYGgENN/BaiA/icGgkJs/xOgIvnfoAw8Qpz/J0BF5v+EMnAKNQrK//8oKMHAwCEo+P+/oGADXiGV/yDgBHSYP4jxBeg6fELxQOoryC5WkEAAiIVHiA1IQzyQ////N6iPcApxAekFYJH1////AjPwCLHCLAPZBrYfnxDP37T7B8Ai56/l/gEz8AjVP2eo+w4SYP9XwP6+gAG/kLUCA9NmcALaxMCgDU5EOIUAmwqr//APi2wAAAAASUVORK5CYII=">
- </div>
- </div>
- </div>
- </div>
- </li>
- </ul>
- </div>
- </div>
- <input type="hidden" id="achievementId" th:value="${achievement.id}">
- <input type="hidden" id="interestId" th:value="${achievement.interestId}">
- <div class="modal fade" tabindex="-1" role="dialog" id="order"
- aria-labelledby="myModalLabel">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal"
- aria-label="Close">
- <span aria-hidden="true">×</span>
- </button>
- <h4 class="modal-title">我要购买</h4>
- </div>
- <div class="modal-body">
- <div class="row">
- <div class="col-md-2" style="text-align: right">备注:</div>
- <div class="col-md-10">
- <textarea style="max-width: 460px" id="comment"
- class="form-control" rows="3"></textarea>
- </div>
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
- <button type="button" class="btn btn-primary" id="submitOrder">提交</button>
- </div>
- </div>
- </div>
- </div>
- <footer>
- <div th:replace="common::copyright"></div>
- </footer>
- <div th:replace="common::footer(~{::script})">
- <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
- <script type="text/javascript"
- th:src="${portalHost + '/highTech/detail/achievementDetail.js'}"></script>
- </div>
- </body>
- </html>
|