样式调整；销售报价界面更新

src/assets/iconfont/demo_index.html

@@ -84,6 +84,12 @@
                 <div class="code-name">&amp;#xe63d;</div>
               </li>
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe64f;</span>
+                <div class="name">问号</div>
+                <div class="code-name">&amp;#xe64f;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe61e;</span>
                 <div class="name">关于我们</div>
@@ -108,6 +114,12 @@
                 <div class="code-name">&amp;#xe611;</div>
               </li>
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe64c;</span>
+                <div class="name">选中</div>
+                <div class="code-name">&amp;#xe64c;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe6c0;</span>
                 <div class="name">问题补充</div>
@@ -360,12 +372,6 @@
                 <div class="code-name">&amp;#xe8fd;</div>
               </li>
           
-            <li class="dib">
-              <span class="icon iconfont">&#xe624;</span>
-                <div class="name">右箭头</div>
-                <div class="code-name">&amp;#xe624;</div>
-              </li>
-          
             <li class="dib">
               <span class="icon iconfont">&#xe643;</span>
                 <div class="name">恢复</div>
@@ -402,6 +408,12 @@
                 <div class="code-name">&amp;#xe67b;</div>
               </li>
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe624;</span>
+                <div class="name">选项</div>
+                <div class="code-name">&amp;#xe624;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe644;</span>
                 <div class="name">消息</div>
@@ -468,6 +480,18 @@
                 <div class="code-name">&amp;#xe613;</div>
               </li>
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe627;</span>
+                <div class="name">未选中</div>
+                <div class="code-name">&amp;#xe627;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe629;</span>
+                <div class="name">选中</div>
+                <div class="code-name">&amp;#xe629;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe614;</span>
                 <div class="name">交货日期设置</div>
@@ -510,6 +534,12 @@
                 <div class="code-name">&amp;#xeb67;</div>
               </li>
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe62e;</span>
+                <div class="name">邮件</div>
+                <div class="code-name">&amp;#xe62e;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe6d6;</span>
                 <div class="name">公文包</div>
@@ -540,6 +570,12 @@
                 <div class="code-name">&amp;#xe61f;</div>
               </li>
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe62d;</span>
+                <div class="name">标签</div>
+                <div class="code-name">&amp;#xe62d;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe60d;</span>
                 <div class="name">同意</div>
@@ -660,6 +696,18 @@
                 <div class="code-name">&amp;#xe621;</div>
               </li>
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe625;</span>
+                <div class="name">数量减</div>
+                <div class="code-name">&amp;#xe625;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe626;</span>
+                <div class="name">数量加</div>
+                <div class="code-name">&amp;#xe626;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe615;</span>
                 <div class="name">关  闭</div>
@@ -696,6 +744,24 @@
                 <div class="code-name">&amp;#xe608;</div>
               </li>
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe62b;</span>
+                <div class="name">眼睛_开</div>
+                <div class="code-name">&amp;#xe62b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62c;</span>
+                <div class="name">眼睛_闭</div>
+                <div class="code-name">&amp;#xe62c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe686;</span>
+                <div class="name">标签</div>
+                <div class="code-name">&amp;#xe686;</div>
+              </li>
+          
           </ul>
           <div class="article markdown">
           <h2 id="unicode-">Unicode 引用</h2>
@@ -827,6 +893,15 @@
             </div>
           </li>
           
+          <li class="dib">
+            <span class="icon iconfont icon-wenhao"></span>
+            <div class="name">
+              问号
+            </div>
+            <div class="code-name">.icon-wenhao
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-guanyuwomen"></span>
             <div class="name">
@@ -863,6 +938,15 @@
             </div>
           </li>
           
+          <li class="dib">
+            <span class="icon iconfont icon-check1"></span>
+            <div class="name">
+              选中
+            </div>
+            <div class="code-name">.icon-check1
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-wentibuchong"></span>
             <div class="name">
@@ -1241,15 +1325,6 @@
             </div>
           </li>
           
-          <li class="dib">
-            <span class="icon iconfont icon-youjiantou"></span>
-            <div class="name">
-              右箭头
-            </div>
-            <div class="code-name">.icon-youjiantou
-            </div>
-          </li>
-          
           <li class="dib">
             <span class="icon iconfont icon-huifu"></span>
             <div class="name">
@@ -1304,6 +1379,15 @@
             </div>
           </li>
           
+          <li class="dib">
+            <span class="icon iconfont icon-xuanxiang"></span>
+            <div class="name">
+              选项
+            </div>
+            <div class="code-name">.icon-xuanxiang
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-xiaoxi"></span>
             <div class="name">
@@ -1403,6 +1487,24 @@
             </div>
           </li>
           
+          <li class="dib">
+            <span class="icon iconfont icon-unselected"></span>
+            <div class="name">
+              未选中
+            </div>
+            <div class="code-name">.icon-unselected
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-selected"></span>
+            <div class="name">
+              选中
+            </div>
+            <div class="code-name">.icon-selected
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-jiaohuoriqishezhi"></span>
             <div class="name">
@@ -1466,6 +1568,15 @@
             </div>
           </li>
           
+          <li class="dib">
+            <span class="icon iconfont icon-youjian"></span>
+            <div class="name">
+              邮件
+            </div>
+            <div class="code-name">.icon-youjian
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-gongwenbao"></span>
             <div class="name">
@@ -1511,6 +1622,15 @@
             </div>
           </li>
           
+          <li class="dib">
+            <span class="icon iconfont icon-biaoqian"></span>
+            <div class="name">
+              标签
+            </div>
+            <div class="code-name">.icon-biaoqian
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-tongyi"></span>
             <div class="name">
@@ -1691,6 +1811,24 @@
             </div>
           </li>
           
+          <li class="dib">
+            <span class="icon iconfont icon-shuliangjian1"></span>
+            <div class="name">
+              数量减
+            </div>
+            <div class="code-name">.icon-shuliangjian1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shuliangjia1"></span>
+            <div class="name">
+              数量加
+            </div>
+            <div class="code-name">.icon-shuliangjia1
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-guanbi1"></span>
             <div class="name">
@@ -1745,6 +1883,33 @@
             </div>
           </li>
           
+          <li class="dib">
+            <span class="icon iconfont icon-yanjing_kai"></span>
+            <div class="name">
+              眼睛_开
+            </div>
+            <div class="code-name">.icon-yanjing_kai
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yanjing_bi"></span>
+            <div class="name">
+              眼睛_闭
+            </div>
+            <div class="code-name">.icon-yanjing_bi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-biaoqian1"></span>
+            <div class="name">
+              标签
+            </div>
+            <div class="code-name">.icon-biaoqian1
+            </div>
+          </li>
+          
         </ul>
         <div class="article markdown">
         <h2 id="font-class-">font-class 引用</h2>
@@ -1846,6 +2011,14 @@
                 <div class="code-name">#icon-tuisongxiaoxi</div>
             </li>
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wenhao"></use>
+                </svg>
+                <div class="name">问号</div>
+                <div class="code-name">#icon-wenhao</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-guanyuwomen"></use>
@@ -1878,6 +2051,14 @@
                 <div class="code-name">#icon-address</div>
             </li>
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-check1"></use>
+                </svg>
+                <div class="name">选中</div>
+                <div class="code-name">#icon-check1</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-wentibuchong"></use>
@@ -2214,14 +2395,6 @@
                 <div class="code-name">#icon-truck-delivery</div>
             </li>
           
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-youjiantou"></use>
-                </svg>
-                <div class="name">右箭头</div>
-                <div class="code-name">#icon-youjiantou</div>
-            </li>
-          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-huifu"></use>
@@ -2270,6 +2443,14 @@
                 <div class="code-name">#icon-xiugaimima</div>
             </li>
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xuanxiang"></use>
+                </svg>
+                <div class="name">选项</div>
+                <div class="code-name">#icon-xuanxiang</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-xiaoxi"></use>
@@ -2358,6 +2539,22 @@
                 <div class="code-name">#icon-jiangpai-1</div>
             </li>
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-unselected"></use>
+                </svg>
+                <div class="name">未选中</div>
+                <div class="code-name">#icon-unselected</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-selected"></use>
+                </svg>
+                <div class="name">选中</div>
+                <div class="code-name">#icon-selected</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-jiaohuoriqishezhi"></use>
@@ -2414,6 +2611,14 @@
                 <div class="code-name">#icon-yingyongguanli</div>
             </li>
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-youjian"></use>
+                </svg>
+                <div class="name">邮件</div>
+                <div class="code-name">#icon-youjian</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-gongwenbao"></use>
@@ -2454,6 +2659,14 @@
                 <div class="code-name">#icon-ribaotongji</div>
             </li>
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-biaoqian"></use>
+                </svg>
+                <div class="name">标签</div>
+                <div class="code-name">#icon-biaoqian</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-tongyi"></use>
@@ -2614,6 +2827,22 @@
                 <div class="code-name">#icon-jindu</div>
             </li>
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shuliangjian1"></use>
+                </svg>
+                <div class="name">数量减</div>
+                <div class="code-name">#icon-shuliangjian1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shuliangjia1"></use>
+                </svg>
+                <div class="name">数量加</div>
+                <div class="code-name">#icon-shuliangjia1</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-guanbi1"></use>
@@ -2662,6 +2891,30 @@
                 <div class="code-name">#icon-dianhua</div>
             </li>
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yanjing_kai"></use>
+                </svg>
+                <div class="name">眼睛_开</div>
+                <div class="code-name">#icon-yanjing_kai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yanjing_bi"></use>
+                </svg>
+                <div class="name">眼睛_闭</div>
+                <div class="code-name">#icon-yanjing_bi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-biaoqian1"></use>
+                </svg>
+                <div class="name">标签</div>
+                <div class="code-name">#icon-biaoqian1</div>
+            </li>
+          
           </ul>
           <div class="article markdown">
           <h2 id="symbol-">Symbol 引用</h2>

src/pages/components/quotelist.vue

@@ -0,0 +1,121 @@
+<template>
+  <div class="quotelist_main">
+    <div class="quotelist_pic">
+      <img :src="picurl" class="quote-img-responsive "></img>
+      <!-- <img src="../../assets/S-150.jpg" class="quote-img-responsive "></img> -->
+    </div>
+    <div class="quotelist_info">
+      <div class="quotelist_info_mtrl">{{qlist.mtrlname}}</div>
+      <div class="quotelist_info_mtrlmode">{{qlist.mtrlmode}}</div>
+      <div class="quotelist_info_other">
+        <div>净重{{qlist.nw}}</div>
+        <div>毛重{{qlist.gw}}</div>
+        <div>{{qlist.pack}}</div>
+      </div>
+      <div class="quotelist_info_amt">
+        <span>¥</span>{{qlist.price}}
+      </div>
+      <div class="quotelist_info_qty">累计销售{{qlist.saleqty}}张</div>
+
+    </div>
+
+
+  </div>
+</template>
+<script>
+  export default {
+    name: "quotelist",
+    props: {
+      qlist:""
+    },
+    data() {
+      return {
+        picstr2: "S-102.jpg"
+      }
+    },
+    computed: {
+      picurl: function () {
+        return require("../../assets/" + this.qlist.picurl)
+      }
+    },
+
+  }
+
+</script>
+<style>
+  .quotelist_main {
+    display: flex;
+    padding: 2px 0;
+  }
+
+  .quote_search {
+    background-color: #f7f7f7;
+    margin: 5px 10px;
+    padding: 0px 5px 0px 20px;
+    font-size: 14px;
+    line-height: 30px;
+    border-radius: 15px;
+    color: #777777
+  }
+
+  .quotelist_pic {
+    margin-left: -20px;
+    flex: 0 0 120px;
+  }
+
+  .quote-img-responsive {
+    height: 120px
+  }
+
+  .quotelist_info {
+    margin-left: -20px;
+    flex: 0 0 65%;
+  }
+
+  .quotelist_info_other {
+    display: flex
+  }
+
+  .quotelist_info_mtrl {
+    font-size: 15px;
+  }
+
+  .quotelist_info_mtrlmode {
+    font-size: 12px;
+    color: #9c9c9c
+  }
+
+  .quotelist_info_other {
+    font-size: 11px;
+    padding: 5px 0;
+  }
+
+  .quotelist_info_other div {
+    margin-right: 5px;
+    border-radius: 15px;
+    color: #888;
+    background-color: #f8f8f8;
+    padding: 0px 5px;
+  }
+
+  .quotelist_info_amt {
+    color: #ff0000;
+    font-weight: bold;
+    font-size: 20px;
+    margin-top: 5px;
+  }
+
+  .quotelist_info_amt span {
+    font-size: 12px;
+    font-weight: 500;
+    padding: 0 2px 0 0;
+  }
+
+  .quotelist_info_qty {
+    font-size: 12px;
+    color: #9c9c9c;
+    padding: 0 0 5px 0;
+    border-bottom: 1px solid #f0f0f0;
+  }
+
+</style>

