文字修改

klp-ui/src/components/KLPService/RawMaterialSelect/index.vue

@@ -6,13 +6,19 @@
     clearable
     @change="onChange"
     style="width: 100%"
+    :value-key="'rawMaterialId'"
   >
     <el-option
       v-for="item in options"
       :key="item.rawMaterialId"
-      :label="item.rawMaterialName"
+      :label="`${item.rawMaterialName}（${item.rawMaterialCode}）`"
       :value="item.rawMaterialId"
-    />
+    >
+      <div class="option-label">
+        <span class="material-name">{{ item.rawMaterialName }}</span>
+        <span class="material-code">{{ item.rawMaterialCode }}</span>
+      </div>
+    </el-option>
   </el-select>
 </template>
 
@@ -22,7 +28,7 @@ import { listRawMaterial } from "@/api/wms/rawMaterial";
 export default {
   name: "RawMaterialSelect",
   props: {
-    value: [String, Number],
+    value: [String, null],
     placeholder: {
       type: String,
       default: "请选择原材料"
@@ -37,6 +43,10 @@ export default {
   watch: {
     value(val) {
       this.selected = val;
+    },
+    selected(val) {
+      this.$emit("input", val);
+      this.$emit("change", val);
     }
   },
   mounted() {
@@ -55,3 +65,20 @@ export default {
   }
 };
 </script>
+
+<style scoped>
+.option-label {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.material-name {
+  font-size: 14px;
+  color: #333;
+}
+.material-code {
+  font-size: 12px;
+  color: #999;
+  margin-left: 10px;
+}
+</style>