js

src/assets/css/store/goodslist.less

+.store-con {
+  background: #FFFFFF;
+  border-radius: 4px;
+  border: 1px solid #E5EBF6;
+  padding: 20px;
+
+  .search-btn {
+    cursor: pointer;
+    width: 76px;
+    height: 37px;
+    line-height: 37px;
+    background: #1969F9;
+    border-radius: 2px;
+    font-size: 14px;
+    color: #fff;
+    text-align: center;
+
+    &:hover {
+      background: #0050E0;
+    }
+  }
+
+  .btn-nav {
+    margin-top: 11px;
+    margin-bottom: 22px;
+
+    .update {
+      width: 66px;
+      height: 26px;
+      line-height: 26px;
+      text-align: center;
+      background: #FFEEDD;
+      border: 1px solid #FF870D;
+      border-radius: 2px;
+      color: #FF870D;
+      font-size: 14px;
+      cursor: pointer;
+      width: 66px;
+
+      i {
+        margin-left: 3px;
+      }
+
+      &:hover {
+
+        background: #FCA955;
+        color: #fff;
+
+      }
+    }
+
+    .dcg {
+      width: 66px;
+      height: 26px;
+      border-radius: 2px;
+      text-align: center;
+      line-height: 26px;
+      border: 1px solid #1969F9;
+      background: #E5EEFF;
+      color: #1969F9;
+      margin-left: 10px;
+      font-size: 14px;
+      transition: all 0.5s;
+
+      &:hover {
+        background: #1969F9;
+        cursor: pointer;
+        color: #fff;
+      }
+
+      &.heti {
+        width: 56px;
+        background: #fff;
+
+        &:hover {
+          background: #E5EEFF;
+          color: #1969F9;
+        }
+      }
+
+      &.xjk {
+        position: relative;
+        left: -11px;
+        border-left: 1px solid #1969F9;
+
+        &:hover {
+          border-left: 1px solid #1969F9;
+        }
+      }
+    }
+  }
+
+  .updatebox {
+    position: relative;
+
+    .selectdw {
+      height: 36px;
+      width: 36px;
+
+      position: absolute;
+      top: 1px;
+      right: 2px;
+
+      .el-select {
+        width: 36px;
+        border-left: 1px solid #C0C4CC;
+
+        input {
+          border: 0px;
+          padding: 0px;
+          height: 36px;
+          width: 36px;
+          font-size: 14px;
+          color: #333;
+          text-align: center;
+
+        }
+
+        .el-input__prefix, .el-input__suffix {
+          display: none !important;
+        }
+
+      }
+    }
+  }
+
+  .price-more {
+    .more-search-btn {
+      width: 70px;
+      height: 26px;
+      background: #F1F4FA;
+      border-radius: 2px;
+      border: 1px solid #BEC9DF;
+      font-size: 12px;
+      color: #1969F9;
+      text-align: center;
+      transition: all 0.5s;
+      position: relative;
+      cursor: pointer;
+
+      &:hover {
+        border: 1px solid #1969F9;
+
+      }
+    }
+
+  }
+}
+
+.bestGoodsList-dialog {
+  table {
+    width: 100%;
+
+    tr {
+      .required {
+        color: red;
+      }
+
+      th {
+        position: relative;
+        padding: 9px 15px;
+        min-height: 20px;
+        line-height: 20px;
+        font-size: 12px;
+        border-width: 1px;
+        border-style: solid;
+        border-color: #eee;
+        color: #5f5f5f;
+        white-space: nowrap;
+      }
+
+      td {
+        position: relative;
+        padding: 9px 15px;
+        min-height: 20px;
+        line-height: 20px;
+        font-size: 12px;
+        border-width: 1px;
+        border-style: solid;
+        border-color: #eee;
+        color: #5f5f5f;
+
+        .el-select {
+          width: 88px;
+        }
+
+        .el-input__inner {
+          padding-left: 4px !important;
+          font-size: 12px !important;
+        }
+      }
+    }
+  }
+
+  .add {
+    margin-top: 20px;
+    color: #409EFF;
+    cursor: pointer;
+  }
+}
+
+.batch-layer {
+  width: 100%;
+
+  .batch-box {
+    flex: 0 0 33.3%;
+    border-bottom: 1px solid #eee;
+
+    .title {
+      width: 100%;
+      height: 30px;
+      border-bottom: 1px solid #eee;
+
+      i {
+        cursor: pointer;
+      }
+
+    }
+
+    .content {
+      padding-top: 8px;
+      padding-bottom: 8px;
+      border-bottom: 1px solid #eee;
+      border-right: 1px solid #eee;
+
+      width: 100%;
+
+      .period-list {
+        height: 240px;
+        flex-wrap: wrap;
+        padding: 0 7px;
+
+        li {
+          width: 36px;
+          height: 30px;
+          line-height: 30px;
+          color: #666;
+          cursor: pointer;
+          font-size: 13px;
+          transition: all 0.4s ease-in-out;
+
+          &:hover, &.curr {
+            color: #FFF;
+            background-color: #409EFF;
+          }
+        }
+      }
+
+      .year-list {
+        height: 240px;
+        flex-wrap: wrap;
+        padding: 0 7px;
+
+        li {
+          flex: 0 0 33.3%;
+          height: 30px;
+          line-height: 30px;
+          color: #666;
+          cursor: pointer;
+          font-size: 13px;
+          margin: 10px 0;
+          transition: all 0.4s ease-in-out;
+
+          &:hover, &.curr {
+            color: #FFF;
+            background-color: #409EFF;
+          }
+        }
+      }
+    }
+
+    .footer-btn {
+      padding-right: 10px;
+      height: 44px;
+      justify-content: flex-end;
+      border-right: 1px solid #eee;
+    }
+  }
+}
\ No newline at end of file

