feature_20250722_门店建议订单

src/views/deviceOutside/productItem.vue

@@ -38,7 +38,7 @@
           ">
              {{ item.m01Name }}
         </p>
-        <el-table class="table-headermd" :data="item.productDetailList" border>
+        <el-table class="table-headermd1" :data="item.productDetailList" border>
           <el-table-column label="物料名称" prop="productName" align="center" />
           <el-table-column label="规格" prop="productSku" align="center" width="120px" />
         </el-table>
@@ -212,7 +212,7 @@ export default {
 </style>
 <style lang="scss">
 .productItem {
-  .table-headermd {
+  .table-headermd1 {
     font-size: 16px;
     text-align: center;
     position: initial;
@@ -220,36 +220,36 @@ export default {
     margin: 0 auto;
   }
 
-  .table-headermd .el-table__header,
-  .table-headermd .el-table__body {
+  .table-headermd1 .el-table__header,
+  .table-headermd1 .el-table__body {
     width: 100% !important;
   }
 
-  // .table-headermd col {
+  // .table-headermd1 col {
   //   width: 5.8rem;
   // }
 
-  .table-headermd col:nth-child(2),
-  .table-headermd col:nth-child(4),
-  // .table-headermd col:nth-child(3) {
+  .table-headermd1 col:nth-child(2),
+  .table-headermd1 col:nth-child(4),
+  // .table-headermd1 col:nth-child(3) {
   //   width: 5rem;
   // }
 
-  .table-headermd .van-cell {
+  .table-headermd1 .van-cell {
     padding: 0 4px;
     height: 100%;
   }
 
-  .table-headermd th.el-table__cell > .cell {
+  .table-headermd1 th.el-table__cell > .cell {
     padding: 0 4px;
   }
 
-  .table-headermd th.el-table__cell {
+  .table-headermd1 th.el-table__cell {
     background-color: #f3f9ff;
     color: #000;
   }
 
-  .table-headermd .el-table__cell {
+  .table-headermd1 .el-table__cell {
     padding: 4px 0;
   }
   .el-table__body {

src/views/home/ABtarget.vue

@@ -843,7 +843,7 @@ export default {
   white-space: nowrap;
 }
 </style>
-<style>
+<style lang="scss">
 .myTab .van-tabs__nav--card {
   margin: 0 !important;
   border-left: 0;
@@ -945,71 +945,73 @@ export default {
   border-top-left-radius: 60px;
   color: #fff;
 }
-.table-headermd {
-  font-size: 12px;
-  text-align: center;
-  position: initial;
-  width: 98% !important;
-  margin: 0 auto;
-  border-right: 0;
-}
-.table-headermdhome {
-  font-size: 14px;
-}
-.table-headermdhome th.el-table__cell > .cell {
-  white-space: pre;
-}
-.table-headermd .el-table__header,
-.table-headermd .el-table__body {
-  width: 100% !important;
-}
-.table-headermdhome.van-cell {
-  padding: 0 6px;
-  height: 100%;
-}
+.ABtarage {
+  .table-headermd {
+    font-size: 12px;
+    text-align: center;
+    position: initial;
+    width: 98% !important;
+    margin: 0 auto;
+    border-right: 0;
+  }
+  .table-headermdhome {
+    font-size: 14px;
+  }
+  .table-headermdhome th.el-table__cell > .cell {
+    white-space: pre;
+  }
+  .table-headermd .el-table__header,
+  .table-headermd .el-table__body {
+    width: 100% !important;
+  }
+  .table-headermdhome.van-cell {
+    padding: 0 6px;
+    height: 100%;
+  }
 
-.table-headermd th.el-table__cell > .cell {
-  padding: 0 4px;
-  text-align: center;
-}
+  .table-headermd th.el-table__cell > .cell {
+    padding: 0 4px;
+    text-align: center;
+  }
 
-.table-headermdhometh.el-table__cell:first-child > .cell {
-  text-align: left;
-}
+  .table-headermdhometh.el-table__cell:first-child > .cell {
+    text-align: left;
+  }
 
-.table-headermd th.el-table__cell {
-  background-color: #1989fa;
-  color: #fff;
-}
-.table-headermdhome th.el-table__cell {
-  background-color: #fff;
-  color: #444;
-}
-.table-headermd .el-table__cell {
-  padding: 4px 0;
-}
+  .table-headermd th.el-table__cell {
+    background-color: #1989fa;
+    color: #fff;
+  }
+  .table-headermdhome th.el-table__cell {
+    background-color: #fff;
+    color: #444;
+  }
+  .table-headermd .el-table__cell {
+    padding: 4px 0;
+  }
 
-.table-headermdhome.el-table .cell {
-  padding: 0 4px;
-  text-align: center;
-}
+  .table-headermdhome.el-table .cell {
+    padding: 0 4px;
+    text-align: center;
+  }
 
-.table-headermdhome .tipTitle {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  text-align: center;
-}
+  .table-headermdhome .tipTitle {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    text-align: center;
+  }
 
-.table-headermd::before {
-  height: 0;
-}
+  .table-headermd::before {
+    height: 0;
+  }
 
-.table-headermd .cell,
-.el-table--border .el-table__cell:first-child .cell {
-  padding: 0 4px;
+  .table-headermd .cell,
+  .el-table--border .el-table__cell:first-child .cell {
+    padding: 0 4px;
+  }
 }
 .colBack {
   width: 100%;

src/views/my/material.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="bgcolor">
+  <div class="bgcolor material">
     <div class="navBarTOP">
       <!--        顶部条-->
       <van-nav-bar class="navBar" :title="title" left-arrow @click-left="onClickLeft">
@@ -256,106 +256,108 @@ export default {
   padding-bottom: 50px;
 }
 </style>
-<style>
-.table-headermd {
-  font-size: 12px;
-  text-align: center;
-  position: initial;
-  width: 98% !important;
-  margin: 0 auto;
-  border-right: 0;
-}
+<style lang="scss">
+.material {
+  .table-headermd {
+    font-size: 12px;
+    text-align: center;
+    position: initial;
+    width: 98% !important;
+    margin: 0 auto;
+    border-right: 0;
+  }
 
-.table-headermd .el-table__header,
-.table-headermd .el-table__body {
-  width: 100% !important;
-}
-.table-headermd col:nth-child(4) {
-  width: 5.6rem;
-}
+  .table-headermd .el-table__header,
+  .table-headermd .el-table__body {
+    width: 100% !important;
+  }
+  .table-headermd col:nth-child(4) {
+    width: 5.6rem;
+  }
 
-.table-headermd col:nth-child(3) {
-  width: 4.6rem;
-}
+  .table-headermd col:nth-child(3) {
+    width: 4.6rem;
+  }
 
-.table-headermd .van-cell {
-  padding: 0 4px;
-  height: 100%;
-}
+  .table-headermd .van-cell {
+    padding: 0 4px;
+    height: 100%;
+  }
 
-.table-headermd th.el-table__cell > .cell {
-  padding: 0 4px;
-  text-align: center;
-}
+  .table-headermd th.el-table__cell > .cell {
+    padding: 0 4px;
+    text-align: center;
+  }
 
-.table-headermd th.el-table__cell:first-child > .cell {
-  text-align: left;
-}
+  .table-headermd th.el-table__cell:first-child > .cell {
+    text-align: left;
+  }
 
-.table-headermd th.el-table__cell {
-  background-color: #1989fa;
-  color: #fff;
-}
+  .table-headermd th.el-table__cell {
+    background-color: #1989fa;
+    color: #fff;
+  }
 
-.table-headermd .el-table__cell {
-  padding: 4px 0;
-}
+  .table-headermd .el-table__cell {
+    padding: 4px 0;
+  }
 
-.table-headermd.el-table .cell {
-  padding: 0;
-}
+  .table-headermd.el-table .cell {
+    padding: 0;
+  }
 
-.table-headermd .tipTitle {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}
+  .table-headermd .tipTitle {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
 
-.table-headermd::before {
-  height: 0;
-}
+  .table-headermd::before {
+    height: 0;
+  }
 
-.xing {
-  color: red;
-  padding-left: 4px;
-}
+  .xing {
+    color: red;
+    padding-left: 4px;
+  }
 
-.formLabel .van-radio__label,
-.formLabel .van-checkbox__label {
-  font-size: 1.4rem;
-}
+  .formLabel .van-radio__label,
+  .formLabel .van-checkbox__label {
+    font-size: 1.4rem;
+  }
 
-.table-headermd .cell,
-.el-table--border .el-table__cell:first-child .cell {
-  padding: 0 4px;
-}
+  .table-headermd .cell,
+  .el-table--border .el-table__cell:first-child .cell {
+    padding: 0 4px;
+  }
 
-.van-dialog__confirm,
-.van-dialog__confirm:active {
-  color: #1989fa;
-}
+  .van-dialog__confirm,
+  .van-dialog__confirm:active {
+    color: #1989fa;
+  }
 
-.navBarTOP {
-  position: fixed;
-  width: 100%;
-  z-index: 2;
-  top: 0;
-}
+  .navBarTOP {
+    position: fixed;
+    width: 100%;
+    z-index: 2;
+    top: 0;
+  }
 
-.isTableMust {
-  padding: 4px;
-  color: #999;
-  margin: 0;
-  margin-top: -10px;
-}
-.mobile-input .van-field__control {
-  font-size: 12px;
-  color: #999;
-  border: 0;
-}
-.formLabel .mobile-input {
-  border: 0 !important;
+  .isTableMust {
+    padding: 4px;
+    color: #999;
+    margin: 0;
+    margin-top: -10px;
+  }
+  .mobile-input .van-field__control {
+    font-size: 12px;
+    color: #999;
+    border: 0;
+  }
+  .formLabel .mobile-input {
+    border: 0 !important;
+  }
 }
 </style>