feat(KLPService选择组件): 新增默认查询参数支持并优化钢卷录入页面

1. 为ProductSelect和RawMaterialSelect组件新增defaultQueryParams属性，支持传入默认查询参数合并到请求参数中
2. 优化钢卷录入页面：默认选中成品类型，根据解析的钢卷数据自动设置物料选择器的查询参数
3. 移除页面冗余空行和注释代码

klp-ui/src/views/wms/anneal/performance/report.vue

@@ -1,13 +1,10 @@
 <template>
   <div class="app-container" v-loading="loading">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="90px">
-      <el-form-item label="开始时间" prop="startTime">
-        <el-date-picker v-model="queryParams.startTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-          placeholder="选择开始时间" />
-      </el-form-item>
-      <el-form-item label="结束时间" prop="endTime">
-        <el-date-picker v-model="queryParams.endTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-          placeholder="选择结束时间" />
+      <el-form-item label="时间">
+        <time-range-picker v-model="timeRangeParams" start-key="startTime" end-key="endTime"
+          :default-start-time="queryParams.startTime" :default-end-time="queryParams.endTime"
+          @quick-select="handleQuery" />
       </el-form-item>
       <el-form-item label="目标炉" prop="targetFurnaceId">
         <el-select v-model="queryParams.targetFurnaceId" placeholder="请选择" clearable filterable>
@@ -74,21 +71,35 @@ import ProductInfo from "@/components/KLPService/Renderer/ProductInfo";
 import RawMaterialInfo from "@/components/KLPService/Renderer/RawMaterialInfo";
 import CoilNo from "@/components/KLPService/Renderer/CoilNo.vue";
 import WarehouseSelect from "@/components/KLPService/WarehouseSelect/index.vue";
+import TimeRangePicker from "@/views/wms/report/components/timeRangePicker.vue";
 
 export default {
   name: "AnnealPerformance",
+  components: {
+    ProductInfo,
+    RawMaterialInfo,
+    CoilNo,
+    WarehouseSelect,
+    TimeRangePicker,
+  },
   data() {
+    const startTime = (() => {
+      const d = new Date(); d.setDate(d.getDate() - 1);
+      return `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')} 00:00:00`;
+    })()
+    const endTime = (() => {
+      const d = new Date();
+      return `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')} 00:00:00`;
+    })()
     return {
       loading: false,
+      timeRangeParams: {
+        startTime,
+        endTime,
+      },
       queryParams: {
-        startTime: (() => {
-          const d = new Date(); d.setDate(d.getDate() - 1);
-          return `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')} 00:00:00`;
-        })(),
-        endTime: (() => {
-          const d = new Date();
-          return `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')} 00:00:00`;
-        })(),
+        startTime,
+        endTime,
         targetFurnaceId: undefined,
         planNo: undefined,
         enterCoilNo: undefined,
@@ -98,11 +109,15 @@ export default {
       furnaceOptions: [],
     };
   },
-  components: {
-    ProductInfo,
-    RawMaterialInfo,
-    CoilNo,
-    WarehouseSelect,
+  watch: {
+    timeRangeParams: {
+      handler(newVal) {
+        this.queryParams.startTime = newVal.startTime
+        this.queryParams.endTime = newVal.endTime
+      },
+      deep: true,
+      immediate: true
+    }
   },
   created() {
     this.loadFurnaces();