买家初评、追评页面

src/main/webapp/resources/view/usercenter/forstore/add_rate.html

@@ -1,7 +1,223 @@
 <style>
+    .add-rate {
+        width: 1026px;
+        float: right;
+        background: #fff;
+    }
+    .add-rate .add-rate-head {
+        background: #89affa;
+        color: #fff;
+        padding: 0px 24px;
+        height: 40px;
+        line-height: 40px;
+    }
+    .add-rate .add-rate-head  span a.add-rate-company {
+        font-size: 14px;
+    }
+    .add-rate .add-rate-head  span a em {
+        color: #fff;
+        font-size: 14px;
+    }
+    .add-rate table {
+        margin: 13px;
+    }
+    .add-rate table thead {
+        border-bottom: 1px solid rgb( 232, 235, 252 );
+        background: #fff;
+    }
+    .add-rate table thead tr td {
+        width: 1000px;
+        padding: 16px 11px;
+        font-size: 14px;
+        margin-left: 15px;
+    }
+    .add-rate table tbody tr {
+        border-bottom: 1px dashed rgb( 232, 235, 252 );
+    }
+    .add-rate table tbody tr td img{
+        width: 73px;
+        height: 74px;
+        float: left;
+        margin-top: 12px;
+    }
+    .add-rate table tbody tr td .add-rate-item-info {
+        display: inline-block;
+        width: 200px;
+        float: left;
+        margin-top: 15px;
+    }
+    .add-rate table tbody tr td .add-rate-item-introduce {
+        display: block;
+        margin: 0px 10px;
+        font-size: 14px;
+    }
+    .add-rate table tbody tr td .add-rate-item-introduce span {
+        float: left;
+    }
+    .add-rate table tbody tr td .add-rate-item-introduce span.add-rate-item-link {
+        max-width: 200px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: inline-block;
+        white-space: nowrap;
+        height: 22px;
+        line-height: 22px;
+    }
+    .add-rate table tbody .record-num {
+        border: none;
+    }
+    .add-rate table tbody .record-num td .count-tip{
+        float: right;
+        margin-right: 10px;
+    }
+    .add-rate .submitBox {
+        text-align: center;
+        margin: 35px auto;
+    }
+    .add-rate .submitBox label {
+        font-size: 14px;
+        font-weight: normal;
+        margin-right: 22px;
+    }
+    .add-rate .submitBox >span.submit-btn {
+        font-size: 14px;
+        padding: 4px 17px;
+        background: #5078cb;
+        color: #fff;
+    }
+    .add-rate table thead tr td >span {
+        margin-left: 5px;
+        float: left;
+    }
+    .add-rate table thead tr td >div {
+        display: inline-block;
+        width: 43%;
+        background: #f9f9f9;
+        padding: 5px 10px;
+    }
+    .add-rate table thead tr td >div >span {
+        display: block;
+    }
+    .add-rate table thead tr td >div >span.add-rate-item01 {
+    }
+    .add-rate table thead tr td >div >span.add-rate-item02 {
+        margin-top: 5px;
+    }
+    .add-rate table .buyer-first-rate {
+        width: 726px;
+        float: right;
+        margin-top: 12px;
+    }
+    .add-rate table .buyer-first-rate >div {
+        width: 311px;
+        display: inline-block;
+        background: #f9f9f9;
+        padding: 0 10px;
+        overflow: hidden;
+        height: 87px;
+    }
+    .add-rate table .buyer-first-rate >div >div {
+    }
+    .add-rate table .buyer-first-rate >div .rate-date {
+        color: #a8a8a8;
+        margin-top: 10px;
+    }
+    .add-rate table .buyer-first-rate .buyer-first-rate02 >div {
+        display: inline-block;
+    }
+    .add-rate table .buyer-first-rate .buyer-first-rate02 >div span {
+        display: block;
+        margin-top: 10px;
+    }
+    .add-rate table .buyer-first-rate .comment {
+        width: 215px;
+        float: right;
+        height: 67px;
+    }
+    .add-rate table .buyer-first-rate .comment span{
+        white-space: normal;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        height: 60px;
+    }
+    .add-rate table tbody tr td .first-rate-item-textBox {
+        display: inline-block;
+        float: right;
+        background: #f5f8ff;
+        padding: 7px 12px;
+        margin: 5px 0;
+    }
+    .add-rate table tbody tr td .first-rate-item-textBox textarea {
+        width: 209px;
+        height: 60px;
+        overflow: scroll;
+    }
 
 </style>
 
