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

穿插记录一下最近的一个修改优化。具体位置在订单管理的随货同行单列表。第一个改动是去掉操作中的打印二维码，因为我们经过考虑和讨论之后，认为将其放到查看的子页面更为合理。
去掉这个按钮之后，点击序号为1的订单的“查看”进入下一层页面，是这个订单的详情：
可以看到在这一行的末尾依然可以进行“查看”操作：
用户将会看到这个订单中的每一个耗材的信息，并且根据属性来决定是否显示二维码：
之前我们还没有在这里对二维码的属性进行判断，从而进行选择性显示。
因此我在这里做的改动就是用耗材编号去上一层数据库获取耗材id，再用耗材id去耗材属性表获取其是否二维码管理属性，在此页面进行判定显示；同时，当是否为二维码管理属性为否的时候，出现弹窗，提示“二维码不可用”。代码如下：

created() {
    this.getList();
    this.getIsQrAno();
  },

getIsQrAno(){
      getIsQrAno(this.listQuery).then(response => {
        this.isQr = response.data;
      })
      if (this.isQr == '否') {
        this.timer = window.setTimeout(() => {
          this.$notify({
            title: '提示',
            message: '二维码不可用！',
            type: 'warning',
            position: 'bottom-right',
            // duration: 0
          });
        }, 0)
      }
    },
    getList() {
      this.listLoading = true;
      this.listQuery.keyword = this.$route.query.inDetailId;
      let sendData = {
        keyword: this.$route.query.inDetailId,
        billCode: this.listQuery.billCode,
        reagentCode: this.listQuery.reagentCode,
        qrCode: this.listQuery.qrCode,
        codeValue: this.listQuery.codeValue,
        status: this.listQuery.status,
        pageNum: this.listQuery.pageNum,
        pageSize: this.listQuery.pageSize,
      }
      fetchList(this.sendData).then(response => {
        this.listLoading = false;
        this.preInItem = response.data.list;
        this.total = response.data.total;
      })
    },

由于后端相应部分暂时还没有完成，因此不能展示修改优化后的系统截图。