src/pages/cses_spt/cses_spt_detail.vue

@@ -386,7 +386,7 @@
       return {
         taskflag_dt: "待接收",
         ifnew: 0,
-        ifban: 0, //控制是否弹出填写拒绝原因div的开关
+        ifban: 1, //控制是否弹出填写拒绝原因div的开关
         ifaccept: 0 //1-全部明细同意，整单接收  0-有明细不能接收，整单退回
       };
     },
@@ -774,7 +774,8 @@
   .cses-spt-mask {
     height: 100%;
     width: 100%;
-    background-color: #1d1d1dab;
+    background-color: #1d1d1d;
+    opacity: 0.5;  
     position: fixed;
     top: 0;
     z-index: 9998;

src/pages/daily.vue

@@ -5,7 +5,7 @@
         <!-- <div class='reportcom-logo'>
           <img src="../assets/longjoe.png" class="reportcom-img-responsive"></img>
         </div> -->
-        <div class="reportcom-header-title" style="font-size:35px">经营日报表</div>
+        <div class="reportcom-header-title" style="font-size:30px">经营日报表</div>
         <div class="reportcom-header-title">2019.02.27</div>
       </div>
       <div class="reportcom-header-sub"></div>
@@ -493,7 +493,7 @@
 
   .reportcom-header-title {
     position: relative;
-    left: 10%;
+    left: 13%;
     color: #ffffff;
     font-size: 22px;
     font-weight: bold;
@@ -538,7 +538,7 @@
   } */
 
   .daily-sale-title {
-    font-size: 30px;
+    font-size: 22px;
     font-weight: bold;
     margin: 0 20px;
   }
@@ -549,21 +549,21 @@
   }
 
   .daily-sale-amt-value {
-    font-size: 20px;
+    font-size: 18px;
     font-weight: bold;
     color: #fd7526
   }
 
   .daily-sale-cust {
-    margin: 20px 20px;
-    font-size: 18px;
+    margin: 10px 20px;
+    font-size: 16px;
     font-weight: bold;
 
   }
 
   .daily-sale-cust-list {
     display: flex;
-    padding: 10px 0 0 0;
+    padding: 2px 0 0 0;
   }
 
   .daily-sale-cust-title {
@@ -581,7 +581,7 @@
   }
 
   .daily-sale-cust-name-pz {
-    font-size: 15px;
+    font-size: 13px;
     color: #606060;
   }
 
@@ -604,7 +604,7 @@
     width: 100%;
     height: 10px;
     background-color: rgb(246, 246, 246);
-    margin: 20px 0;
+    margin: 10px 0;
   }
 
 </style>

src/pages/quote.vue

@@ -0,0 +1,188 @@
+<template>
+  <div>
+    <div class="topbar">
+      <div class="topbar_left" @click="goback">
+        <svg class="icon" aria-hidden="true">
+          <use xlink:href="#icon-fanhui"></use>
+        </svg>
+      </div>
+      <div class="topbar_middle">
+        电竞椅 <svg class="icon" aria-hidden="true">
+          <use xlink:href="#icon-xiala"></use>
+        </svg>
+      </div>
+      <div class="topbar_right">
+        <svg class="icon" aria-hidden="true">
+          <use xlink:href="#icon-caidan"></use>
+        </svg>
+      </div>
+    </div>
+
+    <div id="quotelist">
+
+      <div class="quote_search">
+        <svg class="icon" aria-hidden="true">
+          <use xlink:href="#icon-sousuo"></use>
+        </svg>
+        搜索
+      </div>
+
+      <div v-for="(item,index) in qlist" :key="index">
+        <quote-list :qlist="item"></quote-list>
+      </div>
+
+    </div>
+
+    <div class="quote_mask"  v-show="ifch==1"></div>
+    <div class="quote_mtrltype_ch" v-show="ifch==1">
+      <div class="quote_mtrltype_ch_his">报价历史</div>
+      <div class="quote_mtrltype_ch_title">产品分类</div>
+      <div class="quote_mtrltype_ch_type">
+        <div>经理椅</div>
+        <div>职员椅</div>
+        <div>会议椅</div>
+        <div>休闲椅</div>
+        <div>电竞椅</div>
+        <div>办公网椅</div>
+        <div>办公布椅</div>
+
+      </div>
+    </div>
+
+  </div>
+</template>
+<script>
+  import QuoteList from "./components/quotelist";
+  export default {
+    name: 'quote',
+    components: {
+      QuoteList
+    },
+    data() {
+      return {
+        qlist: [{mtrlname:"S-102电竞椅",mtrlmode:"58*69*130CM",nw:"18KG",gw:"19.8KG",pack:'40Q":420箱',price:421,saleqty:12356,picurl:"S-102.jpg"},
+        {mtrlname:"S-103电竞椅",mtrlmode:"55.5*66*129CM",nw:"17.5KG",gw:"19KG",pack:'40Q":424箱',price:380,saleqty:22491,picurl:"S-103.jpg"},
+        {mtrlname:"S-150电竞椅",mtrlmode:"55.5*66*129CM",nw:"17.5KG",gw:"19KG",pack:'40Q":424箱',price:375,saleqty:34512,picurl:"S-150.jpg"},
+        {mtrlname:"S-152电竞椅",mtrlmode:"55.5*66*129CM",nw:"17.5KG",gw:"19KG",pack:'40Q":424箱',price:385,saleqty:12478,picurl:"S-152.jpg"},
+        {mtrlname:"S-156电竞椅",mtrlmode:"55.5*66*129CM",nw:"17.5KG",gw:"19KG",pack:'40Q":424箱',price:365,saleqty:16843,picurl:"S-156.jpg"},
+        {mtrlname:"S-200电竞椅",mtrlmode:"55.5*66*108CM",nw:"16.5KG",gw:"18.7KG",pack:'40Q":435箱',price:321,saleqty:18791,picurl:"S-200.jpg"}
+        ],
+        ifch: 0 //点击顶部选择类别 0-没有显示  1-显示 
+      }
+    },
+    methods: {
+      goback() {
+        {
+          history.back();
+        }
+      }
+    }
+  }
+
+</script>
+<style>
+  body {
+    margin: 0;
+    padding: 0;
+    /* background-color: #fff; */
+    font-family: "微软雅黑";
+  }
+
+  .topbar {
+    min-height: 44px;
+    border-bottom: 1px solid #e5e5e5;
+    background: #fff;
+    position: fixed;
+    width: 100%;
+    z-index: 9999;
+    display: flex;
+    font-size: 18px;
+    align-items: center;
+  }
+
+  .topbar_left {
+    flex: 0 0 20px;
+    margin-left: 10px;
+  }
+
+  .topbar_middle {
+    text-align: center;
+    flex: 0 0 89%;
+  }
+
+  .topbar_right {
+    flex: 0 0 20px;
+    position: absolute;
+    right: 10px;
+  }
+
+  #quotelist {
+    position: absolute;
+    top: 44px;
+    width: 100%;
+  }
+  .quote_search {
+    background-color: #f7f7f7;
+    margin: 5px 10px;
+    padding: 0px 5px 0px 20px;
+    font-size: 14px;
+    line-height: 30px;
+    border-radius: 15px;
+    color: #777777
+  }
+  .quote_mask {
+    height: 100%;
+    width: 100%;
+    background-color: #1d1d1d;
+     opacity: 0.8;  
+    position: fixed;
+    top: 0px;
+    z-index: 9998;
+  }
+
+  .quote_mtrltype_ch {
+    z-index: 9999;
+    background-color: #ffffff;
+    position: fixed;
+    top: 40px;
+    /* height: 220px; */
+    width: 100%;
+    border-bottom-left-radius: 15px;
+    border-bottom-right-radius: 15px;
+    padding: 10px 0;
+    /* border-bottom: 1px solid #e5e5e5; */
+  }
+
+.quote_mtrltype_ch_his{
+    margin: 0 20px 10px 20px;
+    border-radius: 15px;
+    color: #888;
+    background-color: #f8f8f8;
+    padding: 5px 15px;
+    font-size: 12px;
+    width:50px;
+}
+
+.quote_mtrltype_ch_title{
+    font-size: 15px;
+    font-weight: bold;
+    margin: 5px 10px;
+}
+
+  .quote_mtrltype_ch_type {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content:space-between;
+  }
+
+  .quote_mtrltype_ch_type div {
+    margin: 10px 20px 10px 20px;
+    border-radius: 15px;
+    color: #888;
+    background-color: #f8f8f8;
+    padding: 5px 15px;
+    font-size: 12px;
+
+  }
+
+</style>

src/pages/quote_edit_pad.vue