-<div>
-    <h1>{{text}}</h1>
+<div class="add-rate">
+    <div class="add-rate-head">
+        <span style="width: 27%;">
+            <a target="_blank" class="add-rate-company">
+                <img src="static/img/user/images/shop_home.png"/>
+                <em>深圳市优软科技有限公司</em>
+            </a>
+        </span>
+        <span style="position: relative; width: 10%; margin-left: 50px;">
+            <img src="static/img/common/songguo.png"/>
+            <a href="javascript:void(0)" class="contact_btn">联系卖家</a>
+        </span>
+        <span style="float: right;margin-right: 46px; font-size: 12px;">其他买家需要你的建议喔</span>
+    </div>
+    <table>
+        <thead>
+        <tr>
+            <td>
+                <span>好评</span>
+                <div style="margin-left: 20px;">
+                    <span class="add-rate-item01">卖家初评：<span>很爽快的买家</span></span>
+                    <span class="add-rate-item02">2017-07-01</span>
+                </div>
+                <div style="margin-left: 40px;">
+                    <span class="add-rate-item01">卖家追评：<span>很好的买家，感谢您的支持！</span></span>
+                    <span class="add-rate-item02">2017-07-01</span>
+                </div>
+            </td>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td>
+                <img src="static/img/user/images/default.png" alt="">
+                <div class="add-rate-item-info">
+                    <span class="add-rate-item-introduce"><span class="add-rate-item-link">类目：专用处理器</span></span>
+                    <span class="add-rate-item-introduce"><span class="add-rate-item-link">型号：445NNSJASDASKDJA</span></span>
+                    <span class="add-rate-item-introduce"><span class="add-rate-item-link">品牌：mnnnnnk</span></span>
+                </div>
+                <div class="buyer-first-rate">
+                    <div class="buyer-first-rate02" style="margin-left: 100px">
+                        <div>
+                            <span>买家初评</span>
+                            <span><i></i><span>好评</span></span>
+                            <span class="rate-date">2017-06-05</span>
+                        </div>
+                        <div class="comment">
+                            <span>谢谢亲阿双方打款付了哈咖啡韩哈见客户</span></div>
+                    </div>
+                    <div class="buyer-first-rate02" style="background: #fff">
+                        <div style="margin-top: 10px;">买家追评</div>
+                        <div class="first-rate-item-textBox">
+                            <textarea placeholder="请输入您对产品的评价" name="" id="" cols="30" rows="10"></textarea>
+                        </div>
+                    </div>
+                </div>
+            </td>
+        </tr>
+        <tr class="record-num">
+            <td colspan="6">
+                <span class="count-tip">显示<span ng-bind="$$kdnData.start"></span>-<span ng-bind="$$kdnData.end"></span>，共：<span ng-bind="$$kdnData.totalElements" style="color: #5078cb;"></span>个</span>
+            </td>
+        </tr>
+        </tbody>
+    </table>
 </div>

src/main/webapp/resources/view/usercenter/forstore/first_rate.html

@@ -323,7 +323,7 @@
     </table>
     <div class="submitBox">
         <label class="check-active">
-            <input ng-model="isSetTop" type="checkbox" id="check-act" class="ng-pristine ng-untouched ng-valid">
+            <input ng-model="isSetTop" type="checkbox" id="check-act" checked class="ng-pristine ng-untouched ng-valid">
             <label for="check-act"></label>
             <span style="font-size: 14px; color: black">匿名评价</span>
         </label>

