分段价格报价

src/main/webapp/resources/view/vendor/forstore/seekPurchase.html

@@ -360,6 +360,139 @@
     .seek-purchase .BOM-header > div p {
         display: inline-block;
     }
+    .seek-purchase .say-price-box {
+      /*  display: none;*/
+        position: fixed;
+        width: 527px;
+        top: 30%;
+        left: 33%;
+        border-radius: 5px;
+        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
+        -moz-box-shadow: 0 5px 15px rgba(0,0,0,.5);
+        box-shadow: 0 5px 15px rgba(0,0,0,.5);
+        z-index: 1;
+        font-size: 14px;
+    }
+    .seek-purchase .say-price-box .title {
+        position: relative;
+        height: 44px;
+        background: #4290f7;
+        line-height: 44px;
+        color: #fff;
+    }
+    .seek-purchase .say-price-box .title > div {
+        display: inline-block;
+        padding-left: 66px;
+        width: 49%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+    .seek-purchase .say-price-box .title i {
+        position: absolute;
+        right: 10px;
+        top: 8px;
+        cursor: pointer;
+    }
+    .seek-purchase .say-price-box .content {
+        padding: 9px 0;
+        background: #fff;
+    }
+    .seek-purchase .say-price-box .content .content-line {
+        margin: 0 0 14px 0;
+    }
+    .seek-purchase .say-price-box .content .content-line .form-item {
+        display: inline-block;
+        width: 49%;
+    }
+    .seek-purchase .say-price-box .content .content-line .form-item > span i {
+        color: #fd2637;
+        margin-right: 4px;
+    }
+    .seek-purchase .say-price-box .content .content-line .form-item input {
+        border: 1px solid #bfbfbf;
+        border-radius: 2px;
+        height: 28px;
+        display: inline-block;
+    }
+    .seek-purchase .say-price-box .content .content-line .form-left span {
+        display: inline-block;
+        width: 104px;
+        text-align: right;
+    }
+    .seek-purchase .say-price-box .content .content-line .form-left input {
+        width: 64px;
+    }
+    .seek-purchase .say-price-box .content .content-line .form-upload {
+        text-align: center;
+    }
+    .seek-purchase .say-price-box .content .content-line .form-upload label {
+        margin-bottom: 0;
+        cursor: pointer;
+    }
+    .seek-purchase .say-price-box .content .content-line .form-upload label input {
+        display: none;
+    }
+    .seek-purchase .say-price-box .content .content-line .form-upload label span {
+        display: block;
+        width: 94px;
+        height: 23px;
+        line-height: 18px;
+        font-weight: normal;
+        color: #4290f7;
+        text-align: center;
+        border: 1px dashed #4290f7;
+        border-radius: 11px;
+    }
+    .seek-purchase .say-price-box .content .content-line .form-upload label span i {
+        font-weight: bold;
+        font-style: normal;
+        font-size: 18px;
+        margin-right: 5px;
+    }
+    .seek-purchase .say-price-box .content .content-line .form-upload div i {
+        cursor: pointer;
+        color: #eb222c;
+        font-size: 16px;
+        margin-right: 10px;
+    }
+    .seek-purchase .say-price-box .content .content-line .form-upload div span {
+        display: inline-block;
+        max-width: 128px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+    .seek-purchase .say-price-box .content .content-line .form-right {
+        padding-left: 13px;
+    }
+    .seek-purchase .say-price-box .content .content-line .form-right input {
+        width: 101px;
+    }
+    .seek-purchase .say-price-box .content .content-line .form-right > i {
+        margin-left: 4px;
+    }
+    .seek-purchase .say-price-box .operate {
+        border-top: 1px solid #e4e5e6;
+        background: #fff;
+        height: 62px;
+        text-align: center;
+        padding-top: 15px;
+    }
+    .seek-purchase .say-price-box .operate span {
+        display: inline-block;
+        width: 64px;
+        height: 28px;
+        line-height: 28px;
+        text-align: center;
+        background: #4290f7;
+        color: #fff;
+        cursor: pointer;
+    }
+    .seek-purchase .say-price-box .operate span:last-child {
+        margin-left: 15px;
+        background: #acabab;
+    }
 </style>
 <div class="user_right fr seek-purchase">
     <!--求购询价-->
@@ -512,4 +645,64 @@
             </tbody>
         </table>
     </div>
+    <div class="say-price-box">
+        <div class="title">
+            <div>型号：<span>PMDIDASJD</span></div>
+            <div>品牌：<span>台积电</span></div>
+            <i class="fa fa-close"></i>
+        </div>
+        <div class="content">
+            <div class="content-line">
+                <div class="form-item form-left">
+                    <span><i>*</i>交期：</span>
+                    <input type="text" class="form-control" placeholder="天数">
+                    -
+                    <input type="text" class="form-control" placeholder="天数">
+                </div>
+                <div class="form-item form-upload">
+                    <label>
+                        <span><i>+</i>添加附件</span>
+                        <input type="file">
+                    </label>
+                    <!--<div>
+                      <span>我是Excel的名字111</span>
+                      <i class="fa fa-times-circle"></i>
+                      <a href="">更换</a>
+                    </div>-->
+                </div>
+            </div>
+            <div class="content-line">
+                <div class="form-item form-left">
+                    <span><i>*</i>价格梯度：</span>
+                    <input type="text" class="form-control" placeholder="数量">
+                    -
+                    <input type="text" class="form-control" placeholder="数量">
+                </div>
+                <div class="form-item form-right">
+                    <span><i>*</i>单价($)：</span>
+                    <input type="text" class="form-control" placeholder="单价">
+                    <i class="fa fa-minus-circle"></i>
+                    <i class="fa fa-plus-circle"></i>
+                </div>
+            </div>
+            <div class="content-line">
+                <div class="form-item form-left">
+                    <span><i>*</i>价格梯度：</span>
+                    <input type="text" class="form-control" placeholder="数量">
+                    -
+                    <input type="text" class="form-control" placeholder="数量">
+                </div>
+                <div class="form-item form-right">
+                    <span><i>*</i>单价($)：</span>
+                    <input type="text" class="form-control" placeholder="单价">
+                    <i class="fa fa-minus-circle"></i>
+                    <i class="fa fa-plus-circle"></i>
+                </div>
+            </div>
+        </div>
+        <div class="operate">
+            <span>确定</span>
+            <span>取消</span>
+        </div>
+    </div>
 </div>