@@ -0,0 +1,394 @@
+<template>
+  <div>
+    <div class="topbar">
+      <div class="topbar_left" @click="goback">
+        <svg class="icon" aria-hidden="true">
+          <use xlink:href="#icon-fanhui"></use>
+        </svg>
+      </div>
+      <div class="topbar_middle">
+        产品报价
+      </div>
+      <div class="topbar_right">
+        <svg class="icon" aria-hidden="true">
+          <use xlink:href="#icon-caidan"></use>
+        </svg>
+      </div>
+    </div>
+
+    <div id="quote_edit_pad">
+      <div class="quote_edit_pad_top">
+        <div class="quote_edit_pad_top_left">
+          <div class="quote_edit_pic">
+            <img src="../assets/S-150.jpg" class="quote_edit_img"></img>
+          </div>
+        </div>
+        <div class="quote_edit_pad_top_right">
+          <div class="quote_edit_amt"><span>¥</span>375</div>
+          <!-- <div class="quote_edit_flex"> -->
+          <div class="quote_edit_mtrlname" style="flex:0 0 82%">S-150电竞椅</div>
+          <div class="quote_edit_subinfo">月销5980</div>
+          <!-- </div> -->
+          <div style="margin-top:5px;margin-left:-10px">
+            <div class="quote_edit_flex quote_edit_subinfo quote_edit_mtrlmode">
+              <div> <svg class="icon" aria-hidden="true">
+                  <use xlink:href="#icon-dian"></use>
+                </svg>规格55.5*66*129CM
+              </div>
+              <div><svg class="icon" aria-hidden="true">
+                  <use xlink:href="#icon-dian"></use>
+                </svg>净重17.5KG
+              </div>
+              <div><svg class="icon" aria-hidden="true">
+                  <use xlink:href="#icon-dian"></use>
+                </svg>毛重19KG
+              </div>
+            </div>
+            <div class="quote_edit_subinfo"><svg class="icon" aria-hidden="true">
+                <use xlink:href="#icon-dian"></use>
+              </svg>装柜量:40Q":424箱
+            </div>
+          </div>
+
+
+          <div class="quote_edit_pad_cust">
+            <div style="display:flex;align-items: center;">
+              <div class="quote_edit_main_qty">客户</div>
+              <div class="quote_edit_main_pzbtn" style="color:#333">
+                <svg class="icon" aria-hidden="true">
+                  <use xlink:href="#icon-xuanxiang"></use>
+                </svg>
+              </div>
+            </div>
+            <div class="quote_edit_main_pzvalue">新西兰某某经销商</div>
+            <div class="quote_edit_main_pzvalue" style="font-size:12px;padding:5px 0 ">588 GREAT SOUTH ROAD, GREENLANE,
+              AUCKLAND, NEW ZEALAND</div>
+          </div>
+
+        </div>
+      </div>
+
+      <div class="quote_edit_pad_main">
+        <div class="quote_edit_pad_main_left">
+          <div class="quote_edit_main">
+            <div class="quote_edit_main_title">选配</div>
+
+            <div class="quote_edit_main_pz">
+              <div class="quote_edit_main_pzname">面料</div>
+              <div class="quote_edit_main_pzvalue">黑色MQ-125复合+红色12-61复合</div>
+              <div class="quote_edit_main_pzbtn">
+                <svg class="icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconfontjiantou2"></use>
+                </svg>
+              </div>
+            </div>
+
+
+            <div class="quote_edit_main_pz">
+              <div class="quote_edit_main_pzname">汽杆</div>
+              <div class="quote_edit_main_pzvalue">100黑气杆</div>
+              <div class="quote_edit_main_pzbtn">
+                <svg class="icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconfontjiantou2"></use>
+                </svg>
+              </div>
+            </div>
+
+            <div class="quote_edit_main_pz">
+              <div class="quote_edit_main_pzname">扶手</div>
+              <div class="quote_edit_main_pzvalue">908升降扶手</div>
+              <div class="quote_edit_main_pzbtn">
+                <svg class="icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconfontjiantou2"></use>
+                </svg>
+              </div>
+            </div>
+
+            <div class="quote_edit_main_pz">
+              <div class="quote_edit_main_pzname">扶手面</div>
+              <div class="quote_edit_main_pzvalue">常规pu面2孔</div>
+              <div class="quote_edit_main_pzbtn">
+                <svg class="icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconfontjiantou2"></use>
+                </svg>
+              </div>
+            </div>
+
+
+            <div class="quote_edit_main_pz">
+              <div class="quote_edit_main_pzname">脚</div>
+              <div class="quote_edit_main_pzvalue">L350皮纹尼龙脚+红装饰片</div>
+              <div class="quote_edit_main_pzbtn">
+                <svg class="icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconfontjiantou2"></use>
+                </svg>
+              </div>
+            </div>
+
+            <div class="quote_edit_main_pz">
+              <div class="quote_edit_main_pzname">轮子</div>
+              <div class="quote_edit_main_pzvalue">60mm亚光黑月亮轮</div>
+              <div class="quote_edit_main_pzbtn">
+                <svg class="icon" aria-hidden="true">
+                  <use xlink:href="#icon-iconfontjiantou2"></use>
+                </svg>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="quote_edit_pad_main_right">
+          <div class="quote_edit_main">
+            <div style="display:flex">
+              <div class="quote_edit_main_qty">数量</div>
+              <div>
+                <svg class="icon" aria-hidden="true">
+                  <use xlink:href="#icon-shuliangjian1"></use>
+                </svg>
+              </div>
+              <div class="quote_edit_main_qtyvalue">
+                432
+              </div>
+              <div>
+                <svg class="icon" aria-hidden="true">
+                  <use xlink:href="#icon-shuliangjia1"></use>
+                </svg>
+              </div>
+
+            </div>
+            <div class="quote_edit_main_title">其它费用</div>
+            <div style="display:flex;align-items: center;margin-bottom:5px;">
+              <div class="quote_edit_main_pzname">总运费</div>
+              <div class="quote_edit_main_qtyvalue" style="width:20px;text-align: center;">5000</div>
+              <div class="quote_edit_subinfo" style="margin-left:10px;">单产品运费 12.73</div>
+            </div>
+
+            <div style="display:flex;align-items: center;margin-bottom:5px;">
+              <div class="quote_edit_main_pzname">研发费</div>
+              <div class="quote_edit_main_qtyvalue" style="width:20px;text-align: center;">3%</div>
+              <div class="quote_edit_subinfo" style="margin-left:10px;">单产品研发费 9.64</div>
+            </div>
+            <div style="display:flex;align-items: center;margin-bottom:5px;">
+              <div class="quote_edit_main_pzname">管理费</div>
+              <div class="quote_edit_main_qtyvalue" style="width:20px;text-align: center;">3%</div>
+              <div class="quote_edit_subinfo" style="margin-left:10px;">单产品管理费 9.93</div>
+            </div>
+            <div style="display:flex;align-items: center;margin-bottom:5px;">
+              <div class="quote_edit_main_pzname">税收</div>
+              <div class="quote_edit_main_qtyvalue" style="width:20px;text-align: center;">8%</div>
+              <div class="quote_edit_subinfo" style="margin-left:10px;">单产品税收 25.71</div>
+            </div>
+            <div style="display:flex;align-items: center;margin-bottom:5px;">
+              <div class="quote_edit_main_pzname">利润</div>
+              <div class="quote_edit_main_qtyvalue" style="width:20px;text-align: center;">8</div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+    </div>
+
+    <div class="quote_edit_btn_wrap">
+      <div class="quote_edit_btn" style="background-color: #ffb732;width: 65%;">最终报价 ¥375</div>
+      <div class="quote_edit_btn" style="width: 35%;">
+        <svg class="icon" aria-hidden="true">
+          <use xlink:href="#icon-tongyi"></use>
+        </svg>
+        确定报价
+      </div>
+    </div>
+
+  </div>
+</template>
+<script>
+  export default {
+
+  }
+
+</script>
+<style>
+  body {
+    margin: 0;
+    padding: 0;
+    /* background-color: #fff; */
+    font-family: "微软雅黑";
+  }
+
+  .topbar {
+    min-height: 44px;
+    border-bottom: 1px solid #e5e5e5;
+    background: #fff;
+    position: fixed;
+    width: 100%;
+    z-index: 9993;
+    display: flex;
+    font-size: 18px;
+    align-items: center;
+  }
+
+  .topbar_left {
+    flex: 0 0 5%;
+    padding-left: 10px;
+  }
+
+  .topbar_middle {
+    text-align: center;
+    flex: 0 0 88%;
+  }
+
+  .topbar_right {
+    flex: 0 0 5%;
+    position: absolute;
+    right: 10px;
+  }
+
+  #quote_edit_pad {
+    position: absolute;
+    top: 44px;
+    width: 100%;
+    padding-bottom: 60px;
+  }
+
+  .quote_edit_pad_top {
+    display: flex
+  }
+
+  .quote_edit_pad_top_right {
+    flex: 0 0 60%
+  }
+
+  .quote_edit_pad_main {
+    display: flex;
+    padding: 20px 0 20px 50px;
+    border-top: 1px solid #e9e9e9;
+  }
+
+  .quote_edit_pad_main_left {
+    flex: 0 0 45%
+  }
+
+  .quote_edit_pad_main_right {
+    flex: 0 0 35%;
+    padding: 0 0 0 150px;
+  }
+
+  .quote_edit_pic {
+    /* overflow: hidden; */
+    text-align: center;
+  }
+
+  .quote_edit_img {
+    width: 350px;
+  }
+
+
+  .quote_edit_main_title {
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 5px;
+  }
+
+  .quote_edit_mtrlname {
+    font-size: 18px;
+    font-weight: bold;
+    line-height: 25px;
+    color: #333;
+  }
+
+  .quote_edit_subinfo {
+    font-size: 13px;
+    color: #666;
+  }
+
+  .quote_edit_amt {
+    color: #ff0000;
+    font-weight: bold;
+    font-size: 25px;
+    margin-top: 5px;
+  }
+
+  .quote_edit_amt span {
+    font-size: 12px;
+    font-weight: 500;
+    padding: 0 2px 0 0;
+  }
+
+  .quote_edit_flex {
+    display: flex;
+    align-items: center;
+    padding: 10px 0;
+  }
+
+  .quote_edit_main_pzvalue {
+    color: #666
+  }
+
+  .quote_edit_main_qty {
+    font-size: 16px;
+    font-weight: bold;
+    flex: 0 0 55px;
+  }
+
+  .quote_edit_pad_cust {
+    margin-top: 20px;
+  }
+
+  .quote_edit_mtrlmode div {
+    margin-right: 5px;
+    margin-top: 10px;
+  }
+
+
+  .quote_edit_main_pz {
+    /* font-size: 14px; */
+    display: flex;
+    line-height: 32px;
+  }
+
+  .quote_edit_main_pzname {
+    flex: 0 0 55px;
+    font-weight: bold;
+    color: #666
+  }
+
+  .quote_edit_main_pzvalue {
+    color: #666
+  }
+
+  .quote_edit_main_pzbtn {
+    position: absolute;
+    right: 50%;
+    color: #ccc;
+    font-size: 12px;
+  }
+
+  .quote_edit_main_qtyvalue {
+    background-color: #f6f6f6;
+    font-size: 14px;
+    padding: 4px 15px;
+  }
+
+.quote_edit_btn_wrap {
+    display: flex;
+    position: fixed;
+    bottom: 0;
+    /* background-color: #fc4e2c; */
+    width: 100%;
+    z-index: 9990;
+    align-items: center;
+    justify-content: center;
+    /* padding: 5px 0 2px 0; */
+    box-shadow: 0 -1px 3px #f1f1f1;
+  }
+
+  .quote_edit_btn {
+    /* background-color: #ffb732; */
+    background-color: #fc4e2c;
+    color: #ffffff;
+    font-size: 16px;
+    font-weight: bold;
+    text-align: center;
+    padding: 8px;
+  }
+
+</style>

src/pages/quote_pad.vue