src/assets/css/store/goodslist.min.css

+.store-con {
+  background: #FFFFFF;
+  border-radius: 4px;
+  border: 1px solid #E5EBF6;
+  padding: 20px;
+}
+.store-con .search-btn {
+  cursor: pointer;
+  width: 76px;
+  height: 37px;
+  line-height: 37px;
+  background: #1969F9;
+  border-radius: 2px;
+  font-size: 14px;
+  color: #fff;
+  text-align: center;
+}
+.store-con .search-btn:hover {
+  background: #0050E0;
+}
+.store-con .btn-nav {
+  margin-top: 11px;
+  margin-bottom: 22px;
+}
+.store-con .btn-nav .update {
+  height: 26px;
+  line-height: 26px;
+  text-align: center;
+  background: #FFEEDD;
+  border: 1px solid #FF870D;
+  border-radius: 2px;
+  color: #FF870D;
+  font-size: 14px;
+  cursor: pointer;
+  width: 66px;
+}
+.store-con .btn-nav .update i {
+  margin-left: 3px;
+}
+.store-con .btn-nav .update:hover {
+  background: #FCA955;
+  color: #fff;
+}
+.store-con .btn-nav .dcg {
+  width: 66px;
+  height: 26px;
+  border-radius: 2px;
+  text-align: center;
+  line-height: 26px;
+  border: 1px solid #1969F9;
+  background: #E5EEFF;
+  color: #1969F9;
+  margin-left: 10px;
+  font-size: 14px;
+  transition: all 0.5s;
+}
+.store-con .btn-nav .dcg:hover {
+  background: #1969F9;
+  cursor: pointer;
+  color: #fff;
+}
+.store-con .btn-nav .dcg.heti {
+  width: 56px;
+  background: #fff;
+}
+.store-con .btn-nav .dcg.heti:hover {
+  background: #E5EEFF;
+  color: #1969F9;
+}
+.store-con .btn-nav .dcg.xjk {
+  position: relative;
+  left: -11px;
+  border-left: 1px solid #1969F9;
+}
+.store-con .btn-nav .dcg.xjk:hover {
+  border-left: 1px solid #1969F9;
+}
+.store-con .updatebox {
+  position: relative;
+}
+.store-con .updatebox .selectdw {
+  height: 36px;
+  width: 36px;
+  position: absolute;
+  top: 1px;
+  right: 2px;
+}
+.store-con .updatebox .selectdw .el-select {
+  width: 36px;
+  border-left: 1px solid #C0C4CC;
+}
+.store-con .updatebox .selectdw .el-select input {
+  border: 0px;
+  padding: 0px;
+  height: 36px;
+  width: 36px;
+  font-size: 14px;
+  color: #333;
+  text-align: center;
+}
+.store-con .updatebox .selectdw .el-select .el-input__prefix,
+.store-con .updatebox .selectdw .el-select .el-input__suffix {
+  display: none !important;
+}
+.store-con .price-more .more-search-btn {
+  width: 70px;
+  height: 26px;
+  background: #F1F4FA;
+  border-radius: 2px;
+  border: 1px solid #BEC9DF;
+  font-size: 12px;
+  color: #1969F9;
+  text-align: center;
+  transition: all 0.5s;
+  position: relative;
+  cursor: pointer;
+}
+.store-con .price-more .more-search-btn:hover {
+  border: 1px solid #1969F9;
+}
+.bestGoodsList-dialog table {
+  width: 100%;
+}
+.bestGoodsList-dialog table tr .required {
+  color: red;
+}
+.bestGoodsList-dialog table tr th {
+  position: relative;
+  padding: 9px 15px;
+  min-height: 20px;
+  line-height: 20px;
+  font-size: 12px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #eee;
+  color: #5f5f5f;
+  white-space: nowrap;
+}
+.bestGoodsList-dialog table tr td {
+  position: relative;
+  padding: 9px 15px;
+  min-height: 20px;
+  line-height: 20px;
+  font-size: 12px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #eee;
+  color: #5f5f5f;
+}
+.bestGoodsList-dialog table tr td .el-select {
+  width: 88px;
+}
+.bestGoodsList-dialog table tr td .el-input__inner {
+  padding-left: 4px !important;
+  font-size: 12px !important;
+}
+.bestGoodsList-dialog .add {
+  margin-top: 20px;
+  color: #409EFF;
+  cursor: pointer;
+}
+.batch-layer {
+  width: 100%;
+}
+.batch-layer .batch-box {
+  flex: 0 0 33.3%;
+  border-bottom: 1px solid #eee;
+}
+.batch-layer .batch-box .title {
+  width: 100%;
+  height: 30px;
+  border-bottom: 1px solid #eee;
+}
+.batch-layer .batch-box .title i {
+  cursor: pointer;
+}
+.batch-layer .batch-box .content {
+  padding-top: 8px;
+  padding-bottom: 8px;
+  border-bottom: 1px solid #eee;
+  border-right: 1px solid #eee;
+  width: 100%;
+}
+.batch-layer .batch-box .content .period-list {
+  height: 240px;
+  flex-wrap: wrap;
+  padding: 0 7px;
+}
+.batch-layer .batch-box .content .period-list li {
+  width: 36px;
+  height: 30px;
+  line-height: 30px;
+  color: #666;
+  cursor: pointer;
+  font-size: 13px;
+  transition: all 0.4s ease-in-out;
+}
+.batch-layer .batch-box .content .period-list li:hover,
+.batch-layer .batch-box .content .period-list li.curr {
+  color: #FFF;
+  background-color: #409EFF;
+}
+.batch-layer .batch-box .content .year-list {
+  height: 240px;
+  flex-wrap: wrap;
+  padding: 0 7px;
+}
+.batch-layer .batch-box .content .year-list li {
+  flex: 0 0 33.3%;
+  height: 30px;
+  line-height: 30px;
+  color: #666;
+  cursor: pointer;
+  font-size: 13px;
+  margin: 10px 0;
+  transition: all 0.4s ease-in-out;
+}
+.batch-layer .batch-box .content .year-list li:hover,
+.batch-layer .batch-box .content .year-list li.curr {
+  color: #FFF;
+  background-color: #409EFF;
+}
+.batch-layer .batch-box .footer-btn {
+  padding-right: 10px;
+  height: 44px;
+  justify-content: flex-end;
+  border-right: 1px solid #eee;
+}
+/*# sourceMappingURL=goodslist.min.css.map */
\ No newline at end of file

src/assets/css/store/goodslist.min.css.map

+{"version":3,"sources":["goodslist.less"],"names":[],"mappings":"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","file":"goodslist.min.css"}
\ No newline at end of file