基于Vue+Nodejs实现医药商城销售系统

由于代码实例涉及的内容较多，我们将提供一个核心的Vue组件示例，该组件用于显示药品列表，并允许用户选择药品以进行销售。

<template>
  <div>
    <h2>药品销售系统</h2>
    <div v-for="(drug, index) in drugs" :key="drug.id">
      <label :for="`drug-${index}`">{{ drug.name }} - 数量: </label>
      <input
        :id="`drug-${index}`"
        v-model.number="drug.quantity"
        type="number"
        min="0"
        @input="updateDrugQuantity(drug.id, $event.target.value)"
      />
      <button @click="sellDrug(drug.id, drug.quantity)">销售</button>
    </div>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      drugs: [] // 这里应该是从服务器获取的药品列表
    };
  },
  methods: {
    updateDrugQuantity(drugId, newQuantity) {
      // 这里应该是调用API更新服务器上药品的数量
    },
    sellDrug(drugId, quantity) {
      // 这里应该是处理药品销售的逻辑，包括减少库存和记录销售
    }
  },
  mounted() {
    // 这里应该是调用API获取药品列表，并填充this.drugs
  }
};
</script>

这个示例提供了一个简单的界面来显示药品列表，并允许用户输入销售的数量。当用户更改数量并点击销售按钮时，应通过Node.js后端处理销售逻辑，包括减少库存和记录销售。在实际应用中，需要与Node.js后端服务的API进行通信，并且需要更多的逻辑来处理销售和安全性等问题。