@@ -0,0 +1,356 @@
+<template>
+  <div>
+    <div class="topbar">
+      <div class="topbar_left" @click="goback">
+        <svg class="icon" aria-hidden="true">
+          <use xlink:href="#icon-fanhui"></use>
+        </svg>
+      </div>
+      <div class="topbar_middle">
+
+      </div>
+      <div class="topbar_right">
+        <div class="quote_pad_search">
+          <svg class="icon" aria-hidden="true">
+            <use xlink:href="#icon-sousuo"></use>
+          </svg>
+          搜索
+        </div>
+      </div>
+    </div>
+
+    <div class="quote_pad_main">
+      <div class="quote_pad_left">
+        <div>经理椅</div>
+        <div>职员椅</div>
+        <div>会议椅</div>
+        <div>休闲椅</div>
+        <div class="quote_pad_type_check">电竞椅</div>
+        <div>办公网椅</div>
+        <div>办公布椅</div>
+      </div>
+
+      <div class="quote_pad_right">
+        <div style="display:flex">
+          <div class="quote_pad_goods">
+            <div class="quotelist_pic">
+              <img src="../assets/S-102.jpg" class="quote-img-responsive "></img>
+            </div>
+            <div class="quotelist_info">
+              <div class="quotelist_info_mtrl">S-102电竞椅</div>
+              <div class="quotelist_info_mtrlmode">58*69*130CM</div>
+              <div class="quotelist_info_other">
+                <div>净重18KG</div>
+                <div>毛重19.8KG</div>
+              </div>
+              <div style="font-size:11px;color:#888">40Q":420箱</div>
+              <div class="quotelist_info_amt">
+                <span>¥</span>421
+              </div>
+              <div class="quotelist_info_qty">累计销售12356张</div>
+
+            </div>
+          </div>
+          <div class="quote_pad_goods">
+            <div class="quotelist_pic">
+              <img src="../assets/S-103.jpg" class="quote-img-responsive "></img>
+            </div>
+            <div class="quotelist_info">
+              <div class="quotelist_info_mtrl">S-103电竞椅</div>
+              <div class="quotelist_info_mtrlmode">58*69*130CM</div>
+              <div class="quotelist_info_other">
+                <div>净重18KG</div>
+                <div>毛重19.8KG</div>
+              </div>
+              <div style="font-size:11px;color:#888">40Q":420箱</div>
+              <div class="quotelist_info_amt">
+                <span>¥</span>380
+              </div>
+              <div class="quotelist_info_qty">累计销售12356张</div>
+
+            </div>
+          </div>
+          <div class="quote_pad_goods">
+            <div class="quotelist_pic">
+              <img src="../assets/S-150.jpg" class="quote-img-responsive "></img>
+            </div>
+            <div class="quotelist_info">
+              <div class="quotelist_info_mtrl">S-102电竞椅</div>
+              <div class="quotelist_info_mtrlmode">58*69*130CM</div>
+              <div class="quotelist_info_other">
+                <div>净重18KG</div>
+                <div>毛重19.8KG</div>
+              </div>
+              <div style="font-size:11px;color:#888">40Q":420箱</div>
+              <div class="quotelist_info_amt">
+                <span>¥</span>375
+              </div>
+              <div class="quotelist_info_qty">累计销售12356张</div>
+
+            </div>
+          </div>
+        </div>
+
+
+        <div style="display:flex">
+          <div class="quote_pad_goods">
+            <div class="quotelist_pic">
+              <img src="../assets/S-152.jpg" class="quote-img-responsive "></img>
+            </div>
+            <div class="quotelist_info">
+              <div class="quotelist_info_mtrl">S-152电竞椅</div>
+              <div class="quotelist_info_mtrlmode">58*69*130CM</div>
+              <div class="quotelist_info_other">
+                <div>净重18KG</div>
+                <div>毛重19.8KG</div>
+              </div>
+              <div style="font-size:11px;color:#888">40Q":420箱</div>
+              <div class="quotelist_info_amt">
+                <span>¥</span>385
+              </div>
+              <div class="quotelist_info_qty">累计销售45321张</div>
+
+            </div>
+          </div>
+          <div class="quote_pad_goods">
+            <div class="quotelist_pic">
+              <img src="../assets/S-156.jpg" class="quote-img-responsive "></img>
+            </div>
+            <div class="quotelist_info">
+              <div class="quotelist_info_mtrl">S-156电竞椅</div>
+              <div class="quotelist_info_mtrlmode">58*69*130CM</div>
+              <div class="quotelist_info_other">
+                <div>净重18KG</div>
+                <div>毛重19.8KG</div>
+              </div>
+              <div style="font-size:11px;color:#888">40Q":420箱</div>
+              <div class="quotelist_info_amt">
+                <span>¥</span>365
+              </div>
+              <div class="quotelist_info_qty">累计销售33156张</div>
+
+            </div>
+          </div>
+          <div class="quote_pad_goods">
+            <div class="quotelist_pic">
+              <img src="../assets/S-200.jpg" class="quote-img-responsive "></img>
+            </div>
+            <div class="quotelist_info">
+              <div class="quotelist_info_mtrl">S-200电竞椅</div>
+              <div class="quotelist_info_mtrlmode">58*69*130CM</div>
+              <div class="quotelist_info_other">
+                <div>净重18KG</div>
+                <div>毛重19.8KG</div>
+              </div>
+              <div style="font-size:11px;color:#888">40Q":420箱</div>
+              <div class="quotelist_info_amt">
+                <span>¥</span>321
+              </div>
+              <div class="quotelist_info_qty">累计销售12356张</div>
+
+            </div>
+          </div>
+        </div>
+
+        <div style="display:flex">
+          <div class="quote_pad_goods">
+            <div class="quotelist_pic">
+              <img src="../assets/S-109.jpg" class="quote-img-responsive "></img>
+            </div>
+            <div class="quotelist_info">
+              <div class="quotelist_info_mtrl">S-109电竞椅</div>
+              <div class="quotelist_info_mtrlmode">58*69*130CM</div>
+              <div class="quotelist_info_other">
+                <div>净重18KG</div>
+                <div>毛重19.8KG</div>
+              </div>
+              <div style="font-size:11px;color:#888">40Q":420箱</div>
+              <div class="quotelist_info_amt">
+                <span>¥</span>345
+              </div>
+              <div class="quotelist_info_qty">累计销售45321张</div>
+
+            </div>
+          </div>
+          <div class="quote_pad_goods">
+            <div class="quotelist_pic">
+              <img src="../assets/S-155.jpg" class="quote-img-responsive "></img>
+            </div>
+            <div class="quotelist_info">
+              <div class="quotelist_info_mtrl">S-155电竞椅</div>
+              <div class="quotelist_info_mtrlmode">58*69*130CM</div>
+              <div class="quotelist_info_other">
+                <div>净重18KG</div>
+                <div>毛重19.8KG</div>
+              </div>
+              <div style="font-size:11px;color:#888">40Q":420箱</div>
+              <div class="quotelist_info_amt">
+                <span>¥</span>397
+              </div>
+              <div class="quotelist_info_qty">累计销售33156张</div>
+
+            </div>
+          </div>
+          
+        </div>
+
+      </div>
+
+    </div>
+
+
+  </div>
+</template>
+<script>
+  export default {
+
+  }
+
+</script>
+<style>
+  body {
+    margin: 0;
+    padding: 0;
+    /* background-color: #fff; */
+    font-family: "微软雅黑";
+  }
+
+  .topbar {
+    min-height: 44px;
+    border-bottom: 1px solid #e5e5e5;
+    background: #fff;
+    position: fixed;
+    width: 100%;
+    z-index: 9999;
+    display: flex;
+    font-size: 18px;
+    align-items: center;
+  }
+
+  .topbar_left {
+    flex: 0 0 20px;
+    margin-left: 10px;
+  }
+
+  .topbar_middle {
+    text-align: center;
+    /* flex: 0 0 89%; */
+  }
+
+  .topbar_right {
+    flex: 0 0 400px;
+    position: absolute;
+    right: 10px;
+  }
+
+  .quote_pad_main {
+    display: flex;
+    position: absolute;
+    top: 44px;
+    width: 100%;
+    height:100%
+  }
+
+  .quote_pad_search {
+    width: 300px;
+    background-color: #f7f7f7;
+    margin: 5px 10px;
+    padding: 2px 5px 0px 20px;
+    font-size: 14px;
+    line-height: 30px;
+    border-radius: 15px;
+    color: #777777
+  }
+
+  .quote_pad_left {
+    flex: 0 0 120px;
+    text-align: center;
+    font-size: 16px;
+    background-color: #f8f8f8;
+    color: #666;
+    /* height: 800px; */
+    z-index: 9998;
+    height:100%;
+    border-right: 1px solid #e9e9e9;
+  }
+
+  .quote_pad_left div {
+    line-height: 25px;
+    padding: 10px;
+    border-bottom: 1px solid #e9e9e9;
+  }
+
+  .quote_pad_type_check {
+    background-color: #fd7526;
+    color: #ffffff;
+  }
+
+  .quote_pad_goods {
+    display: flex;
+    margin: 20px 20px;
+  }
+
+  .quote_pad_goods_right {
+    margin-left: 10px
+  }
+
+  .quotelist_pic {
+    margin-left: -20px;
+    flex: 0 0 120px;
+  }
+
+  .quote-img-responsive {
+    height: 120px
+  }
+
+  .quotelist_info {
+    margin-left: -20px;
+    flex: 0 0 65%;
+  }
+
+
+
+  .quotelist_info_mtrl {
+    font-size: 15px;
+  }
+
+  .quotelist_info_mtrlmode {
+    font-size: 12px;
+    color: #9c9c9c
+  }
+
+  .quotelist_info_other {
+      display: flex;
+    font-size: 11px;
+    /* padding: 5px 0; */
+  }
+
+  .quotelist_info_other div {
+    margin-right: 5px;
+    border-radius: 15px;
+    color: #888;
+    background-color: #f8f8f8;
+    padding: 0px 5px 0 0;
+  }
+
+  .quotelist_info_amt {
+    color: #ff0000;
+    font-weight: bold;
+    font-size: 20px;
+    /* margin-top: 5px; */
+  }
+
+  .quotelist_info_amt span {
+    font-size: 12px;
+    font-weight: 500;
+    padding: 0 2px 0 0;
+  }
+
+  .quotelist_info_qty {
+    font-size: 12px;
+    color: #9c9c9c;
+    padding: 0 0 5px 0;
+    /* border-bottom: 1px solid #f0f0f0; */
+  }
+
+</style>

src/pages/quote_rslt.vue