src/main/webapp/resources/view/usercenter/forstore/show_rate.html

@@ -1,7 +1,232 @@
 <style>
+    .add-rate {
+        width: 1026px;
+        float: right;
+        background: #fff;
+    }
+    .add-rate .add-rate-head {
+        background: #89affa;
+        color: #fff;
+        padding: 0px 24px;
+        height: 40px;
+        line-height: 40px;
+    }
+    .add-rate .add-rate-head  span a.add-rate-company {
+        font-size: 14px;
+    }
+    .add-rate .add-rate-head  span a em {
+        color: #fff;
+        font-size: 14px;
+    }
+    .add-rate table {
+        margin: 13px;
+    }
+    .add-rate table thead {
+        border-bottom: 1px solid rgb( 232, 235, 252 );
+        background: #fff;
+    }
+    .add-rate table thead tr td {
+        width: 1000px;
+        padding: 16px 11px;
+        font-size: 14px;
+        margin-left: 15px;
+    }
+    .add-rate table tbody tr {
+        border-bottom: 1px dashed rgb( 232, 235, 252 );
+    }
+    .add-rate table tbody tr td img{
+        width: 73px;
+        height: 74px;
+        float: left;
+        margin-top: 12px;
+    }
+    .add-rate table tbody tr td .add-rate-item-info {
+        display: inline-block;
+        width: 200px;
+        float: left;
+        margin-top: 15px;
+    }
+    .add-rate table tbody tr td .add-rate-item-introduce {
+        display: block;
+        margin: 0px 10px;
+        font-size: 14px;
+    }
+    .add-rate table tbody tr td .add-rate-item-introduce span {
+        float: left;
+    }
+    .add-rate table tbody tr td .add-rate-item-introduce span.add-rate-item-link {
+        max-width: 200px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: inline-block;
+        white-space: nowrap;
+        height: 22px;
+        line-height: 22px;
+    }
+    .add-rate table tbody .record-num {
+        border: none;
+    }
+    .add-rate table tbody .record-num td .count-tip{
+        float: right;
+        margin-right: 10px;
+    }
+    .add-rate .submitBox {
+        text-align: center;
+        margin: 35px auto;
+    }
+    .add-rate .submitBox label {
+        font-size: 14px;
+        font-weight: normal;
+        margin-right: 22px;
+    }
+    .add-rate .submitBox >span.submit-btn {
+        font-size: 14px;
+        padding: 4px 17px;
+        background: #5078cb;
+        color: #fff;
+    }
+    .add-rate table thead tr td >span {
+        margin-left: 5px;
+        float: left;
+    }
+    .add-rate table thead tr td >div {
+        display: inline-block;
+        width: 43%;
+        background: #f9f9f9;
+        padding: 5px 10px;
+    }
+    .add-rate table thead tr td >div >span {
+        display: block;
+    }
+    .add-rate table thead tr td >div >span.add-rate-item01 {
+    }
+    .add-rate table thead tr td >div >span.add-rate-item02 {
+        margin-top: 5px;
+    }
+    .add-rate table .buyer-first-rate {
+        width: 726px;
+        float: right;
+        margin-top: 12px;
+    }
+    .add-rate table .buyer-first-rate >div {
+        width: 311px;
+        display: inline-block;
+        background: #f9f9f9;
+        padding: 0 10px;
+        overflow: hidden;
+        height: 87px;
+    }
+    .add-rate table .buyer-first-rate >div >div {
+    }
+    .add-rate table .buyer-first-rate >div .rate-date {
+        color: #a8a8a8;
+        margin-top: 10px;
+    }
+    .add-rate table .buyer-first-rate .buyer-first-rate02 >div {
+        display: inline-block;
+    }
+    .add-rate table .buyer-first-rate .buyer-first-rate02 >div span {
+        display: block;
+        margin-top: 10px;
+    }
+    .add-rate table .buyer-first-rate .comment {
+        width: 215px;
+        float: right;
+        height: 67px;
+    }
+    .add-rate table .buyer-first-rate .comment span{
+        white-space: normal;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        height: 60px;
+    }
 
 </style>
 
