Browse Source

上传产品成功提示框

yangc 8 years ago
parent
commit
71f120ff5d

+ 13 - 1
src/main/webapp/resources/css/commonComponent.css

@@ -618,4 +618,16 @@ div.tip{
 .com-sub-pager.ng-table-pager .ng-table-pagination li.active a span {
     color: #5078cb!important;
 }
-/*-------------------------分页 end--------------------*/
+/*-------------------------分页 end--------------------*/
+
+/*----------遮罩层 start-------------*/
+.com-modal-wrap {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .3);
+    z-index: 1;
+}
+/*----------遮罩层 end-------------*/

BIN
src/main/webapp/resources/img/product/check.png


+ 58 - 9
src/main/webapp/resources/view/vendor/forstore/vendor_upload.html

@@ -341,6 +341,54 @@
     .com-del-box .title i.fa-close{
         font-size: 16px;
     }
+    .com-del-box p {
+        height: 46px;
+        line-height: 46px;
+        text-align: center;
+        color: #5078cb;
+    }
+    .com-del-box {
+        width: 324px;
+        height: auto;
+        -webkit-box-shadow: none;
+        -moz-box-shadow: none;
+        box-shadow: none;
+        border-radius: 3px;
+    }
+    .com-del-box p img {
+        margin: 0 5px 2px 0;
+    }
+    .com-del-box .result {
+        width: 224px;
+        margin: 0 auto;
+        font-size: 12px;
+    }
+    .com-del-box .result span {
+        color: #f40d0d;
+    }
+    .com-del-box .result a {
+        color: #5078cb;
+    }
+    .com-del-box .operate {
+        margin-top: 22px;
+        text-align: center;
+        font-size: 12px;
+        margin-bottom: 18px;
+    }
+    .com-del-box .operate span {
+        display: inline-block;
+        width: 82px;
+        height: 22px;
+        line-height: 22px;
+        background: #5078cb;
+        color: #fff;
+        border-radius: 2px;
+        margin-right: 9px;
+        cursor: pointer;
+    }
+    .com-del-box .operate a {
+        color: #5078cb;
+    }
 </style>
 <div class="user_right fr">
     <!--货品管理-->
@@ -526,16 +574,17 @@
         </div>
     </div>
 </div>
-<div class="com-del-box">
-    <div class="title">
-        <i></i>
-    </div>
-    <div class="content">
+<div class="com-modal-wrap">
+    <div class="com-del-box">
+        <div class="title">
+            <i></i>
+        </div>
         <p><img src="static/img/product/check.png" alt="">上传产品成功!</p>
-        <div class=""></div>
-        <div>
-            <a>取消</a>
-            <a>确认</a>
+        <div class="result">成功上传<span>600</span>个产品(其中标准产品<span>200</span>个,非标产品<span>300</span>个),下载<a href="">上传失败产品</a></div>
+        <div class="operate">
+            <span>留在当前页</span>
+            前往 <a href="">我的产品库 <i class="fa fa-long-arrow-right"></i></a>
         </div>
     </div>
 </div>
+