feat(产品/原材料): 添加规格字段支持

在产品和原材料相关组件中添加规格字段的显示和查询功能，包括：
1. 在详情弹窗中显示规格信息
2. 在列表页添加规格列和查询条件
3. 在表单中添加规格输入项
4. 优化选择器显示格式为"名称[规格](SKU)"

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

@@ -7,11 +7,12 @@
         <div v-else style="padding: 10px;">未搜索到原材料</div>
       </template>
       <el-option v-for="item in rawMaterialList" :key="item.rawMaterialId"
-        :label="`${item.rawMaterialName}（${getSku(item)}）`" :value="item.rawMaterialId">
+        :label="getLabel(item)" :value="item.rawMaterialId">
         <div>
           <div class="option-label">
-            <span class="material-name">{{ item.rawMaterialName }}</span>
-            <span class="material-code">{{ getSku(item) }}</span>
+            {{ getLabel(item) }}
+            <!-- <span class="material-name">{{ item.rawMaterialName }}[{{ item.specification }}]</span>
+            <span class="material-code">（{{ getSku(item) }}）</span> -->
           </div>
         </div>
       </el-option>
@@ -148,6 +149,13 @@ export default {
       const rawMaterial = this.options.find(p => p.rawMaterialId === val);
       this.$emit('change', rawMaterial);
     },
+    getLabel(item) {
+      // 原材料名称[规格](SKU)，如果有则写，没有则省略
+      if (!item.specification) {
+        return `${item.rawMaterialName}(${this.getSku(item)})`
+      }
+      return `${item.rawMaterialName}[${item.specification}](${this.getSku(item)})`
+    },
     getSku(item) {
       const boms = item.bomItems;
       if (!boms || boms.length === 0) {