@@ -0,0 +1,255 @@
+<template>
+  <div>
+    <div class="quote_rslt">
+      <div class="quote_rslt_mtrl">
+        <div class="quote_rslt_mtrl_info">
+          <div class="quote_rslt_mtrl_info_mtrlname">S-150电竞椅</div>
+          <div class="quote_rslt_mtrl_info_price"><span>$</span>57.63</div>
+        </div>
+        <div class="quote_rslt_mtrl_info_pic">
+          <img src="../assets/S-150.jpg" class="quote_edit_img"></img>
+        </div>
+      </div>
+
+      <div class="quote_rslt_pz">
+        <div class="quote_edit_main">
+          <div class="quote_edit_main_title">参数</div>
+
+          <div class="quote_edit_main_pz">
+            <div class="quote_edit_main_pzname">规格</div>
+            <div class="quote_edit_main_pzvalue">55.5*66*129CM</div>
+          </div>
+
+
+          <div class="quote_edit_main_pz">
+            <div class="quote_edit_main_pzname">背垫尺寸</div>
+            <div class="quote_edit_main_pzvalue">85*48CM</div>
+          </div>
+
+          <div class="quote_edit_main_pz">
+            <div class="quote_edit_main_pzname">坐垫尺寸</div>
+            <div class="quote_edit_main_pzvalue">52*53CM</div>
+          </div>
+
+          <div class="quote_edit_main_pz">
+            <div class="quote_edit_main_pzname">座深</div>
+            <div class="quote_edit_main_pzvalue">41CM</div>
+          </div>
+
+
+          <div class="quote_edit_main_pz">
+            <div class="quote_edit_main_pzname">座高</div>
+            <div class="quote_edit_main_pzvalue">48CM</div>
+          </div>
+
+          <div class="quote_edit_main_pz">
+            <div class="quote_edit_main_pzname">净重</div>
+            <div class="quote_edit_main_pzvalue">17.5KG</div>
+          </div>
+
+          <div class="quote_edit_main_pz">
+            <div class="quote_edit_main_pzname">毛重</div>
+            <div class="quote_edit_main_pzvalue">19KG</div>
+          </div>
+
+          <div class="quote_edit_main_pz">
+            <div class="quote_edit_main_pzname">装柜量</div>
+            <div class="quote_edit_main_pzvalue">40Q": 424 箱</div>
+          </div>
+
+        </div>
+      </div>
+
+      <div class="quote_rslt_pz">
+        <div class="quote_edit_main">
+          <div class="quote_edit_main_title">配置</div>
+
+          <div class="quote_edit_main_pz">
+            <div class="quote_edit_main_pzname">面料</div>
+            <div class="quote_edit_main_pzvalue">黑色MQ-125复合+红色12-61复合</div>
+          </div>
+
+
+          <div class="quote_edit_main_pz">
+            <div class="quote_edit_main_pzname">汽杆</div>
+            <div class="quote_edit_main_pzvalue">100黑气杆</div>
+          </div>
+
+          <div class="quote_edit_main_pz">
+            <div class="quote_edit_main_pzname">扶手</div>
+            <div class="quote_edit_main_pzvalue">908升降扶手</div>
+          </div>
+
+          <div class="quote_edit_main_pz">
+            <div class="quote_edit_main_pzname">扶手面</div>
+            <div class="quote_edit_main_pzvalue">常规pu面2孔</div>
+          </div>
+
+
+          <div class="quote_edit_main_pz">
+            <div class="quote_edit_main_pzname">脚</div>
+            <div class="quote_edit_main_pzvalue">L350皮纹尼龙脚+红装饰片</div>
+          </div>
+
+          <div class="quote_edit_main_pz">
+            <div class="quote_edit_main_pzname">轮子</div>
+            <div class="quote_edit_main_pzvalue">60mm亚光黑月亮轮</div>
+          </div>
+        </div>
+      </div>
+
+      <div style="display:flex;width:100%;align-items: center;font-size:12px;color:#666">
+        <div style="font-size:16px;font-weight:bold;margin-right:10px">美元</div>
+        <div style="margin-right:8px">$57.63</div>
+        <div style="margin-right:8px">数量:432</div>
+        <div style="margin-right:8px">金额:$24,896.16</div>
+        <div>交货方式:FOB</div>
+      </div>
+
+
+      <div style="display:flex">
+        <div style="color: #666">业务员代号：NF001</div>
+        <div class="quote_rslt_date">有效期至：2019-06-01</div>
+      </div>
+
+      <div class="watermark_wrap">
+        <div class="watermark"></div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+
+  }
+
+</script>
+<style>
+  body {
+    margin: 0;
+    padding: 0;
+    background-color: #f6f6f6;
+    font-family: "微软雅黑";
+    font-size: 14px;
+  }
+ .topbar {
+    min-height: 44px;
+    border-bottom: 1px solid #e5e5e5;
+    background: #fff;
+    position: fixed;
+    width: 100%;
+    z-index: 9993;
+    display: flex;
+    font-size: 18px;
+    align-items: center;
+  }
+
+  .topbar_left {
+    /* flex: 0 0 %; */
+    margin-left: 10px;
+  }
+
+  .topbar_middle {
+    text-align: center;
+    flex: 0 0 85%;
+  }
+
+  .topbar_right {
+    /* flex: 0 0 10%; */
+    position: absolute;
+    right: 10px;
+  }
+  .watermark_wrap {
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+  }
+
+  .watermark {
+    height: 100%;
+    width: 200%;
+    background: url('../assets/nflogo.jpg');
+    background-size: 200px;
+    /* background-position:center; */
+    z-index: 9999;
+    opacity: 0.08;
+    position: absolute;
+    top: 0;
+    left: -100px;
+    transform: rotate(-50deg);
+    overflow: hidden;
+  }
+
+  .quote_rslt {
+    background-color: #ffffff;
+    margin: 10px;
+    padding: 10px 10px 10px 10px;
+    border-radius: 15px;
+    border: 1px solid #e5e5e5;
+  }
+
+  .quote_rslt_date {
+    position: absolute;
+    right: 25px;
+    color: #666
+  }
+
+  .quote_rslt_mtrl_info {
+    display: flex;
+    align-items: center;
+    font-size: 20px;
+    font-weight: bold;
+
+  }
+
+  .quote_rslt_mtrl_info_mtrlname {
+    padding: 0 0 0 10px;
+  }
+
+  .quote_rslt_mtrl_info_price {
+    color: #fd7526;
+    position: absolute;
+    right: 30px;
+  }
+
+  .quote_rslt_mtrl_info_price span {
+    font-size: 14px;
+  }
+
+  .quote_rslt_mtrl_info_pic {
+    /* overflow: hidden; */
+    text-align: center;
+  }
+
+  .quote_edit_img {
+    width: 80%
+  }
+
+  .quote_rslt_pz {
+    border-top: 2px dashed #e5e5e5;
+    padding: 10px;
+  }
+
+  .quote_edit_main_pz {
+    font-size: 14px;
+    display: flex;
+    line-height: 24px;
+  }
+
+  .quote_edit_main_pzname {
+    flex: 0 0 65px;
+    font-weight: bold;
+    color: #666
+  }
+
+  .quote_edit_main_pzvalue {
+    color: #666
+  }
+
+  .quote_edit_main_title {
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 5px;
+  }
+
+</style>

src/pages/quoteedit.vue

