feat(crm): 优化合同模板管理和订单明细页面功能

1. 合同模板管理：添加选中状态高亮样式，新增当前选中模板状态管理
2. 订单明细页面：
   - 合并搜索框为产品名称/材质统一搜索
   - 重构表格数据结构，拆分合同与产品明细展示
   - 添加批量/单行保存功能，自动计算产品金额字段
   - 优化筛选条件和默认日期范围，调整表格列样式与配置

klp-ui/src/views/crm/contract/components/ContractTemplateManager.vue

@@ -4,6 +4,7 @@
       <el-button 
         v-for="template in contractTemplateList" 
         :key="template.dictValue" 
+        :class="{ 'template-btn-selected': currentSelectedTemplate && currentSelectedTemplate.dictCode === template.dictCode }"
         @click="handleTemplateSelect(template)"
       >
         {{ template.dictLabel }}
@@ -72,6 +73,8 @@ export default {
       dialogTitle: "合同模板管理",
       // 选中的模板
       selectedTemplate: {},
+      // 当前选用的合同模板
+      currentSelectedTemplate: null,
       // 保存按钮loading状态
       saveLoading: false,
       // 表单数据
@@ -109,7 +112,7 @@ export default {
 
     /** 处理合同模板选择 */
     handleTemplateSelect(template) {
-      // 抛出选择事件，将选中的模板数据传出
+      this.currentSelectedTemplate = template;
       this.$emit('select', template);
     },
 
@@ -197,6 +200,13 @@ export default {
   margin-bottom: 16px;
 }
 
+.template-btn-selected {
+  border-bottom: 3px solid #409eff;
+  border-radius: 4px 4px 0 0;
+  color: #409eff;
+  font-weight: 600;
+}
+
 .template-management-layout {
   display: flex;
   height: 70vh;