Wed Mar 12 18:01:00 CST 2025 inscode

src/components/HelloWorld.vue

@@ -3,12 +3,13 @@
         <h1>耗材档案管理</h1>
         <form @submit.prevent="addMaterial">
             <input v-model="newMaterial.name" type="text" placeholder="耗材名称" required/>
+           <input v-model="newMaterial.text" size="24"></input>
             <input v-model="newMaterial.quantity" type="number" placeholder="数量" min="1" required />
             <button type="submit">添加耗材</button>
         </form>
         <ul v-if="materials.length">
             <li v-for="(material,index) in materials" :key="material.id">
-                {{material.name}}--数量：{{material.quantity}}
+                {{material.name}}--数量：{{material.quantity}}:{{material.text}}
                 <button @click="removeMaterial(index)">删除</button>
                 </li>
         </ul>
@@ -23,7 +24,7 @@ export default {
   name: 'MaterialRecord',
   setup() {
     const materials = ref([]);
-    const newMaterial = ref({ name: '', quantity: '' });
+    const newMaterial = ref({ name: '', quantity: '',text:'' });
 
     const addMaterial = () => {
       if (!newMaterial.value.name.trim()) {
@@ -34,13 +35,13 @@ export default {
         alert('请输入有效的数量');
         return;
       }
-
+    
       materials.value.push({
         id: Date.now(),
         name: newMaterial.value.name.trim(),
         quantity: parseInt(newMaterial.value.quantity),
       });
-      
+      newMaterial.value.text='';
       newMaterial.value.name = '';
       newMaterial.value.quantity = '';
     };