@@ -0,0 +1,804 @@
+<template>
+  <div>
+    <div class="topbar">
+      <div class="topbar_left" @click="goback">
+        <svg class="icon" aria-hidden="true">
+          <use xlink:href="#icon-fanhui"></use>
+        </svg>
+      </div>
+      <div class="topbar_middle">
+        产品报价
+      </div>
+      <div class="topbar_right">
+        <svg class="icon" aria-hidden="true">
+          <use xlink:href="#icon-caidan"></use>
+        </svg>
+      </div>
+    </div>
+
+    <div id="quote_edit">
+      <div class="quote_edit_pic">
+        <img src="../assets/S-150.jpg" class="quote_edit_img"></img>
+      </div>
+      <div class="quote_edit_main">
+        <div class="quote_edit_amt" v-if="ifusd==0"><span>¥</span>375</div>
+        <div class="quote_edit_amt" v-if="ifusd==1"><span>$</span>57.63</div>
+        <div class="quote_edit_flex">
+          <div class="quote_edit_mtrlname" style="flex:0 0 82%">S-150电竞椅</div>
+          <div class="quote_edit_subinfo">月销5980</div>
+        </div>
+        <div style="margin-top:5px;margin-left:-10px">
+          <div class="quote_edit_flex quote_edit_subinfo quote_edit_mtrlmode">
+            <div> <svg class="icon" aria-hidden="true">
+                <use xlink:href="#icon-dian"></use>
+              </svg>规格55.5*66*129CM
+            </div>
+            <div><svg class="icon" aria-hidden="true">
+                <use xlink:href="#icon-dian"></use>
+              </svg>空板52.5*66*126CM
+            </div>
+          </div>
+
+          <div class="quote_edit_flex quote_edit_subinfo quote_edit_mtrlmode">
+            <div> <svg class="icon" aria-hidden="true">
+                <use xlink:href="#icon-dian"></use>
+              </svg>背垫85*48CM
+            </div>
+            <div><svg class="icon" aria-hidden="true">
+                <use xlink:href="#icon-dian"></use>
+              </svg>背垫52*53CM
+            </div>
+            <div><svg class="icon" aria-hidden="true">
+                <use xlink:href="#icon-dian"></use>
+              </svg>坐高48CM
+            </div>
+          </div>
+
+          <div class="quote_edit_flex quote_edit_subinfo quote_edit_mtrlmode">
+            <div> <svg class="icon" aria-hidden="true">
+                <use xlink:href="#icon-dian"></use>
+              </svg>装柜量:40Q":424箱
+            </div>
+            <div><svg class="icon" aria-hidden="true">
+                <use xlink:href="#icon-dian"></use>
+              </svg>净重17.5KG
+            </div>
+            <div><svg class="icon" aria-hidden="true">
+                <use xlink:href="#icon-dian"></use>
+              </svg>毛重19KG
+            </div>
+          </div>
+
+        </div>
+      </div>
+
+      <div class="liubai"></div>
+
+      <div class="quote_edit_main">
+        <div class="quote_edit_main_title">选配</div>
+
+        <div class="quote_edit_main_pz">
+          <div class="quote_edit_main_pzname">面料</div>
+          <div class="quote_edit_main_pzpic">
+            <img src="../assets/mianliao.jpg" class="quote_edit_main_img"></img>
+          </div>
+          <div class="quote_edit_main_pzvalue">黑色MQ-125复合+红色12-61复合</div>
+          <div class="quote_edit_main_pzbtn">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-iconfontjiantou2"></use>
+            </svg>
+          </div>
+        </div>
+
+
+        <div class="quote_edit_main_pz">
+          <div class="quote_edit_main_pzname">气杆</div>
+          <div class="quote_edit_main_pzpic">
+            <img src="../assets/qigan.jpg" class="quote_edit_main_img"></img>
+          </div>
+          <div class="quote_edit_main_pzvalue">100黑气杆</div>
+          <div class="quote_edit_main_pzbtn">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-iconfontjiantou2"></use>
+            </svg>
+          </div>
+        </div>
+
+        <div class="quote_edit_main_pz">
+          <div class="quote_edit_main_pzname">扶手</div>
+          <div class="quote_edit_main_pzpic">
+            <img src="../assets/fushou.jpg" class="quote_edit_main_img"></img>
+          </div>
+          <div class="quote_edit_main_pzvalue">908升降扶手</div>
+          <div class="quote_edit_main_pzbtn">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-iconfontjiantou2"></use>
+            </svg>
+          </div>
+        </div>
+
+        <div class="quote_edit_main_pz">
+          <div class="quote_edit_main_pzname">扶手面</div>
+          <div class="quote_edit_main_pzpic">
+            <img src="../assets/fushou.jpg" class="quote_edit_main_img"></img>
+          </div>
+          <div class="quote_edit_main_pzvalue">常规pu面2孔</div>
+          <div class="quote_edit_main_pzbtn">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-iconfontjiantou2"></use>
+            </svg>
+          </div>
+        </div>
+
+
+        <div class="quote_edit_main_pz">
+          <div class="quote_edit_main_pzname">脚</div>
+          <div class="quote_edit_main_pzpic">
+            <img src="../assets/jiao.jpg" class="quote_edit_main_img"></img>
+          </div>
+          <div class="quote_edit_main_pzvalue">L350皮纹尼龙脚+红装饰片</div>
+          <div class="quote_edit_main_pzbtn">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-iconfontjiantou2"></use>
+            </svg>
+          </div>
+        </div>
+
+        <div class="quote_edit_main_pz">
+          <div class="quote_edit_main_pzname">轮子</div>
+          <div class="quote_edit_main_pzpic">
+            <img src="../assets/lunzi.jpg" class="quote_edit_main_img"></img>
+          </div>
+          <div class="quote_edit_main_pzvalue">60mm亚光黑月亮轮</div>
+          <div class="quote_edit_main_pzbtn">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-iconfontjiantou2"></use>
+            </svg>
+          </div>
+        </div>
+      </div>
+
+      <div class="liubai"></div>
+
+      <div class="quote_edit_main quote_edit_flex">
+        <div class="quote_edit_main_qty">数量</div>
+        <div>
+          <svg class="icon" aria-hidden="true">
+            <use xlink:href="#icon-shuliangjian1"></use>
+          </svg>
+        </div>
+        <div class="quote_edit_main_qtyvalue">
+          432
+        </div>
+        <div>
+          <svg class="icon" aria-hidden="true">
+            <use xlink:href="#icon-shuliangjia1"></use>
+          </svg>
+        </div>
+        <div class="quote_edit_subinfo" style="margin-left:10px;">400~500 优惠5%
+          <svg class="icon" aria-hidden="true">
+            <use xlink:href="#icon-wenhao"></use>
+          </svg>
+        </div>
+      </div>
+
+      <div class="quote_edit_main">
+        <div class="quote_edit_flex">
+          <div class="quote_edit_main_qty">运费方式</div>
+          <div class="quote_edit_main_pzvalue">FOB</div>
+          <div class="quote_edit_main_pzbtn" style="color:#333">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-xuanxiang"></use>
+            </svg>
+          </div>
+        </div>
+
+        <div class="quote_edit_flex" style="margin-top:5px;">
+          <div class="quote_edit_main_qty">港口</div>
+          <div class="quote_edit_main_pzvalue">XXXXXX港</div>
+          <div class="quote_edit_main_pzbtn" style="color:#333">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-xuanxiang"></use>
+            </svg>
+          </div>
+        </div>
+        <div class="quote_edit_flex" style="margin-top:5px;">
+          <div class="quote_edit_main_qty">总运费</div>
+          <div class="quote_edit_main_pzvalue">5500</div>
+        </div>
+      </div>
+
+
+      <div class="liubai"></div>
+
+      <div class="quote_edit_main">
+        <div class="quote_edit_main_title">调整费用</div>
+        <div style="display:flex;align-items: center;margin-bottom:5px;">
+          <div class="quote_edit_main_pzname">优惠比例</div>
+          <div class="quote_edit_main_qtyvalue" style="width:20px;text-align: center;">5%</div>
+        </div>
+        <div style="display:flex;align-items: center;margin-bottom:5px;">
+          <div class="quote_edit_main_pzname">其它费用</div>
+          <div class="quote_edit_main_qtyvalue" style="width:20px;text-align: center;">20</div>
+        </div>
+      </div>
+
+      <div class="liubai"></div>
+      <div class="quote_edit_main">
+        <div class="quote_edit_flex" :class="ifusd==0?'quote_edit_ifusd_0':'quote_edit_ifusd_1'">
+          <div class="quote_edit_main_qty">币种</div>
+          <div class="quote_edit_main_pzvalue"><span v-if="ifusd==1">美元</span><span v-if="ifusd==0">人民币</span></div>
+          <div class="quote_edit_main_pzvalue" style="margin-left:10px;" v-if="ifusd==1">汇率 6.5</div>
+
+          <div style="font-size: 16px;font-weight: bold;margin-left:20px;" v-if="ifusd==0">含税</div>
+          <div style="margin-left:10px;font-size:30px" v-if="ifusd==0">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-uni_icon_kaiguan_kai"></use>
+            </svg>
+          </div>
+          <div style="font-size:14px;color:#666;margin-left:10px;">税率13%</div>
+
+          <div class="quote_edit_main_pzbtn" style="color:#333">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-xuanxiang"></use>
+            </svg>
+          </div>
+        </div>
+
+
+        <div class="quote_edit_flex" style="margin-top:5px;">
+          <div class="quote_edit_main_qty">单价</div>
+          <div class="quote_edit_main_pzvalue"><span v-if="ifusd==1">人民币 </span>375</div>
+          <div class="quote_edit_main_pzvalue" style="margin-left:10px;" v-if="ifusd==1">折合美元 57.63</div>
+        </div>
+        <div class="quote_edit_flex" style="margin-top:5px;">
+          <div class="quote_edit_main_qty">总金额</div>
+          <div class="quote_edit_main_pzvalue"><span v-if="ifusd==1">人民币 </span>162,000</div>
+          <div class="quote_edit_main_pzvalue" style="margin-left:10px;" v-if="ifusd==1">折合美元 24,896.16</div>
+        </div>
+      </div>
+
+      <div class="liubai"></div>
+
+      <div class="quote_edit_main">
+        <div style="display:flex;align-items: center;">
+          <div class="quote_edit_main_qty">客户
+            <svg class="icon" aria-hidden="true" v-if="ifcust==1">
+              <use xlink:href="#icon-yanjing_kai"></use>
+            </svg>
+            <svg class="icon" aria-hidden="true" v-if="ifcust==0">
+              <use xlink:href="#icon-yanjing_bi"></use>
+            </svg>
+          </div>
+          <div class="quote_edit_main_pzbtn" style="color:#333">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-xuanxiang"></use>
+            </svg>
+          </div>
+        </div>
+        <div class="quote_edit_main_pzvalue"><span v-if="ifcust==1">新西兰某某经销商</span><span v-if="ifcust==0">CT001</span>
+        </div>
+        <div class="quote_edit_main_pzvalue" style="font-size:12px;padding:5px 0 " v-if="ifcust==1">588 GREAT SOUTH
+          ROAD, GREENLANE,
+          AUCKLAND, NEW ZEALAND
+        </div>
+        <div style="color:#FF0000" v-if="ifcust==1">该客户已有3次报价,点击查看</div>
+      </div>
+    </div>
+
+
+
+
+    <div class="quote_edit_btn_wrap">
+      <div class="quote_edit_btn" style="background-color: #ffb732;width: 65%;">最终报价 <span
+          v-if="ifusd==1">$57.63</span><span v-if="ifusd==0">¥375</span></div>
+      <div class="quote_edit_btn" style="width: 35%;">
+        <svg class="icon" aria-hidden="true">
+          <use xlink:href="#icon-tongyi"></use>
+        </svg>
+        确定报价
+      </div>
+    </div>
+
+
+    <div v-show="ifch==1">
+      <div class="quote_edit_mask"></div>
+      <div class="quote_edit_pzch">
+        <div style="display:flex">
+          <div style="margin:10px 20px;flex:0 0 150px">
+            <img src="../assets/qigan_black.jpg" style="width:150px"></img>
+          </div>
+          <div style="margin:20px">
+            <div style="font-size:16px;font-weight:bold">当前选中</div>
+            <div style="font-size:16px;margin-top:5px">100黑气杆</div>
+          </div>
+          <div class="quote_edit_main_pzbtn">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-guanbi"></use>
+            </svg>
+          </div>
+        </div>
+        <div class="quote_edit_flex quote_edit_main_title">
+          <div style="margin-left:20px">汽杆选择</div>
+        </div>
+        <div class="quote_edit_pzch_value">
+
+          <div class="quote_edit_pzch_value_row">
+
+            <div>
+              <svg class="icon" aria-hidden="true" style="color:#888">
+                <use xlink:href="#icon-buzouweijinxing"></use>
+              </svg>
+            </div>
+
+            <div class="quote_edit_main_pzpic">
+              <img src="../assets/qigan_dd.jpg" class="quote_edit_main_img"></img>
+            </div>
+
+            <div>
+              100电镀/博特
+            </div>
+
+          </div>
+
+
+          <div class="quote_edit_pzch_value_row">
+
+            <div>
+              <svg class="icon" aria-hidden="true" style="color:#888">
+                <use xlink:href="#icon-buzouweijinxing"></use>
+              </svg>
+            </div>
+
+            <div class="quote_edit_main_pzpic">
+              <img src="../assets/qigan_dd.jpg" class="quote_edit_main_img"></img>
+            </div>
+
+            <div>
+              100白色喷塑/博特
+            </div>
+
+          </div>
+
+
+          <div class="quote_edit_pzch_value_row">
+
+            <div>
+              <svg class="icon" aria-hidden="true" style="color:#888">
+                <use xlink:href="#icon-buzouweijinxing"></use>
+              </svg>
+            </div>
+
+            <div class="quote_edit_main_pzpic">
+              <img src="../assets/qigan_dd.jpg" class="quote_edit_main_img"></img>
+            </div>
+
+            <div>
+              100红色喷塑/博特
+            </div>
+
+          </div>
+
+
+          <div class="quote_edit_pzch_value_row">
+
+            <div>
+              <svg class="icon" aria-hidden="true" style="color:#888">
+                <use xlink:href="#icon-buzouweijinxing"></use>
+              </svg>
+            </div>
+
+            <div class="quote_edit_main_pzpic">
+              <img src="../assets/qigan_dd.jpg" class="quote_edit_main_img"></img>
+            </div>
+
+            <div>
+              100灰色喷塑/博特
+            </div>
+
+          </div>
+
+          <div class="quote_edit_pzch_value_row quote_edit_pzch_value_checked">
+
+            <div>
+              <svg class="icon" aria-hidden="true">
+                <use xlink:href="#icon-check1"></use>
+              </svg>
+            </div>
+
+            <div class="quote_edit_main_pzpic">
+              <img src="../assets/qigan_black.jpg" class="quote_edit_main_img"></img>
+            </div>
+
+            <div>
+              100黑气杆
+            </div>
+
+          </div>
+
+          <div class="quote_edit_pzch_value_row">
+
+            <div>
+              <svg class="icon" aria-hidden="true" style="color:#888">
+                <use xlink:href="#icon-buzouweijinxing"></use>
+              </svg>
+            </div>
+
+            <div class="quote_edit_main_pzpic">
+              <img src="../assets/qigan_dd.jpg" class="quote_edit_main_img"></img>
+            </div>
+
+            <div>
+              100白色喷塑/巨威
+            </div>
+
+          </div>
+
+          <div class="quote_edit_pzch_value_row">
+
+            <div>
+              <svg class="icon" aria-hidden="true" style="color:#888">
+                <use xlink:href="#icon-buzouweijinxing"></use>
+              </svg>
+            </div>
+
+            <div class="quote_edit_main_pzpic">
+              <img src="../assets/qigan_dd.jpg" class="quote_edit_main_img"></img>
+            </div>
+
+            <div>
+              100红色喷塑/巨威
+            </div>
+
+          </div>
+
+          <div class="quote_edit_pzch_value_row">
+
+            <div>
+              <svg class="icon" aria-hidden="true" style="color:#888">
+                <use xlink:href="#icon-buzouweijinxing"></use>
+              </svg>
+            </div>
+
+            <div class="quote_edit_main_pzpic">
+              <img src="../assets/qigan_dd.jpg" class="quote_edit_main_img"></img>
+            </div>
+
+            <div>
+              100灰色喷塑/巨威
+            </div>
+
+          </div>
+
+
+        </div>
+
+        <div class="quote_edit_btn quote_edit_pzch_okbtn">确定</div>
+
+      </div>
+
+    </div>
+
+    <div v-show="ifshow==1">
+      <div class="quote_edit_mask"></div>
+      <div class="quote_edit_pzch" style="height:300px">
+
+        <div class="quote_edit_flex quote_edit_main_title">
+          <div style="margin-left:20px">优惠信息</div>
+          <div class="quote_edit_main_pzbtn">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-guanbi"></use>
+            </svg>
+          </div>
+        </div>
+        <div class="quote_edit_pzch_value">
+
+          <div class="quote_edit_pzch_value_row">
+            <div>
+              50~100 优惠1%
+            </div>
+          </div>
+
+          <div class="quote_edit_pzch_value_row">
+            <div>
+              101~150 优惠2%
+            </div>
+          </div>
+          <div class="quote_edit_pzch_value_row">
+            <div>
+              151~200 优惠3%
+            </div>
+          </div>
+          <div class="quote_edit_pzch_value_row">
+            <div>
+              201~400 优惠4%
+            </div>
+          </div>
+          <div class="quote_edit_pzch_value_row">
+            <div>
+              401~500 优惠5%
+            </div>
+          </div>
+          <div class="quote_edit_pzch_value_row">
+            <div>
+              500以上 优惠6%
+            </div>
+          </div>
+        </div>
+
+        <div style="display:flex;align-items: center;position: fixed;bottom: 50px;margin-left:20px;width:100%">
+          <div class="quote_edit_main_qty">数量</div>
+          <div>
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-shuliangjian1"></use>
+            </svg>
+          </div>
+          <div class="quote_edit_main_qtyvalue">
+            432
+          </div>
+          <div>
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-shuliangjia1"></use>
+            </svg>
+          </div>
+                  <div class="quote_edit_subinfo" style="margin-left:10px;">400~500 优惠5%
+        </div>
+        </div>
+       <div class="quote_edit_btn quote_edit_pzch_okbtn">确定</div>
+      </div>
+
+    </div>
+
+  </div>
+</template>
+<script>
+  export default {
+    name: 'quoteedit',
+    data() {
+      return {
+        ifch: 0, //选择配置 0-没有显示  1-显示 
+        ifusd: 1, //0-人民币 1-美元
+        ifcust: 1, //0-只显示客户编码 1-显示客户名称地址
+        ifshow: 0 //0-不显示数量优惠条件 1-显示
+      }
+    },
+    methods: {
+      goback() {
+        {
+          history.back();
+        }
+      }
+    }
+
+  }
+
+</script>
+<style>
+  body {
+    margin: 0;
+    padding: 0;
+    /* background-color: #fff; */
+    font-family: "微软雅黑";
+    font-size: 14px;
+  }
+
+  .quote_edit_main_pzpic {
+    padding: 0 5px 0 0
+  }
+
+  .quote_edit_main_img {
+    width: 28px;
+  }
+
+  .quote_edit_mtrlmode div {
+    margin-right: 5px;
+  }
+
+  .quote_edit_pzch_value {
+    font-size: 15px;
+    padding: 5px 20px;
+  }
+
+  .quote_edit_pzch_value_row {
+    display: flex;
+    padding: 0 0 0 10px;
+    border-bottom: 1px solid #f5f5f5;
+    line-height: 30px;
+  }
+
+  .quote_edit_pzch_value_row div {
+    margin-right: 10px;
+  }
+
+  .quote_edit_pzch_value_checked {
+    color: #ef250f
+  }
+
+  .quote_edit_mask {
+    height: 100%;
+    width: 100%;
+    background-color: #1d1d1d;
+    opacity: 0.8;
+    position: fixed;
+    top: 0px;
+    z-index: 9998;
+  }
+
+  .quote_edit_pzch {
+    z-index: 9999;
+    background-color: #ffffff;
+    position: fixed;
+    bottom: 0px;
+    height: 70%;
+    width: 100%;
+    border-top-left-radius: 15px;
+    border-top-right-radius: 15px;
+    padding: 10px 0;
+  }
+
+  .topbar {
+    min-height: 44px;
+    border-bottom: 1px solid #e5e5e5;
+    background: #fff;
+    position: fixed;
+    width: 100%;
+    z-index: 9993;
+    display: flex;
+    font-size: 18px;
+    align-items: center;
+  }
+
+  .topbar_left {
+    /* flex: 0 0 %; */
+    margin-left: 10px;
+  }
+
+  .topbar_middle {
+    text-align: center;
+    flex: 0 0 85%;
+  }
+
+  .topbar_right {
+    /* flex: 0 0 10%; */
+    position: absolute;
+    right: 10px;
+  }
+
+  #quote_edit {
+    position: absolute;
+    top: 44px;
+    width: 100%;
+    padding-bottom: 60px;
+  }
+
+  .quote_edit_pic {
+    /* overflow: hidden; */
+    text-align: center;
+  }
+
+  .quote_edit_img {
+    width: 80%
+  }
+
+  .quote_edit_main {
+    margin: 5px 20px;
+    padding: 5px 0;
+  }
+
+  .quote_edit_main_title {
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 5px;
+  }
+
+  .quote_edit_mtrlname {
+    font-size: 16px;
+    font-weight: bold;
+    line-height: 18px;
+    color: #333;
+  }
+
+  .quote_edit_subinfo {
+    font-size: 12px;
+    color: #666;
+  }
+
+  .quote_edit_amt {
+    color: #ff0000;
+    font-weight: bold;
+    font-size: 20px;
+    margin-top: 5px;
+  }
+
+  .quote_edit_amt span {
+    font-size: 13px;
+    font-weight: 500;
+    padding: 0 2px 0 0;
+  }
+
+  .quote_edit_main_pz {
+    font-size: 14px;
+    display: flex;
+    line-height: 28px;
+  }
+
+  .quote_edit_main_pzname {
+    flex: 0 0 65px;
+    font-weight: bold;
+    color: #666
+  }
+
+  .quote_edit_main_pzvalue {
+    color: #666
+  }
+
+  .quote_edit_main_pzbtn {
+    position: absolute;
+    right: 20px;
+    color: #ccc;
+    font-size: 12px;
+  }
+
+  .liubai {
+    width: 100%;
+    height: 10px;
+    background-color: #f6f6f6;
+  }
+
+  .quote_edit_main_qty {
+    font-size: 16px;
+    font-weight: bold;
+    flex: 0 0 70px;
+  }
+
+  .quote_edit_main_qtyvalue {
+    background-color: #f6f6f6;
+    font-size: 14px;
+    padding: 4px 15px;
+  }
+
+  .quote_edit_flex {
+    display: flex;
+    align-items: center;
+  }
+
+  .quote_edit_btn_wrap {
+    display: flex;
+    position: fixed;
+    bottom: 0;
+    /* background-color: #fc4e2c; */
+    width: 100%;
+    z-index: 9990;
+    align-items: center;
+    justify-content: center;
+    /* padding: 5px 0 2px 0; */
+    box-shadow: 0 -1px 3px #f1f1f1;
+  }
+
+  .quote_edit_btn {
+    /* background-color: #ffb732; */
+    background-color: #fc4e2c;
+    color: #ffffff;
+    font-size: 16px;
+    font-weight: bold;
+    text-align: center;
+    padding: 8px;
+  }
+
+  .quote_edit_ifusd_0 {
+    margin-top: -10px;
+    margin-bottom: -8px;
+  }
+
+
+  .quote_edit_ifusd_1 {
+    margin-top: 3px;
+  }
+
+  .quote_edit_pzch_okbtn {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+  }
+
+</style>

