feat(applicationManagement): 新增雇则风筛记录和规则管理页面- 添加雇则风筛记录页面，实现记录列表展示、多条件查询和记录操作功能

- 添加雇则风筛规则管理页面，实现规则列表展示、多条件查询和规则操作功能
- 优化页面结构，增加查询条件区域、记录/规则列表表格和操作按钮
- 添加归属机构、规则类型等下拉选项数据
- 实现查询、重置、查看详情等基本功能

src/views/applicationManagement/employRecord/index.vue

@@ -1,5 +1,13 @@
+<!--
+  雇则风筛记录页面
+  功能包括：
+  1. 记录列表展示（支持分页）
+  2. 多条件查询（审批单号、被保人名称、归属机构、提交时间）
+  3. 记录操作（查看详情）
+-->
 <template>
   <div class="render-container employ-record">
+    <!-- 查询条件区域 -->
     <div class="filter-container">
       <div class="flex align-items-c justify-content-b">
         <el-form
@@ -9,6 +17,7 @@
           ref="queryParams"
           inline
         >
+          <!-- 审批单号输入框 -->
           <el-form-item label="审批单号" prop="approvalNo">
             <el-input
               v-model="queryParams.approvalNo"
@@ -16,6 +25,8 @@
               placeholder="请输入审批单号"
             ></el-input>
           </el-form-item>
+          
+          <!-- 被保人名称输入框 -->
           <el-form-item label="被保人名称" prop="insuredName">
             <el-input
               v-model="queryParams.insuredName"
@@ -23,6 +34,8 @@
               placeholder="请输入被保人名称"
             ></el-input>
           </el-form-item>
+          
+          <!-- 归属机构下拉选择 -->
           <el-form-item label="归属机构" prop="institution">
             <el-select v-model="queryParams.institution" size="medium" clearable placeholder="请选择归属机构">
               <el-option
@@ -33,6 +46,8 @@
               ></el-option>
             </el-select>
           </el-form-item>
+          
+          <!-- 提交时间范围选择 -->
           <el-form-item label="提交时间" prop="submitTime">
             <el-date-picker
               v-model="queryParams.submitTime"
@@ -45,6 +60,8 @@
             </el-date-picker>
           </el-form-item>
         </el-form>
+        
+        <!-- 查询操作按钮 -->
         <div class="mt15 flex align-items-c justify-content-b">
           <el-button size="medium" type="primary" @click="handleQuery"
             >查询</el-button
@@ -53,6 +70,8 @@
         </div>
       </div>
     </div>
+    
+    <!-- 记录列表表格 -->
     <r-table
       :columns="tableConfig.columns"
       :data="tableData"
