feat(CheckItemSelect): 优化检验方案选择组件样式和功能

- 调整弹窗宽度并简化表单结构
- 添加分页功能支持
- 修改按钮文字为"选择预设检验方案"以更明确功能
- 统一错误提示方式

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

@@ -12,23 +12,25 @@
           </span>
         </span>
       </template>
+      <div class="transfer-footer" style="display: flex; justify-content: center; align-items: center; height: 40px;"
+        slot="right-footer">
+        <el-button size="small" @click="loadInspectionItemTemplateList">选择预设检验方案</el-button>
+      </div>
 
-      <el-button class="transfer-footer" slot="right-footer" size="small"
-        @click="loadInspectionItemTemplateList">选择模版</el-button>
     </el-transfer>
 
-    <el-dialog title="选择待检项方案" :visible.sync="open" width="700px" append-to-body>
-      <el-form ref="form" :model="queryParams" :rules="rules" label-width="80px">
-        <el-form-item label="任务名称" prop="templateName">
-          <el-input v-model="queryParams.templateName" placeholder="请输入任务名称" />
-        </el-form-item>
-      </el-form>
+    <el-dialog title="选择待检项方案" :visible.sync="open" width="400px" append-to-body>
+
+      <el-input v-model="queryParams.templateName" placeholder="请输入任务名称" @change="loadInspectionItemTemplateList" />
 
       <el-table highlight-current-row border @row-click="handleRowClick" v-loading="loading"
         :data="inspectionItemTemplateList" @selection-change="handleSelectionChange">
         <el-table-column label="方案名称" align="center" prop="templateName" />
         <el-table-column label="方案描述" align="center" prop="templateDesc" />
       </el-table>
+
+      <pagination v-show="total > queryParams.pageSize" :total="total" :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize" @pagination="loadInspectionItemTemplateList" />
     </el-dialog>
   </div>
 </template>
@@ -57,6 +59,7 @@ export default {
         key: "itemId", // 唯一标识字段
         label: "itemName" // 显示文本字段
       },
+      total: 0,
       // 数据加载状态
       loading: false,
       templateList: [],
@@ -135,9 +138,10 @@ export default {
         this.open = true;
         const response = await listInspectionItemTemplate(this.queryParams);
         this.inspectionItemTemplateList = response.rows || [];
+        this.total = response.total || 0;
       } catch (error) {
         if (this.$modal) {
-          this.$message.error("加载待检项方案列表失败");
+          this.$modal.msgError("加载待检项方案列表失败");
         } else if (this.$message) {
           this.$message.error("加载待检项方案列表失败");
         }