src/pages/quoteedit_bak0516.vue

@@ -0,0 +1,502 @@
+<template>
+  <div>
+    <div class="topbar">
+      <div class="topbar_left" @click="goback">
+        <svg class="icon" aria-hidden="true">
+          <use xlink:href="#icon-fanhui"></use>
+        </svg>
+      </div>
+      <div class="topbar_middle">
+        产品报价
+      </div>
+      <div class="topbar_right">
+        <svg class="icon" aria-hidden="true">
+          <use xlink:href="#icon-caidan"></use>
+        </svg>
+      </div>
+    </div>
+
+    <div id="quote_edit">
+      <div class="quote_edit_pic">
+        <img src="../assets/S-150.jpg" class="quote_edit_img"></img>
+      </div>
+
+      <div class="quote_edit_main">
+        <div class="quote_edit_amt"><span>¥</span>375</div>
+        <div class="quote_edit_flex">
+          <div class="quote_edit_mtrlname" style="flex:0 0 82%">S-150电竞椅</div>
+          <div class="quote_edit_subinfo">月销5980</div>
+        </div>
+        <div style="margin-top:5px;margin-left:-10px">
+          <div class="quote_edit_flex quote_edit_subinfo quote_edit_mtrlmode">
+            <div> <svg class="icon" aria-hidden="true">
+                <use xlink:href="#icon-dian"></use>
+              </svg>规格55.5*66*129CM
+            </div>
+            <div><svg class="icon" aria-hidden="true">
+                <use xlink:href="#icon-dian"></use>
+              </svg>净重17.5KG
+            </div>
+            <div><svg class="icon" aria-hidden="true">
+                <use xlink:href="#icon-dian"></use>
+              </svg>毛重19KG
+            </div>
+          </div>
+          <div class="quote_edit_subinfo"><svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-dian"></use>
+            </svg>装柜量:40Q":424箱
+          </div>
+        </div>
+      </div>
+
+      <div class="liubai"></div>
+
+      <div class="quote_edit_main">
+        <div class="quote_edit_main_title">选配</div>
+
+        <div class="quote_edit_main_pz">
+          <div class="quote_edit_main_pzname">面料</div>
+          <div class="quote_edit_main_pzvalue">黑色MQ-125复合+红色12-61复合</div>
+          <div class="quote_edit_main_pzbtn">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-iconfontjiantou2"></use>
+            </svg>
+          </div>
+        </div>
+
+
+        <div class="quote_edit_main_pz">
+          <div class="quote_edit_main_pzname">汽杆</div>
+          <div class="quote_edit_main_pzvalue">100黑气杆</div>
+          <div class="quote_edit_main_pzbtn">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-iconfontjiantou2"></use>
+            </svg>
+          </div>
+        </div>
+
+        <div class="quote_edit_main_pz">
+          <div class="quote_edit_main_pzname">扶手</div>
+          <div class="quote_edit_main_pzvalue">908升降扶手</div>
+          <div class="quote_edit_main_pzbtn">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-iconfontjiantou2"></use>
+            </svg>
+          </div>
+        </div>
+
+        <div class="quote_edit_main_pz">
+          <div class="quote_edit_main_pzname">扶手面</div>
+          <div class="quote_edit_main_pzvalue">常规pu面2孔</div>
+          <div class="quote_edit_main_pzbtn">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-iconfontjiantou2"></use>
+            </svg>
+          </div>
+        </div>
+
+
+        <div class="quote_edit_main_pz">
+          <div class="quote_edit_main_pzname">脚</div>
+          <div class="quote_edit_main_pzvalue">L350皮纹尼龙脚+红装饰片</div>
+          <div class="quote_edit_main_pzbtn">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-iconfontjiantou2"></use>
+            </svg>
+          </div>
+        </div>
+
+        <div class="quote_edit_main_pz">
+          <div class="quote_edit_main_pzname">轮子</div>
+          <div class="quote_edit_main_pzvalue">60mm亚光黑月亮轮</div>
+          <div class="quote_edit_main_pzbtn">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-iconfontjiantou2"></use>
+            </svg>
+          </div>
+        </div>
+      </div>
+
+      <!-- <div class="liubai"></div> -->
+
+      <div class="quote_edit_main quote_edit_flex">
+        <div class="quote_edit_main_qty">数量</div>
+        <div>
+          <svg class="icon" aria-hidden="true">
+            <use xlink:href="#icon-shuliangjian1"></use>
+          </svg>
+        </div>
+        <div class="quote_edit_main_qtyvalue">
+          432
+        </div>
+        <div>
+          <svg class="icon" aria-hidden="true">
+            <use xlink:href="#icon-shuliangjia1"></use>
+          </svg>
+        </div>
+
+      </div>
+
+
+      <div class="liubai"></div>
+
+      <div class="quote_edit_main">
+        <div style="display:flex;align-items: center;">
+          <div class="quote_edit_main_qty">客户</div>
+          <div class="quote_edit_main_pzbtn" style="color:#333">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-xuanxiang"></use>
+            </svg>
+          </div>
+        </div>
+        <div class="quote_edit_main_pzvalue">新西兰某某经销商</div>
+        <div class="quote_edit_main_pzvalue" style="font-size:12px;padding:5px 0 ">588 GREAT SOUTH ROAD, GREENLANE,
+          AUCKLAND, NEW ZEALAND</div>
+        <div style="display:flex;align-items: center;">
+          <div class="quote_edit_main_qty">总运费</div>
+          <div class="quote_edit_main_qtyvalue" style="margin-left:10px;">5500</div>
+        </div>
+        <div class="quote_edit_subinfo" style="margin-top:5px;">单产品运费 12.73</div>
+      </div>
+
+      <div class="liubai"></div>
+
+      <div class="quote_edit_main">
+        <div class="quote_edit_main_title">其它费用</div>
+        <div style="display:flex;align-items: center;margin-bottom:5px;">
+          <div class="quote_edit_main_pzname">研发费</div>
+          <div class="quote_edit_main_qtyvalue" style="width:20px;text-align: center;">3%</div>
+          <div class="quote_edit_subinfo" style="margin-left:10px;">单产品研发费 9.64</div>
+        </div>
+        <div style="display:flex;align-items: center;margin-bottom:5px;">
+          <div class="quote_edit_main_pzname">管理费</div>
+          <div class="quote_edit_main_qtyvalue" style="width:20px;text-align: center;">3%</div>
+          <div class="quote_edit_subinfo" style="margin-left:10px;">单产品管理费 9.93</div>
+        </div>
+        <div style="display:flex;align-items: center;margin-bottom:5px;">
+          <div class="quote_edit_main_pzname">税收</div>
+          <div class="quote_edit_main_qtyvalue" style="width:20px;text-align: center;">8%</div>
+          <div class="quote_edit_subinfo" style="margin-left:10px;">单产品税收 25.71</div>
+        </div>
+        <div style="display:flex;align-items: center;margin-bottom:5px;">
+          <div class="quote_edit_main_pzname">利润</div>
+          <div class="quote_edit_main_qtyvalue" style="width:20px;text-align: center;">8</div>
+        </div>
+      </div>
+
+      <div class="liubai"></div>
+      <div class="quote_edit_main">
+        <div class="quote_edit_flex">
+          <div class="quote_edit_main_qty">币种</div>
+          <div class="quote_edit_main_pzvalue">美元</div>
+          <div class="quote_edit_main_pzvalue" style="margin-left:10px;">汇率 6.5</div>
+          <div class="quote_edit_main_pzbtn" style="color:#333">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-xuanxiang"></use>
+            </svg>
+          </div>
+        </div>
+        <div class="quote_edit_flex">
+          <div class="quote_edit_main_qty">单价</div>
+          <div class="quote_edit_main_pzvalue">人民币 375</div>
+          <div class="quote_edit_main_pzvalue" style="margin-left:10px;">折合美元 57.63</div>
+        </div>
+        <div class="quote_edit_flex">
+          <div class="quote_edit_main_qty">总金额</div>
+          <div class="quote_edit_main_pzvalue">人民币 162,000</div>
+          <div class="quote_edit_main_pzvalue" style="margin-left:10px;">折合美元 24,896.16</div>
+        </div>
+      </div>
+    </div>
+
+    <div class="quote_edit_btn_wrap">
+      <div class="quote_edit_btn" style="background-color: #ffb732;width: 65%;">最终报价 ¥375</div>
+      <div class="quote_edit_btn" style="width: 35%;">
+        <svg class="icon" aria-hidden="true">
+          <use xlink:href="#icon-tongyi"></use>
+        </svg>
+        确定报价
+      </div>
+    </div>
+
+    <div v-show="ifch==1">
+      <div class="quote_edit_mask"></div>
+      <div class="quote_edit_pzch">
+        <div class="quote_edit_flex quote_edit_main_title">
+          <div style="margin-left:40%">汽杆选择</div>
+          <div class="quote_edit_main_pzbtn">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-guanbi"></use>
+            </svg>
+          </div>
+        </div>
+        <div class="quote_edit_pzch_value">
+          <div>
+            <svg class="icon" aria-hidden="true" style="color:#888">
+              <use xlink:href="#icon-buzouweijinxing"></use>
+            </svg>
+            100电镀/博特</div>
+          <div>
+            <svg class="icon" aria-hidden="true" style="color:#888">
+              <use xlink:href="#icon-buzouweijinxing"></use>
+            </svg>
+            100白色喷塑/博特</div>
+          <div>
+            <svg class="icon" aria-hidden="true" style="color:#888">
+              <use xlink:href="#icon-buzouweijinxing"></use>
+            </svg>
+            100红色喷塑/博特</div>
+          <div>
+            <svg class="icon" aria-hidden="true" style="color:#888">
+              <use xlink:href="#icon-buzouweijinxing"></use>
+            </svg>
+            100灰色喷塑/博特</div>
+          <div class="quote_edit_pzch_value_checked">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-check1"></use>
+            </svg>
+            100黑气杆</div>
+          <div>
+            <svg class="icon" aria-hidden="true" style="color:#888">
+              <use xlink:href="#icon-buzouweijinxing"></use>
+            </svg>
+            100白色喷塑/巨威</div>
+          <div>
+            <svg class="icon" aria-hidden="true" style="color:#888">
+              <use xlink:href="#icon-buzouweijinxing"></use>
+            </svg>
+            100红色喷塑/巨威</div>
+          <div>
+            <svg class="icon" aria-hidden="true" style="color:#888">
+              <use xlink:href="#icon-buzouweijinxing"></use>
+            </svg>
+            100灰色喷塑/巨威</div>
+        </div>
+
+
+      </div>
+
+    </div>
+
+  </div>
+</template>
+<script>
+  export default {
+    name: 'quoteedit',
+    data() {
+      return {
+        ifch: 0 //选择配置 0-没有显示  1-显示 
+      }
+    },
+    methods: {
+      goback() {
+        {
+          history.back();
+        }
+      }
+    }
+
+  }
+
+</script>
+<style>
+  body {
+    margin: 0;
+    padding: 0;
+    /* background-color: #fff; */
+    font-family: "微软雅黑";
+    font-size: 14px;
+  }
+
+  .quote_edit_mtrlmode div {
+    margin-right: 5px;
+  }
+
+  .quote_edit_pzch_value {
+    font-size: 15px;
+    padding: 5px 20px;
+  }
+
+  .quote_edit_pzch_value div {
+    padding: 10px;
+    border-bottom: 1px solid #f5f5f5;
+  }
+
+  .quote_edit_pzch_value_checked {
+    color: #ef250f
+  }
+
+  .quote_edit_mask {
+    height: 100%;
+    width: 100%;
+    background-color: #1d1d1d;
+    opacity: 0.8;
+    position: fixed;
+    top: 0px;
+    z-index: 9998;
+  }
+
+  .quote_edit_pzch {
+    z-index: 9999;
+    background-color: #ffffff;
+    position: fixed;
+    bottom: 0px;
+    height: 60%;
+    width: 100%;
+    border-top-left-radius: 15px;
+    border-top-right-radius: 15px;
+    padding: 10px 0;
+  }
+
+
+
+  .topbar {
+    min-height: 44px;
+    border-bottom: 1px solid #e5e5e5;
+    background: #fff;
+    position: fixed;
+    width: 100%;
+    z-index: 9993;
+    display: flex;
+    font-size: 18px;
+    align-items: center;
+  }
+
+  .topbar_left {
+    /* flex: 0 0 %; */
+    margin-left: 10px;
+  }
+
+  .topbar_middle {
+    text-align: center;
+    flex: 0 0 85%;
+  }
+
+  .topbar_right {
+    /* flex: 0 0 10%; */
+    position: absolute;
+    right: 10px;
+  }
+
+  #quote_edit {
+    position: absolute;
+    top: 44px;
+    width: 100%;
+    padding-bottom: 60px;
+  }
+
+  .quote_edit_pic {
+    /* overflow: hidden; */
+    text-align: center;
+  }
+
+  .quote_edit_img {
+    width: 80%
+  }
+
+  .quote_edit_main {
+    margin: 5px 20px;
+    padding: 5px 0;
+  }
+
+  .quote_edit_main_title {
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 5px;
+  }
+
+  .quote_edit_mtrlname {
+    font-size: 16px;
+    font-weight: bold;
+    line-height: 18px;
+    color: #333;
+  }
+
+  .quote_edit_subinfo {
+    font-size: 12px;
+    color: #666;
+  }
+
+  .quote_edit_amt {
+    color: #ff0000;
+    font-weight: bold;
+    font-size: 20px;
+    margin-top: 5px;
+  }
+
+  .quote_edit_amt span {
+    font-size: 12px;
+    font-weight: 500;
+    padding: 0 2px 0 0;
+  }
+
+  .quote_edit_main_pz {
+    font-size: 14px;
+    display: flex;
+    line-height: 28px;
+  }
+
+  .quote_edit_main_pzname {
+    flex: 0 0 55px;
+    font-weight: bold;
+    color: #666
+  }
+
+  .quote_edit_main_pzvalue {
+    color: #666
+  }
+
+  .quote_edit_main_pzbtn {
+    position: absolute;
+    right: 20px;
+    color: #ccc;
+    font-size: 12px;
+  }
+
+  .liubai {
+    width: 100%;
+    height: 10px;
+    background-color: #f6f6f6;
+  }
+
+  .quote_edit_main_qty {
+    font-size: 16px;
+    font-weight: bold;
+    flex: 0 0 55px;
+  }
+
+  .quote_edit_main_qtyvalue {
+    background-color: #f6f6f6;
+    font-size: 14px;
+    padding: 4px 15px;
+  }
+
+  .quote_edit_flex {
+    display: flex;
+    align-items: center;
+  }
+
+  .quote_edit_btn_wrap {
+    display: flex;
+    position: fixed;
+    bottom: 0;
+    /* background-color: #fc4e2c; */
+    width: 100%;
+    z-index: 9990;
+    align-items: center;
+    justify-content: center;
+    /* padding: 5px 0 2px 0; */
+    box-shadow: 0 -1px 3px #f1f1f1;
+  }
+
+  .quote_edit_btn {
+    /* background-color: #ffb732; */
+    background-color: #fc4e2c;
+    color: #ffffff;
+    font-size: 16px;
+    font-weight: bold;
+    text-align: center;
+    padding: 8px;
+  }
+
+</style>