-<div>
-    <h1>{{text}}</h1>
+<div class="add-rate">
+    <div class="add-rate-head">
+        <span style="width: 27%;">
+            <a target="_blank" class="add-rate-company">
+                <img src="static/img/user/images/shop_home.png"/>
+                <em>深圳市优软科技有限公司</em>
+            </a>
+        </span>
+        <span style="position: relative; width: 10%; margin-left: 50px;">
+            <img src="static/img/common/songguo.png"/>
+            <a href="javascript:void(0)" class="contact_btn">联系卖家</a>
+        </span>
+        <span style="float: right;margin-right: 46px; font-size: 12px;">其他买家需要你的建议喔</span>
+    </div>
+    <table>
+        <thead>
+        <tr>
+            <td>
+                <span>好评</span>
+                <div style="margin-left: 20px;">
+                    <span class="add-rate-item01">卖家初评：<span>很爽快的买家</span></span>
+                    <span class="add-rate-item02">2017-07-01</span>
+                </div>
+                <div style="margin-left: 40px;">
+                    <span class="add-rate-item01">卖家追评：<span>很好的买家，感谢您的支持！</span></span>
+                    <span class="add-rate-item02">2017-07-01</span>
+                </div>
+            </td>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td>
+                <img src="static/img/user/images/default.png" alt="">
+                <div class="add-rate-item-info">
+                    <span class="add-rate-item-introduce"><span class="add-rate-item-link">类目：专用处理器</span></span>
+                    <span class="add-rate-item-introduce"><span class="add-rate-item-link">型号：445NNSJASDASKDJA</span></span>
+                    <span class="add-rate-item-introduce"><span class="add-rate-item-link">品牌：mnnnnnk</span></span>
+                </div>
+                <div class="buyer-first-rate">
+                    <div class="buyer-first-rate02" style="margin-left: 100px">
+                        <div>
+                            <span>买家初评</span>
+                            <span><i></i><span>好评</span></span>
+                            <span class="rate-date">2017-06-05</span>
+                        </div>
+                        <div class="comment">
+                            <span>谢谢亲阿双方打款付了哈咖啡韩哈见客户</span></div>
+                    </div>
+                    <div class="buyer-first-rate02">
+                        <div>
+                            <span>买家初评</span>
+                            <span><i></i><span>好评</span></span>
+                            <span class="rate-date">2017-06-05</span>
+                        </div>
+                        <div class="comment">
+                            <span>谢谢亲阿双方打款付了哈咖啡韩哈见客户</span></div>
+                    </div>
+                </div>
+                <div class="buyer-first-rate">
+                    <div class="buyer-first-rate02" style="margin-left: 100px">
+                        <div>
+                            <span style="color:#6083ce;">卖家回复</span>
+                            <span class="rate-date">2017-06-05</span>
+                        </div>
+                        <div class="comment">
+                            <span>谢谢亲阿双方打款付了哈咖啡韩哈见客户</span></div>
+                    </div>
+                    <div class="buyer-first-rate02">
+                        <div>
+                            <span style="color:#6083ce;">卖家回复</span>
+                            <span class="rate-date">2017-06-05</span>
+                        </div>
+                        <div class="comment">
+                            <span>谢谢亲阿双方打款付了哈咖啡韩哈见客户</span></div>
+                    </div>
+                </div>
+            </td>
+        </tr>
+        <tr class="record-num">
+            <td colspan="6">
+                <span class="count-tip">显示<span ng-bind="$$kdnData.start"></span>-<span ng-bind="$$kdnData.end"></span>，共：<span ng-bind="$$kdnData.totalElements" style="color: #5078cb;"></span>个</span>
+            </td>
+        </tr>
+        </tbody>
+    </table>
 </div>