@@ -72,6 +91,7 @@ export default {
   data() {
     return {
       loading: false,
+      // 查询参数
       queryParams: {
         page: 1,
         pageSize: 10,
@@ -80,6 +100,7 @@ export default {
         institution: '',
         submitTime: []
       },
+      // 归属机构选项列表
       institutionList: [
         { label: '机构1', value: 1 },
         { label: '机构2', value: 2 },
@@ -102,6 +123,7 @@ export default {
             isRedraw: true,
             render: (h, params) => {
               return h('div', [
+                // 查看详情按钮
                 h(
                   'el-button',
                   {
@@ -121,6 +143,7 @@ export default {
           }
         ]
       },
+      // 表格数据
       tableData: []
     }
   },
@@ -128,7 +151,7 @@ export default {
     this.getList()
   },
   methods: {
-    // 获取列表
+    // 获取记录列表数据
     getList() {
       this.loading = true
       // 这里应该调用实际的API接口
@@ -149,21 +172,26 @@ export default {
         this.loading = false
       }, 500)
     },
+    // 查询按钮点击事件
     handleQuery() {
       this.queryParams.page = 1
       this.getList()
     },
+    // 重置按钮点击事件
     resetQuery() {
       this.$refs.queryParams.resetFields()
       this.handleQuery()
     },
+    // 查看详情按钮点击事件
     handleView(row) {
       this.$message.info('查看详情功能待实现')
     },
+    // 分页大小改变事件
     handleSizeChange(val) {
       this.queryParams.pageSize = val
       this.getList()
     },
+    // 当前页码改变事件
     handleCurrentChange(val) {
       this.queryParams.page = val
       this.getList()

src/views/applicationManagement/employRule/index.vue

@@ -1,5 +1,13 @@
+<!--
+  雇则风筛规则管理页面
+  功能包括：
+  1. 规则列表展示（支持分页）
+  2. 多条件查询（规则类型、字段类型、规则描述、规则状态）
+  3. 规则操作（查看详情、编辑、删除、启用/停用）
+-->
 <template>
   <div class="render-container employ-rule">
+    <!-- 查询条件区域 -->
     <div class="filter-container">
       <div class="flex align-items-c justify-content-b">
         <el-form
@@ -9,6 +17,7 @@
           ref="queryParams"
           inline
         >
+          <!-- 规则类型下拉选择 -->
           <el-form-item label="规则类型" prop="ruleType">
             <el-select v-model="queryParams.ruleType" size="medium" clearable placeholder="请选择规则类型">
               <el-option
@@ -19,6 +28,8 @@
               ></el-option>
             </el-select>
           </el-form-item>
+          
+          <!-- 字段类型下拉选择 -->
           <el-form-item label="字段类型" prop="fieldType">
             <el-select v-model="queryParams.fieldType" size="medium" clearable placeholder="请选择字段类型">
               <el-option
@@ -29,6 +40,8 @@
               ></el-option>
             </el-select>
           </el-form-item>
+          
+          <!-- 规则描述输入框 -->
           <el-form-item label="规则描述" prop="ruleDesc">
             <el-input
               v-model="queryParams.ruleDesc"
@@ -36,6 +49,8 @@
               placeholder="请输入规则描述"
             ></el-input>
           </el-form-item>
+          
+          <!-- 规则状态下拉选择 -->
           <el-form-item label="规则状态" prop="status">
             <el-select v-model="queryParams.status" size="medium" clearable placeholder="请选择规则状态">
               <el-option
@@ -47,6 +62,8 @@
             </el-select>
           </el-form-item>
         </el-form>
+        
+        <!-- 查询操作按钮 -->
         <div class="mt15 flex align-items-c justify-content-b">
           <el-button size="medium" type="primary" @click="handleQuery"
             >查询</el-button
@@ -58,6 +75,8 @@
         </div>
       </div>
     </div>
+    
+    <!-- 规则列表表格 -->
     <r-table
       :columns="tableConfig.columns"
       :data="tableData"
@@ -77,6 +96,7 @@ export default {
   data() {
     return {
       loading: false,
+      // 查询参数
       queryParams: {
         page: 1,
         pageSize: 10,
@@ -85,16 +105,19 @@ export default {
         ruleDesc: '',
         status: ''
       },
+      // 规则类型选项列表
       ruleTypeList: [
         { label: '类型1', value: 1 },
         { label: '类型2', value: 2 },
         { label: '类型3', value: 3 }
       ],
+      // 字段类型选项列表
       fieldTypeList: [
         { label: '字段类型1', value: 1 },
         { label: '字段类型2', value: 2 },
         { label: '字段类型3', value: 3 }
       ],
+      // 规则状态选项列表
       statusList: [
         { label: '启用', value: 0 }, 
         { label: '停用', value: 1 }
@@ -131,6 +154,7 @@ export default {
             isRedraw: true,
             render: (h, params) => {
               return h('div', [
+                // 查看详情按钮
                 h(
                   'el-button',
                   {
@@ -145,6 +169,7 @@ export default {
                   },
                   ''
                 ),
+                // 编辑按钮
                 h(
                   'el-button',
                   {
@@ -159,6 +184,7 @@ export default {
                   },
                   ''
                 ),
+                // 删除按钮
                 h(
                   'el-button',
                   {
@@ -173,6 +199,7 @@ export default {
                   },
                   ''
                 ),
+                // 启用/停用按钮（根据当前状态显示不同图标）
                 h(
                   'el-button',
                   {
@@ -194,6 +221,7 @@ export default {
           }
         ]
       },
+      // 表格数据
       tableData: []
     }
   },
@@ -201,7 +229,7 @@ export default {
     this.getList()
   },
   methods: {
-    // 获取列表
+    // 获取规则列表数据
     getList() {
       this.loading = true
       // 这里应该调用实际的API接口
@@ -222,23 +250,29 @@ export default {
         this.loading = false
       }, 500)
     },
+    // 查询按钮点击事件
     handleQuery() {
       this.queryParams.page = 1
       this.getList()
     },
+    // 重置按钮点击事件
     resetQuery() {
       this.$refs.queryParams.resetFields()
       this.handleQuery()
     },
+    // 新增按钮点击事件
     handleAdd() {
       this.$message.info('新增功能待实现')
     },
+    // 查看详情按钮点击事件
     handleView(row) {
       this.$message.info('查看详情功能待实现')
     },
+    // 编辑按钮点击事件
     handleEdit(row) {
       this.$message.info('编辑功能待实现')
     },
+    // 启用/停用按钮点击事件
     handleToggleStatus(row) {
       // 启用的数据能停用，停用的数据反之
       const newStatus = row.status === 0 ? 1 : 0;
@@ -255,14 +289,17 @@ export default {
         '提示'
       )
     },
+    // 分页大小改变事件
     handleSizeChange(val) {
       this.queryParams.pageSize = val
       this.getList()
     },
+    // 当前页码改变事件
     handleCurrentChange(val) {
       this.queryParams.page = val
       this.getList()
     },
+    // 删除按钮点击事件
     handleDelete(row) {
       this.$messageBox(
         () => {