Browse Source

增加了供应商app查看质检项目的界面

LongjoeDyy 5 years ago
parent
commit
0ddceab232
3 changed files with 165 additions and 1 deletions
  1. 156 0
      src/pages/cses_spt/cses_checkitem.vue
  2. 4 1
      src/pages/cses_spt/cses_spt_detail.vue
  3. 5 0
      src/router/index.js

+ 156 - 0
src/pages/cses_spt/cses_checkitem.vue

@@ -0,0 +1,156 @@
+<template>
+  <div>
+    <div class="topbar">
+      <div class="topbar_left">
+        <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="content">
+        <!-- 这里显示物料信息,跟外面订单明细的物料信息一致 -->
+      <div class="mtrl">W-421(W-422)再生棉/D60(52.5*51*6CM)</div>
+      <div class="liubai_dt"></div>
+
+<!-- itemname代表“质检项目”
+standard代表“标准” -->
+
+      <div class="checkitem">
+          <div class="checkitem_card">
+        <div class="itemname">尺寸</div>
+        <div class="standard">1.海绵的种类按订单/客户要求。
+2.厚度正常公差为正负1MM,长宽正常公差为正负2MM,同一块海绵厚度误差正负1mm。
+3.硬度,密度必须达标。
+4.含粉量符合要求。
+5.切割绵厚度允许的偏差为±2mm,长、宽允许的偏差为+10mm。</div>
+          </div>
+
+<div class="checkitem_card">
+        <div class="itemname">密度</div>
+        <div class="standard">1.普通海绵?(从15密度到90密度)?
+2.精品海绵?(不加任何填充料,泡孔均匀,拉力性、延伸性等强度优)
+3.阻燃海绵?(英,美)
+4.模具发泡的模形海绵(定型海绵)记忆绵</div>
+  </div>
+
+<div class="checkitem_card">
+        <div class="itemname">含粉量</div>
+        <div class="standard">含粉量符合要求</div>
+  </div>
+
+<div class="checkitem_card">
+        <div class="itemname">回弹</div>
+        <div class="standard">符合标准</div>
+  </div>
+
+<div class="checkitem_card">
+        <div class="itemname">防火</div>
+        <div class="standard">1.防火测试:美标,英标。
+2.有粉无粉测试:8/700</div>
+  </div>
+
+<div class="checkitem_card">
+        <div class="itemname">硬度</div>
+        <div class="standard">1.泡眼:PE切割棉,1㎡内允许有直径为5mm的泡眼;不处于集中的情况下允许有10个;PE成型切割棉,1㎡内允许有直径为2mm的泡眼,不处于集中的情况下允许有5个;PU发泡棉,1㎡内允许有直径为1mm的泡眼,不处于集中的情况下允许有2个。
+2.暗泡:PE切割棉1㎡内允许有5mm的暗泡。PE成型切割棉和PU发泡棉不允许有暗泡的存在(用手按压海绵表面,海绵内部为空的情况即为暗泡)。</div>
+  </div>
+
+      </div>
+
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+  export default {
+
+  }
+
+</script>
+
+<style>
+  body {
+    margin: 0;
+    padding: 0;
+    background-color: #ffffff;
+    font-family: "微软雅黑";
+  }
+
+  .mtrl {
+    padding: 10px;
+    font-size: 15px;
+  }
+
+  .liubai_dt {
+    width: 100%;
+    height: 10px;
+    background-color: #f6f6f6;
+  }
+
+.checkitem_card{
+    margin-bottom: 20px;
+}
+
+.checkitem{
+    padding: 10px;
+}
+
+.itemname{
+    font-weight: bold;
+    font-size: 16px;
+    padding: 0 0 10px 0;
+}
+
+.standard{
+    color:#666;
+    font-size: 14px;
+    padding: 0 0 0 10px;
+    white-space: pre-wrap; /* 这句用于正确显示回车换行 */
+}
+
+  .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;
+  }
+
+  #content {
+    position: absolute;
+    top: 44px;
+    background-color: #fff;
+    width: 100%;
+    padding-bottom: 60px;
+  }
+
+</style>

+ 4 - 1
src/pages/cses_spt/cses_spt_detail.vue

@@ -121,8 +121,11 @@
       </div>
 
       <div class="liubai_dt"></div>
+      <div style="padding:0 0 5px 20px;font-size:12px;color:#888;background-color: #f6f6f6;">点击订单明细产品名称可查看质检标准</div>
       <div class="subtitle_dt">订单明细</div>
+      
       <div class="taskmx_dt">
+     
         <div id="rowmx_dt">
           <div style="display:flex;align-items:center;">
             <div>
@@ -384,7 +387,7 @@
     name: "saletaskDetail",
     data() {
       return {
-        taskflag_dt: "待接收",
+        taskflag_dt: "在进行",
         ifnew: 0,
         ifban: 0, //控制是否弹出填写拒绝原因div的开关
         ifaccept: 0 //1-全部明细同意,整单接收  0-有明细不能接收,整单退回

+ 5 - 0
src/router/index.js

@@ -12,6 +12,7 @@ import About from '@/pages/about'
 import AboutCses from '@/pages/about_cses'
 import CsesSptTodo from '@/pages/cses_spt/todo'
 import CsesSptDetail from '@/pages/cses_spt/cses_spt_detail'
+import Csescheckitem from '@/pages/cses_spt/cses_checkitem'
 import CsesSptFeedback from '@/pages/cses_spt/cses_spt_feedback'
 import WkpFinish from '@/pages/wkpfinish'
 import Orderwkp from '@/pages/orderwkp'
@@ -73,6 +74,10 @@ export default new Router({
       path: '/wkpmxlist',
       name: 'Wkpmxlist',
       component: Wkpmxlist
+    },{
+      path: '/csescheckitem',
+      name: 'Csescheckitem',
+      component: Csescheckitem
     },
     {
       path: '/gonggao',