山东大学项目实训开发日志——基于vue+springboot的医院耗材管理系统(10)

        这次还是修修补补。

        首先在科室库出库的界面新增了“申请人”这一项内容，用来确定科室库的出库方向。

        此外新增了对输入数据的检查规则“inputRules”。

        这是前端页面的代码

         传入数据的修改，新增了applier属性。

const defaultStockCentre = {
  id: null,
  stockNo: null,
  stockType: 3,
  reagentId: null,
  reagentName: null,
  reagentType: null,
  reagentUnit: null,
  factory: null,
  supplierName: null,
  quantity: null,
  reagentStatus: null,
  reagentTemp: null,
  lowStock: null,
  overdue: null,
  overdueStock: null,
  outNumber: null,
  branchName: null,
  applier: null,
};

 

        对输入数据的检查代码，可见对出库数量进行了是否为数字的检查，对申领人仅进行非空检查。

inputRules: {       
        outNumber: [
          {required: true, message: '请输入出库数量', trigger: 'blur'},
          {
            type: "number", transform(value) {
              return Number(value);
            }, message: '请输入数字', trigger: 'blur'
          }
        ],    
        applier: '',
      },

        修改后的出库确认方法：

        当出库数量大于库存时会出库失败。

handleEditDialogConfirm() {
      this.$confirm('是否要确认?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        if(this.StockCentre.outNumber <= this.StockCentre.quantity){
          outFromBranchStock(this.StockCentre).then(response => {
          this.$message({
            message: '出库成功！',
            type: 'success'
          });
          this.editDialogVisible = false;
          this.getList();
        });
        } else {
          console.log('出库数量多于库存数量，参数验证不合法！');
          this.$message({
            message: '出库失败！',
            type: 'warning'
          });
          return false
        }
      })
    },

        此次改动不仅优化了现实情况下的流程，也确保了输入数据的合法性。