备件库存增加颜色说明提示

cuijian

2023-08-30 918cdaaa53f65007311946383dde4d56ba8e3195

 src/views/spare/modules/sparePartInventory/SparePart2List.vue

@@ -58,6 +58,7 @@
        @click="searchReset"
        icon="reload"
      >重置</a-button>
      <a-tag color="#55acee" style="height:15px"></a-tag>库存积压；<a-tag color="#cd201f" style="height:15px"></a-tag>库存不足
    </div>

    <a-table
@@ -73,6 +74,7 @@
      @change="handleTableChange"
      :scroll="{ x: 'calc(1500px + 50%)', y: 900 }"
      :customRow="clickThenSelect"
      :rowClassName="tableRowClass"
    >
    </a-table>

@@ -272,11 +274,13 @@

    //禁用状态样式
    tableRowClass(record, index) {
      if (record.status != "1") {
        return "frozenRowClass";
      }
      return "";
    },
        if (record.totalMainQuantity < record.inventoryLowerLimit) {
          return 'downLimit'
        }else if(record.totalMainQuantity > record.inventoryUpperLimit){
          return 'upLimit'
        }
        
      },
    searchReset() {
      this.queryParam = {};
      if (this.nodeSelected.key != -1) {
@@ -319,7 +323,7 @@
  }
}
</script>
<style>
<style  lang="less" >
@import '~@assets/less/common.less';

.frozenRowClass {
@@ -331,7 +335,20 @@
.error {
  color: red;
}

.downLimit {
  color: red;
}

.upLimit {
  color: blue;
}

.fontweight {
  font-weight: bold;
}

.ant-table-tbody .red {
    background-color: red !important
  }
</style>