src/pages/setting.vue

@@ -11,7 +11,22 @@
     <div class="setting_liubai"></div>
 
     <div class="setting_list">
-      <!-- <div class="setting_list_item setting_list_item_border">
+      <div class="setting_list_item setting_list_item_border">
+        <div class="setting_list_item_icon">
+          <svg class="icon" aria-hidden="true">
+            <use xlink:href="#icon-youjian"></use>
+          </svg>
+        </div>
+        <div class="setting_list_item_name">内部邮件</div>
+        <div class="setting_email_noread">未读 13</div>
+        <div class="setting_list_item_right">
+          <svg class="icon" aria-hidden="true">
+            <use xlink:href="#icon-iconfontjiantou2"></use>
+          </svg>
+        </div>
+      </div>
+
+      <div class="setting_list_item setting_list_item_border">
         <div class="setting_list_item_icon">
           <svg class="icon" aria-hidden="true">
             <use xlink:href="#icon-huaban"></use>
@@ -23,7 +38,7 @@
             <use xlink:href="#icon-iconfontjiantou2"></use>
           </svg>
         </div>
-      </div> -->
+      </div>
 
       <div class="setting_list_item setting_list_item_border">
         <div class="setting_list_item_icon">
@@ -57,7 +72,7 @@
     <div class="setting_liubai"></div>
     <div class="setting_relogin">退出当前帐号</div>
 
-    <div class="todo-tab">
+    <!-- <div class="todo-tab">
       <div class="todo-tab-btn">
         <div class="todo-tab-icon">
           <svg class="icon" aria-hidden="true">
@@ -92,14 +107,13 @@
         </div>
         我
       </div>
-    </div>
+    </div> -->
   </div>
 </template>
 <script>
   export default {
     name: 'setting',
-    data() {
-    }
+    data() {}
 
   }
 
@@ -190,7 +204,7 @@
   }
 
 
-   .todo-tab {
+  .todo-tab {
     display: flex;
     position: fixed;
     bottom: 0;
@@ -218,8 +232,8 @@
   }
 
   .todo-tab-count {
-    position:absolute;
-    margin-left:16%;
+    position: absolute;
+    margin-left: 16%;
     bottom: 35px;
     font-size: 13px;
     line-height: 15px;
@@ -232,4 +246,12 @@
     background-color: #fc4f4f
   }
 
+  .setting_email_noread {
+    font-size: 13px;
+    color: #888;
+    position: absolute;
+    right: 40px;
+    text-align: center;
+  }
+
 </style>

src/router/index.js

@@ -13,7 +13,11 @@ import CsesSptDetail from '@/pages/cses_spt/cses_spt_detail'
 import CsesSptFeedback from '@/pages/cses_spt/cses_spt_feedback'
 import WkpFinish from '@/pages/wkpfinish'
 import Orderwkp from '@/pages/orderwkp'
-
+import Quote from '@/pages/quote'
+import QuoteEdit from '@/pages/quoteedit'
+import QuotePad from '@/pages/quote_pad'
+import QuotePadEdit from '@/pages/quote_edit_pad'
+import QuoteRslt from '@/pages/quote_rslt'
 Vue.use(Router)
 
 export default new Router({
@@ -38,7 +42,7 @@ export default new Router({
       meta: {
         title: '订单详情'
       }
-    },  
+    },
     {
       path: '/saletask',
       name: 'SaleTask',
@@ -118,6 +122,46 @@ export default new Router({
       meta: {
         title: '工组进度'
       }
+    },
+    {
+      path: '/quote',
+      name: 'Quote',
+      component: Quote,
+      meta: {
+        title: '产品报价'
+      }
+    },
+    {
+      path: '/quoteedit',
+      name: 'QuoteEdit',
+      component: QuoteEdit,
+      meta: {
+        title: '产品报价'
+      }
+    },
+    {
+      path: '/quote_pad',
+      name: 'QuotePad',
+      component: QuotePad,
+      meta: {
+        title: '产品报价'
+      }
+    },
+    {
+      path: '/quote_edit_pad',
+      name: 'QuotePadEdit',
+      component: QuotePadEdit,
+      meta: {
+        title: '产品报价'
+      }
+    },
+    {
+      path: '/quote_rslt',
+      name: 'QuoteRslt',
+      component: QuoteRslt,
+      meta: {
+        title: '产品报价'
+      }
     }
   ]
 })