From 7eaa49afbc214fbc79560137f556538cac691845 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Thu, 24 Jul 2025 10:08:39 +0800
Subject: [PATCH 1/5] =?UTF-8?q?feat(router):=20=E6=B7=BB=E5=8A=A0=E5=BA=94?=
 =?UTF-8?q?=E7=94=A8=E7=AE=A1=E7=90=86=E7=9B=B8=E5=85=B3=E8=B7=AF=E7=94=B1?=
 =?UTF-8?q?=E5=92=8C=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 router/index.js 中引入应用管理路由
- 新增应用管理路由配置文件 applicationManagement.js
- 实现雇则风筛规则和雇则风筛记录两个页面组件
- 添加表格数据加载、查询、重置等功能- 实现新增、编辑、删除等操作的模拟
---
 .../generatedRouter/applicationManagement.js  |  29 +++
 src/router/index.js                           |   7 +-
 .../employRecord/index.vue                    | 180 ++++++++++++++
 .../employRule/index.vue                      | 225 ++++++++++++++++++
 4 files changed, 440 insertions(+), 1 deletion(-)
 create mode 100644 src/router/generatedRouter/applicationManagement.js
 create mode 100644 src/views/applicationManagement/employRecord/index.vue
 create mode 100644 src/views/applicationManagement/employRule/index.vue

diff --git a/src/router/generatedRouter/applicationManagement.js b/src/router/generatedRouter/applicationManagement.js
new file mode 100644
index 0000000..ac6453e
--- /dev/null
+++ b/src/router/generatedRouter/applicationManagement.js
@@ -0,0 +1,29 @@
+import layout from '@/views/app/layout/index.vue'
+
+const applicationManagementRouter = [
+  {
+    path: '/applicationManagement',
+    component: layout,
+    redirect: '/applicationManagement/employRule',
+    name: 'ApplicationManagement',
+    meta: { title: '应用管理', icon: 'el-icon-s-management' },
+    children: [
+      {
+        path: 'employRule',
+        name: 'EmployRule',
+        component: () =>
+          import('@/views/applicationManagement/employRule/index.vue'),
+        meta: { title: '雇则风筛规则', icon: 'el-icon-setting' }
+      },
+      {
+        path: 'employRecord',
+        name: 'EmployRecord',
+        component: () =>
+          import('@/views/applicationManagement/employRecord/index.vue'),
+        meta: { title: '雇则风筛记录', icon: 'el-icon-document' }
+      }
+    ]
+  }
+]
+
+export default applicationManagementRouter
diff --git a/src/router/index.js b/src/router/index.js
index 6fa3613..c3bc81b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,10 +2,15 @@ import Vue from 'vue'
 import Router from 'vue-router'
 import App from './app/index'
 import generatedRouter from './generatedRouter'
+import applicationManagementRouter from './generatedRouter/applicationManagement'
 
 Vue.use(Router)
 
-export const constantRouterMap = [...App, ...generatedRouter] // 静态路由
+export const constantRouterMap = [
+  ...App,
+  ...generatedRouter,
+  ...applicationManagementRouter
+] // 静态路由
 export default new Router({
   mode: 'hash', //路由模式
   base: process.env.BASE_URL,
diff --git a/src/views/applicationManagement/employRecord/index.vue b/src/views/applicationManagement/employRecord/index.vue
new file mode 100644
index 0000000..239fcf1
--- /dev/null
+++ b/src/views/applicationManagement/employRecord/index.vue
@@ -0,0 +1,180 @@
+<template>
+  <div class="render-container employ-record">
+    <div class="filter-container">
+      <div class="flex align-items-c justify-content-b">
+        <el-form
+          :model="queryParams"
+          label-width="100px"
+          label-position="top"
+          ref="queryParams"
+          inline
+        >
+          <el-form-item label="记录名称" prop="recordName">
+            <el-input
+              v-model="queryParams.recordName"
+              size="medium"
+              placeholder="请输入记录名称"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="状态" prop="status">
+            <el-select v-model="queryParams.status" size="medium">
+              <el-option label="全部" value=""></el-option>
+              <el-option
+                v-for="item in statusList"
+                :label="item.label"
+                :value="item.value"
+                :key="item.value"
+              ></el-option>
+            </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
+          >
+          <el-button size="medium" @click="resetQuery">重置</el-button>
+        </div>
+      </div>
+    </div>
+    <r-table
+      :columns="tableConfig.columns"
+      :data="tableData"
+      :deletion="false"
+      :total="tableConfig.total"
+      @currentChange="handleCurrentChange"
+      @sizeChange="handleSizeChange"
+      :currentPage="tableConfig.currentPage"
+      :pageSize="tableConfig.pageSize"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'EmployRecord',
+  data() {
+    return {
+      loading: false,
+      queryParams: {
+        page: 1,
+        pageSize: 10,
+        recordName: '',
+        status: ''
+      },
+      statusList: [{ label: '成功', value: 0 }, { label: '失败', value: 1 }],
+      // 表格配置项
+      tableConfig: {
+        total: 0,
+        currentPage: 1,
+        pageSize: 10,
+        columns: [
+          { prop: 'recordName', key: '记录名称' },
+          { prop: 'recordDesc', key: '记录描述' },
+          { prop: 'createTime', key: '创建时间' },
+          {
+            prop: 'status',
+            key: '状态',
+            render: (h, params) => {
+              return h(
+                'el-tag',
+                {
+                  props: {
+                    type: params.row.status === 0 ? 'success' : 'danger',
+                    size: 'small'
+                  }
+                },
+                params.row.status === 0 ? '成功' : '失败'
+              )
+            }
+          },
+          {
+            key: '操作',
+            isRedraw: true,
+            render: (h, params) => {
+              return h('div', [
+                h(
+                  'el-button',
+                  {
+                    props: {
+                      type: 'text',
+                      size: 'mini',
+                      icon: 'el-icon-view',
+                      title: '查看'
+                    },
+                    class: 'normal-button',
+                    on: { click: () => this.handleView(params.row) }
+                  },
+                  ''
+                )
+              ])
+            }
+          }
+        ]
+      },
+      tableData: []
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    // 获取列表
+    getList() {
+      this.loading = true
+      // 这里应该调用实际的API接口
+      // 模拟数据
+      setTimeout(() => {
+        this.tableData = [
+          {
+            id: 1,
+            recordName: '记录1',
+            recordDesc: '记录描述1',
+            createTime: '2023-01-01 12:00:00',
+            status: 0
+          }
+        ]
+        this.tableConfig.total = 1
+        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()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.employ-record {
+  padding: 20px;
+
+  .filter-container {
+    margin-bottom: 20px;
+
+    .el-form-item {
+      margin-bottom: 10px;
+      margin-right: 10px;
+
+      .el-form-item__label {
+        padding-right: 8px;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/applicationManagement/employRule/index.vue b/src/views/applicationManagement/employRule/index.vue
new file mode 100644
index 0000000..9effebe
--- /dev/null
+++ b/src/views/applicationManagement/employRule/index.vue
@@ -0,0 +1,225 @@
+<template>
+  <div class="render-container employ-rule">
+    <div class="filter-container">
+      <div class="flex align-items-c justify-content-b">
+        <el-form
+          :model="queryParams"
+          label-width="100px"
+          label-position="top"
+          ref="queryParams"
+          inline
+        >
+          <el-form-item label="规则名称" prop="ruleName">
+            <el-input
+              v-model="queryParams.ruleName"
+              size="medium"
+              placeholder="请输入规则名称"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="状态" prop="status">
+            <el-select v-model="queryParams.status" size="medium">
+              <el-option label="全部" value=""></el-option>
+              <el-option
+                v-for="item in statusList"
+                :label="item.label"
+                :value="item.value"
+                :key="item.value"
+              ></el-option>
+            </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
+          >
+          <el-button size="medium" @click="resetQuery">重置</el-button>
+          <el-button size="medium" type="primary" @click="handleAdd"
+            >新增</el-button
+          >
+        </div>
+      </div>
+    </div>
+    <r-table
+      :columns="tableConfig.columns"
+      :data="tableData"
+      :deletion="false"
+      :total="tableConfig.total"
+      @currentChange="handleCurrentChange"
+      @sizeChange="handleSizeChange"
+      :currentPage="tableConfig.currentPage"
+      :pageSize="tableConfig.pageSize"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'EmployRule',
+  data() {
+    return {
+      loading: false,
+      queryParams: {
+        page: 1,
+        pageSize: 10,
+        ruleName: '',
+        status: ''
+      },
+      statusList: [{ label: '启用', value: 0 }, { label: '停用', value: 1 }],
+      // 表格配置项
+      tableConfig: {
+        total: 0,
+        currentPage: 1,
+        pageSize: 10,
+        columns: [
+          { prop: 'ruleName', key: '规则名称' },
+          { prop: 'ruleDesc', key: '规则描述' },
+          { prop: 'createTime', key: '创建时间' },
+          {
+            prop: 'status',
+            key: '状态',
+            render: (h, params) => {
+              return h(
+                'el-tag',
+                {
+                  props: {
+                    type: params.row.status === 0 ? 'success' : 'danger',
+                    size: 'small'
+                  }
+                },
+                params.row.status === 0 ? '启用' : '停用'
+              )
+            }
+          },
+          {
+            key: '操作',
+            isRedraw: true,
+            render: (h, params) => {
+              return h('div', [
+                h(
+                  'el-button',
+                  {
+                    props: {
+                      type: 'text',
+                      size: 'mini',
+                      icon: 'el-icon-edit-outline',
+                      title: '编辑'
+                    },
+                    class: 'normal-button',
+                    on: { click: () => this.handleEdit(params.row) }
+                  },
+                  ''
+                ),
+                h(
+                  'el-button',
+                  {
+                    props: {
+                      type: 'text',
+                      size: 'mini',
+                      icon:
+                        params.row.status === 0
+                          ? 'el-icon-remove-outline'
+                          : 'el-icon-circle-check',
+                      title: params.row.status === 0 ? '停用' : '启用'
+                    },
+                    on: { click: () => this.handleToggleStatus(params.row) }
+                  }
+                ),
+                h('el-button', {
+                  props: {
+                    type: 'text',
+                    size: 'mini',
+                    style: 'color: #F56C6C',
+                    icon: 'el-icon-delete',
+                    title: '删除'
+                  },
+                  on: { click: () => this.handleDelete(params.row) }
+                })
+              ])
+            }
+          }
+        ]
+      },
+      tableData: []
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    // 获取列表
+    getList() {
+      this.loading = true
+      // 这里应该调用实际的API接口
+      // 模拟数据
+      setTimeout(() => {
+        this.tableData = [
+          {
+            id: 1,
+            ruleName: '规则1',
+            ruleDesc: '规则描述1',
+            createTime: '2023-01-01 12:00:00',
+            status: 0
+          }
+        ]
+        this.tableConfig.total = 1
+        this.loading = false
+      }, 500)
+    },
+    handleQuery() {
+      this.queryParams.page = 1
+      this.getList()
+    },
+    resetQuery() {
+      this.$refs.queryParams.resetFields()
+      this.handleQuery()
+    },
+    handleAdd() {
+      this.$message.info('新增功能待实现')
+    },
+    handleEdit(row) {
+      this.$message.info('编辑功能待实现')
+    },
+    handleToggleStatus(row) {
+      this.$message.info('状态切换功能待实现')
+    },
+    handleSizeChange(val) {
+      this.queryParams.pageSize = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.queryParams.page = val
+      this.getList()
+    },
+    handleDelete(row) {
+      this.$messageBox(
+        () => {
+          this.$message.success('删除成功')
+          this.getList()
+        },
+        '确认删除该规则吗？',
+        'warning',
+        '警告'
+      )
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.employ-rule {
+  padding: 20px;
+
+  .filter-container {
+    margin-bottom: 20px;
+
+    .el-form-item {
+      margin-bottom: 10px;
+      margin-right: 10px;
+
+      .el-form-item__label {
+        padding-right: 8px;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file

From f9b3698c485fb00331b8b119667de9bd6c75935e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Thu, 24 Jul 2025 10:24:10 +0800
Subject: [PATCH 2/5] =?UTF-8?q?feat(applicationManagement):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E9=9B=87=E5=91=98=E8=AE=B0=E5=BD=95=E5=92=8C=E8=A7=84?=
 =?UTF-8?q?=E5=88=99=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改雇员记录页面的查询条件和表格列
- 更新规则页面的查询条件和表格列
-增加规则页面的查看详情和删除功能
- 实现规则状态切换功能
---
 .../employRecord/index.vue                    |  80 +++++++-----
 .../employRule/index.vue                      | 123 ++++++++++++++----
 2 files changed, 144 insertions(+), 59 deletions(-)

diff --git a/src/views/applicationManagement/employRecord/index.vue b/src/views/applicationManagement/employRecord/index.vue
index 239fcf1..a14b80c 100644
--- a/src/views/applicationManagement/employRecord/index.vue
+++ b/src/views/applicationManagement/employRecord/index.vue
@@ -9,24 +9,41 @@
           ref="queryParams"
           inline
         >
-          <el-form-item label="记录名称" prop="recordName">
+          <el-form-item label="审批单号" prop="approvalNo">
             <el-input
-              v-model="queryParams.recordName"
+              v-model="queryParams.approvalNo"
               size="medium"
-              placeholder="请输入记录名称"
+              placeholder="请输入审批单号"
             ></el-input>
           </el-form-item>
-          <el-form-item label="状态" prop="status">
-            <el-select v-model="queryParams.status" size="medium">
-              <el-option label="全部" value=""></el-option>
+          <el-form-item label="被保人名称" prop="insuredName">
+            <el-input
+              v-model="queryParams.insuredName"
+              size="medium"
+              placeholder="请输入被保人名称"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="归属机构" prop="institution">
+            <el-select v-model="queryParams.institution" size="medium" clearable placeholder="请选择归属机构">
               <el-option
-                v-for="item in statusList"
+                v-for="item in institutionList"
                 :label="item.label"
                 :value="item.value"
                 :key="item.value"
               ></el-option>
             </el-select>
           </el-form-item>
+          <el-form-item label="提交时间" prop="submitTime">
+            <el-date-picker
+              v-model="queryParams.submitTime"
+              size="medium"
+              type="daterange"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              value-format="yyyy-MM-dd">
+            </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"
@@ -58,35 +75,28 @@ export default {
       queryParams: {
         page: 1,
         pageSize: 10,
-        recordName: '',
-        status: ''
+        approvalNo: '',
+        insuredName: '',
+        institution: '',
+        submitTime: []
       },
-      statusList: [{ label: '成功', value: 0 }, { label: '失败', value: 1 }],
+      institutionList: [
+        { label: '机构1', value: 1 },
+        { label: '机构2', value: 2 },
+        { label: '机构3', value: 3 }
+      ],
       // 表格配置项
       tableConfig: {
         total: 0,
         currentPage: 1,
         pageSize: 10,
         columns: [
-          { prop: 'recordName', key: '记录名称' },
-          { prop: 'recordDesc', key: '记录描述' },
-          { prop: 'createTime', key: '创建时间' },
-          {
-            prop: 'status',
-            key: '状态',
-            render: (h, params) => {
-              return h(
-                'el-tag',
-                {
-                  props: {
-                    type: params.row.status === 0 ? 'success' : 'danger',
-                    size: 'small'
-                  }
-                },
-                params.row.status === 0 ? '成功' : '失败'
-              )
-            }
-          },
+          { prop: 'index', key: '序号', width: 60 },
+          { prop: 'approvalNo', key: '审批单号' },
+          { prop: 'insuredName', key: '被保险人名称' },
+          { prop: 'institution', key: '归属机构' },
+          { prop: 'insurancePeriod', key: '保险期限' },
+          { prop: 'submitTime', key: '提交时间' },
           {
             key: '操作',
             isRedraw: true,
@@ -99,7 +109,7 @@ export default {
                       type: 'text',
                       size: 'mini',
                       icon: 'el-icon-view',
-                      title: '查看'
+                      title: '查看详情'
                     },
                     class: 'normal-button',
                     on: { click: () => this.handleView(params.row) }
@@ -127,10 +137,12 @@ export default {
         this.tableData = [
           {
             id: 1,
-            recordName: '记录1',
-            recordDesc: '记录描述1',
-            createTime: '2023-01-01 12:00:00',
-            status: 0
+            index: 1,
+            approvalNo: 'AP20230101001',
+            insuredName: '张三',
+            institution: '机构1',
+            insurancePeriod: '2023-01-01 至 2024-01-01',
+            submitTime: '2023-01-01 12:00:00'
           }
         ]
         this.tableConfig.total = 1
diff --git a/src/views/applicationManagement/employRule/index.vue b/src/views/applicationManagement/employRule/index.vue
index 9effebe..231e08a 100644
--- a/src/views/applicationManagement/employRule/index.vue
+++ b/src/views/applicationManagement/employRule/index.vue
@@ -9,16 +9,35 @@
           ref="queryParams"
           inline
         >
-          <el-form-item label="规则名称" prop="ruleName">
+          <el-form-item label="规则类型" prop="ruleType">
+            <el-select v-model="queryParams.ruleType" size="medium" clearable placeholder="请选择规则类型">
+              <el-option
+                v-for="item in ruleTypeList"
+                :label="item.label"
+                :value="item.value"
+                :key="item.value"
+              ></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
+                v-for="item in fieldTypeList"
+                :label="item.label"
+                :value="item.value"
+                :key="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="规则描述" prop="ruleDesc">
             <el-input
-              v-model="queryParams.ruleName"
+              v-model="queryParams.ruleDesc"
               size="medium"
-              placeholder="请输入规则名称"
+              placeholder="请输入规则描述"
             ></el-input>
           </el-form-item>
-          <el-form-item label="状态" prop="status">
-            <el-select v-model="queryParams.status" size="medium">
-              <el-option label="全部" value=""></el-option>
+          <el-form-item label="规则状态" prop="status">
+            <el-select v-model="queryParams.status" size="medium" clearable placeholder="请选择规则状态">
               <el-option
                 v-for="item in statusList"
                 :label="item.label"
@@ -61,22 +80,39 @@ export default {
       queryParams: {
         page: 1,
         pageSize: 10,
-        ruleName: '',
+        ruleType: '',
+        fieldType: '',
+        ruleDesc: '',
         status: ''
       },
-      statusList: [{ label: '启用', value: 0 }, { label: '停用', value: 1 }],
+      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 }
+      ],
       // 表格配置项
       tableConfig: {
         total: 0,
         currentPage: 1,
         pageSize: 10,
         columns: [
-          { prop: 'ruleName', key: '规则名称' },
+          { prop: 'index', key: '序号', width: 60 },
+          { prop: 'ruleType', key: '规则类型' },
+          { prop: 'fieldType', key: '字段类型' },
           { prop: 'ruleDesc', key: '规则描述' },
-          { prop: 'createTime', key: '创建时间' },
+          { prop: 'riskMessage', key: '风险展示话术' },
           {
             prop: 'status',
-            key: '状态',
+            key: '规则状态',
             render: (h, params) => {
               return h(
                 'el-tag',
@@ -95,6 +131,20 @@ export default {
             isRedraw: true,
             render: (h, params) => {
               return h('div', [
+                h(
+                  'el-button',
+                  {
+                    props: {
+                      type: 'text',
+                      size: 'mini',
+                      icon: 'el-icon-view',
+                      title: '查看详情'
+                    },
+                    class: 'normal-button',
+                    on: { click: () => this.handleView(params.row) }
+                  },
+                  ''
+                ),
                 h(
                   'el-button',
                   {
@@ -109,6 +159,20 @@ export default {
                   },
                   ''
                 ),
+                h(
+                  'el-button',
+                  {
+                    props: {
+                      type: 'text',
+                      size: 'mini',
+                      style: 'color: #F56C6C',
+                      icon: 'el-icon-delete',
+                      title: '删除'
+                    },
+                    on: { click: () => this.handleDelete(params.row) }
+                  },
+                  ''
+                ),
                 h(
                   'el-button',
                   {
@@ -122,18 +186,9 @@ export default {
                       title: params.row.status === 0 ? '停用' : '启用'
                     },
                     on: { click: () => this.handleToggleStatus(params.row) }
-                  }
-                ),
-                h('el-button', {
-                  props: {
-                    type: 'text',
-                    size: 'mini',
-                    style: 'color: #F56C6C',
-                    icon: 'el-icon-delete',
-                    title: '删除'
                   },
-                  on: { click: () => this.handleDelete(params.row) }
-                })
+                  ''
+                )
               ])
             }
           }
@@ -155,9 +210,11 @@ export default {
         this.tableData = [
           {
             id: 1,
-            ruleName: '规则1',
+            index: 1,
+            ruleType: '类型1',
+            fieldType: '字段类型1',
             ruleDesc: '规则描述1',
-            createTime: '2023-01-01 12:00:00',
+            riskMessage: '风险展示话术1',
             status: 0
           }
         ]
@@ -176,11 +233,27 @@ export default {
     handleAdd() {
       this.$message.info('新增功能待实现')
     },
+    handleView(row) {
+      this.$message.info('查看详情功能待实现')
+    },
     handleEdit(row) {
       this.$message.info('编辑功能待实现')
     },
     handleToggleStatus(row) {
-      this.$message.info('状态切换功能待实现')
+      // 启用的数据能停用，停用的数据反之
+      const newStatus = row.status === 0 ? 1 : 0;
+      const statusText = row.status === 0 ? '停用' : '启用';
+      
+      this.$messageBox(
+        () => {
+          // 实际应该调用API更新状态
+          row.status = newStatus;
+          this.$message.success(`${statusText}成功`)
+        },
+        `确认${statusText}该规则吗？`,
+        'warning',
+        '提示'
+      )
     },
     handleSizeChange(val) {
       this.queryParams.pageSize = val

From 4764c6e1e400e524d7204b07558b62c367ec0504 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Thu, 24 Jul 2025 10:28:10 +0800
Subject: [PATCH 3/5] =?UTF-8?q?feat(applicationManagement):=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E9=9B=87=E5=88=99=E9=A3=8E=E7=AD=9B=E8=AE=B0=E5=BD=95?=
 =?UTF-8?q?=E5=92=8C=E8=A7=84=E5=88=99=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?-=20=E6=B7=BB=E5=8A=A0=E9=9B=87=E5=88=99=E9=A3=8E=E7=AD=9B?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95=E9=A1=B5=E9=9D=A2=EF=BC=8C=E5=AE=9E=E7=8E=B0?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95=E5=88=97=E8=A1=A8=E5=B1=95=E7=A4=BA=E3=80=81?=
 =?UTF-8?q?=E5=A4=9A=E6=9D=A1=E4=BB=B6=E6=9F=A5=E8=AF=A2=E5=92=8C=E8=AE=B0?=
 =?UTF-8?q?=E5=BD=95=E6=93=8D=E4=BD=9C=E5=8A=9F=E8=83=BD=20-=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E9=9B=87=E5=88=99=E9=A3=8E=E7=AD=9B=E8=A7=84=E5=88=99?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2=EF=BC=8C=E5=AE=9E=E7=8E=B0?=
 =?UTF-8?q?=E8=A7=84=E5=88=99=E5=88=97=E8=A1=A8=E5=B1=95=E7=A4=BA=E3=80=81?=
 =?UTF-8?q?=E5=A4=9A=E6=9D=A1=E4=BB=B6=E6=9F=A5=E8=AF=A2=E5=92=8C=E8=A7=84?=
 =?UTF-8?q?=E5=88=99=E6=93=8D=E4=BD=9C=E5=8A=9F=E8=83=BD=20-=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E9=A1=B5=E9=9D=A2=E7=BB=93=E6=9E=84=EF=BC=8C=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E6=9F=A5=E8=AF=A2=E6=9D=A1=E4=BB=B6=E5=8C=BA=E5=9F=9F?=
 =?UTF-8?q?=E3=80=81=E8=AE=B0=E5=BD=95/=E8=A7=84=E5=88=99=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E8=A1=A8=E6=A0=BC=E5=92=8C=E6=93=8D=E4=BD=9C=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=20-=20=E6=B7=BB=E5=8A=A0=E5=BD=92=E5=B1=9E=E6=9C=BA?=
 =?UTF-8?q?=E6=9E=84=E3=80=81=E8=A7=84=E5=88=99=E7=B1=BB=E5=9E=8B=E7=AD=89?=
 =?UTF-8?q?=E4=B8=8B=E6=8B=89=E9=80=89=E9=A1=B9=E6=95=B0=E6=8D=AE=20-=20?=
 =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E6=9F=A5=E8=AF=A2=E3=80=81=E9=87=8D=E7=BD=AE?=
 =?UTF-8?q?=E3=80=81=E6=9F=A5=E7=9C=8B=E8=AF=A6=E6=83=85=E7=AD=89=E5=9F=BA?=
 =?UTF-8?q?=E6=9C=AC=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../employRecord/index.vue                    | 30 +++++++++++++-
 .../employRule/index.vue                      | 39 ++++++++++++++++++-
 2 files changed, 67 insertions(+), 2 deletions(-)

diff --git a/src/views/applicationManagement/employRecord/index.vue b/src/views/applicationManagement/employRecord/index.vue
index a14b80c..b279e9a 100644
--- a/src/views/applicationManagement/employRecord/index.vue
+++ b/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()
diff --git a/src/views/applicationManagement/employRule/index.vue b/src/views/applicationManagement/employRule/index.vue
index 231e08a..c2f3158 100644
--- a/src/views/applicationManagement/employRule/index.vue
+++ b/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(
         () => {

From 08127364ca88e46f0088d247e09b652d75002115 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Thu, 24 Jul 2025 10:57:33 +0800
Subject: [PATCH 4/5] =?UTF-8?q?feat(riskCheck):=20=E5=AE=9E=E7=8E=B0?=
 =?UTF-8?q?=E8=A7=84=E5=88=99=E6=9F=A5=E8=AF=A2=E3=80=81=E5=90=AF=E7=94=A8?=
 =?UTF-8?q?=E3=80=81=E5=81=9C=E7=94=A8=E5=92=8C=E5=88=A0=E9=99=A4=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加规则查询接口并集成到页面中
- 实现规则启用、停用和删除接口
- 更新页面逻辑以支持新功能
- 优化表格展示和筛选条件
---
 src/api/riskCheck/record.js                   |  38 ++++++
 src/api/riskCheck/rule.js                     | 123 ++++++++++++++++++
 src/icons/svg/logo.png                        | Bin 0 -> 1999 bytes
 .../employRecord/index.vue                    |  50 ++++---
 .../employRule/index.vue                      | 118 +++++++++--------
 5 files changed, 257 insertions(+), 72 deletions(-)
 create mode 100644 src/api/riskCheck/record.js
 create mode 100644 src/api/riskCheck/rule.js
 create mode 100644 src/icons/svg/logo.png

diff --git a/src/api/riskCheck/record.js b/src/api/riskCheck/record.js
new file mode 100644
index 0000000..db2bafc
--- /dev/null
+++ b/src/api/riskCheck/record.js
@@ -0,0 +1,38 @@
+import request from '@/assets/js/utils/request'
+import getUrl from '@/assets/js/utils/get-url'
+
+// 记录page页
+export function getRecordPage(data) {
+  return request({
+    url: getUrl('/risk/check/record/page'),
+    method: 'post',
+    data
+  })
+}
+
+// 查询历史筛查结果
+export function queryResult(params) {
+  return request({
+    url: getUrl('/riskCheckRecordEx/queryResult'),
+    method: 'get',
+    params
+  })
+}
+
+// 根据筛查结果查看明细
+export function queryResultDetail(params) {
+  return request({
+    url: getUrl('/iskCheckRecordEx/queryDetail'),
+    method: 'get',
+    params
+  })
+}
+
+// 返回result.html内容
+export function getResultHtml(params) {
+  return request({
+    url: getUrl('/result.html'),
+    method: 'get',
+    params
+  })
+}
\ No newline at end of file
diff --git a/src/api/riskCheck/rule.js b/src/api/riskCheck/rule.js
new file mode 100644
index 0000000..2f82de5
--- /dev/null
+++ b/src/api/riskCheck/rule.js
@@ -0,0 +1,123 @@
+import request from '@/assets/js/utils/request'
+import getUrl from '@/assets/js/utils/get-url'
+
+// 分页查询
+export function getRulePage(data) {
+  return request({
+    url: getUrl('/risk/check/rule/page'),
+    method: 'post',
+    data
+  })
+}
+
+// 查看详情
+export function queryRuleDetail(params) {
+  return request({
+    url: getUrl('/risk/check/rule/query'),
+    method: 'get',
+    params
+  })
+}
+
+// 新增
+export function createRule(data) {
+  return request({
+    url: getUrl('/risk/check/rule/create'),
+    method: 'post',
+    data
+  })
+}
+
+// 编辑
+export function updateRule(data) {
+  return request({
+    url: getUrl('/risk/check/rule/update'),
+    method: 'post',
+    data
+  })
+}
+
+// 删除
+export function deleteRule(data) {
+  return request({
+    url: getUrl('/risk/check/rule/delete'),
+    method: 'post',
+    data
+  })
+}
+
+// 批量启用/停用
+export function batchSwitchStatus(status, data) {
+  return request({
+    url: getUrl(`/riskCheckRuleEx/batch/${status}`),
+    method: 'post',
+    data
+  })
+}
+
+// 全部启用/停用
+export function allSwitchStatus(status, data) {
+  return request({
+    url: getUrl(`/riskCheckRuleEx/all/${status}`),
+    method: 'post',
+    data
+  })
+}
+
+// 导入Excel
+export function importFromExcel(data) {
+  return request({
+    url: getUrl('/riskCheckRuleEx/importFromExcel'),
+    method: 'post',
+    data,
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    }
+  })
+}
+
+// 导出Excel
+export function exportToExcel(params) {
+  return request({
+    url: getUrl('/riskCheckRuleEx/export'),
+    method: 'get',
+    params,
+    responseType: 'blob'
+  })
+}
+
+// 列表查询
+export function getRuleList(data) {
+  return request({
+    url: getUrl('/risk/check/rule/list'),
+    method: 'post',
+    data
+  })
+}
+
+// 规则类型的批量插入
+export function batchAddRuleType(data) {
+  return request({
+    url: getUrl('/dictionary/batchAddRuleType'),
+    method: 'post',
+    data
+  })
+}
+
+// 字段的批量插入
+export function batchAddField(data) {
+  return request({
+    url: getUrl('/dictionary/batchAddField'),
+    method: 'post',
+    data
+  })
+}
+
+// 风险类型的批量插入
+export function batchAddRiskType(data) {
+  return request({
+    url: getUrl('/dictionary/batchAddRiskType'),
+    method: 'post',
+    data
+  })
+}
\ No newline at end of file
diff --git a/src/icons/svg/logo.png b/src/icons/svg/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..473f9caf4ab12dc31a6c84f8082b1ebc888cdad5
GIT binary patch
literal 1999
zcmWku2{;s58y+{JL7}lkzso3QuDv}WV;Ey%EJIXG%nUINqA0G>&DIdgHI|}&G<K;-
z_b*Gf5<;@vgd%M;i5S~3-#^~xIp=)ud(Qcu_k7>;oFr$mojg(<i9jIa?TI$7;+3#5
zWHxQgvr3N<2nm6+gPX0G>N6qC2ONXI-Um{>0Ot?LAn>69k_BmAfcJw_w2i=t4o(bk
zWdMZ%*8Z@K1u{WEVt_k+V^^L9NBuW$i8D}rVM`Fm1;du$4Jylm6mKBYU~>qhodPke
z{Nac{I52=lgXL9Wpzp@9U4gLg40zJP#t#evK;<lGFu^1M{_=*CG&pnyLQezH4>(@%
z>({SHDx9Xlh0_r44FtapGZZ>_)8OaNpJJ2#z8kKBePBBa1Ofre2iDiuuX(}J(vk}U
zG?{=61ie7eVnW1eh^7LYy7A=sWuX@xzRoTB`9h*MjDKI4Sy<uEFHg@ceVP$`{IM{*
zxVo|?s;P#mN5JRvOKTvrT##QTnEC-D6VTWR6JJGr@79OL7W2v%%br3U52DgwW=<5w
z61{jSyqzb!S+SU2F8J{cI{Jam2GdYD9s(}n`d<<?wyjq;3+ozJUv{rdPA~WNFMb?`
ze;z_k6<p5)MjE&zLRcJ}ya?oQ_&XG=LxCO)rvf4Ay69GdDB%1$uWW5}eE#`kcw7iK
zpNjDDA}UkF_7}Abt;b(kkBwN5ED~m<3)_bTv(qxq#f{g!;7X<-)YPOm&x_I8nw6Cq
zYd7ECGCwKCuo%z8Lad#gp^>3wU9%SgAw{>h!MS<1re;fda9tD<r6YFp_%oi~CJ#8u
zE+|PwH!i{RmU~$y!5&*zH-FLWVB?XcFpo9rA?Y58JM%rSZX<~AZ;yODSZQQrWEsJK
zJ2%<h)!DhNpvt>0O7N}kt{yq>Q1tS-<3lk6jcg(9KoyBN7kjVt-owE&F2wYluryQb
ziIiBguwBN+3K<Gg#pWaQiX91mns%#EIZ86i>mub2%~n$MephD|+eq9^>RRdiR}aE=
zzusHSD<|F^%bMBUg!SmTH*&AOQrlR?)~B-m++N~gk4NOyxwc%YGtn2Ftf@%bY3$LX
ztXy;-wK7~)@0{+%%eHO9Ox^4-=XqW!kj581#(a8yohrF|Z(2gFyYpzt!QOl=-J^;h
zg86Tz_8)Vk_UI(!mUZ`DpKl?PQiRg@BpfL?n2BW7)N?6%Cr~;KQ!U4WnM`z>hJ`bs
z=m6HA_-S{>P5ZImG~|q(ESI=X-K2YsqHsa6gFAIF+duSsoy~G#N)?-I-M9C2)F@@9
zsA~cJIch>eixjzBeYSf}`Ywj!lC%=uSF1w3c0)437t?S#Y?L`sVX(hd%hreCq00Gy
zeTf}!37Mq`%VRWSp6is`a(LXo3b~X2O`M&4wmM5Da4Rsot!fIi;yWiE_KxDlQ0fhb
z&CH^5r?PJ3J4Y#=mk4OtmuM|jWLedmJ@DIcy(IMK?_5^?;Xw_gwr#0~X|)uKq?`Hl
z21NniUv<>5y<{LnaQFQnf%e+rz-v~{w}o`(9evWpT!qW^wkOLnv-$n`^4;y0j`Yqh
zMhPRIsrj(#F-8twQ{eP<;mDM{+#^#&OyTB|T1_kM1p0!vMPHHcn>%G&_Uh!F6S$UT
z?r2jxJ8pmL#gr`v^M>J+iVqA5Dk1-o&P_&|c(^{(9KyR#OLX`k8`Dw0Ttks6h8e-~
z{Rd*&B2CyxCApq$9UM;BhMFBUSU2#(>8FyM8-3DC+aiZWm{2>PYi=}n=-^rp;<7qd
zp?E14-Jn&hR9V9>NW`)`v3x<Js+=2zGPVtw6j^4IQd`l!kKD_BSKWZ?31C?}Tq4@K
zHDlcKe=_^7_e$?4UwyaS@3^xW6CPfZrW#yajzs5iHd#7uDzC7U+=MMvbmx(H3@ct7
zDI~e)->{Z}FFo40(kD+QN=Odw1j1&S<Vd#ULUB`Z)~Sdn>K<o9+0J8$ZEw#E|L;92
zBuCX!gMi{aDJuF8cIy{88_OBZz?^0e=EBxv$nt{EhAs+t6gyzr(X`UP^|f@f6$y`D
z)+iy$DR(qlJ|KRn5{;!uGV;|=5q6T;7B=Qx0Smv>1JC-Xm|6z~w(cq1E6{5uIq>|f
zg`pS&tY`enA89xwjV~L$mgsiXt?o^nbSutH|2`uXkCU@)Ys2)Kv1bN~G1*OKGrE69
z&zKU+?2xoq^`9KWS4O8BiN>y5TMAvB1gl=(x4V+VI&mib-+w>v^rWKxT*}I&F$z^C
zxvA|NcgGS}n1}8*h)d;!V%Sx;qocdfO4<bnTFW{AUgh)L*pvNvA8+&O^Rw_RF@<Y2
z83A48!&X#h`x`B<4D4}Js9|EuD_nv1c<KboVpozj@`v3m6O^L=TiF{;4Qi+nS=WI*
zq4f&7N$Xwecde_pI<_e!`0`XUstwegJEnujb5k)F&`f>%65<bpZg06v<il&bbgHpk
z7EQ{vLr<f^lf8GvRa>g_BJS_U)GmhV;nB%0l^<kDF8Wi?&d(2LVvGqylwy>2<li0~
z^zcP<7e3l>WI}?{m!w}x%(L$8DV8BBozRY?DE-4q&QM(rulqeIHom(nBO($vW&FUv
W(K6iJTOj_R5%#uZn<{Ic*#84G=>>%V

literal 0
HcmV?d00001

diff --git a/src/views/applicationManagement/employRecord/index.vue b/src/views/applicationManagement/employRecord/index.vue
index b279e9a..688b709 100644
--- a/src/views/applicationManagement/employRecord/index.vue
+++ b/src/views/applicationManagement/employRecord/index.vue
@@ -86,6 +86,8 @@
 </template>
 
 <script>
+import { getRecordPage } from '@/api/riskCheck/record'
+
 export default {
   name: 'EmployRecord',
   data() {
@@ -98,13 +100,14 @@ export default {
         approvalNo: '',
         insuredName: '',
         institution: '',
-        submitTime: []
+        submitTimeStart: '',
+        submitTimeEnd: ''
       },
       // 归属机构选项列表
       institutionList: [
-        { label: '机构1', value: 1 },
-        { label: '机构2', value: 2 },
-        { label: '机构3', value: 3 }
+        { label: '机构1', value: 'ORG001' },
+        { label: '机构2', value: 'ORG002' },
+        { label: '机构3', value: 'ORG003' }
       ],
       // 表格配置项
       tableConfig: {
@@ -154,23 +157,28 @@ export default {
     // 获取记录列表数据
     getList() {
       this.loading = true
-      // 这里应该调用实际的API接口
-      // 模拟数据
-      setTimeout(() => {
-        this.tableData = [
-          {
-            id: 1,
-            index: 1,
-            approvalNo: 'AP20230101001',
-            insuredName: '张三',
-            institution: '机构1',
-            insurancePeriod: '2023-01-01 至 2024-01-01',
-            submitTime: '2023-01-01 12:00:00'
-          }
-        ]
-        this.tableConfig.total = 1
-        this.loading = false
-      }, 500)
+      const params = Object.assign({}, this.queryParams)
+      
+      // 处理时间范围参数
+      if (params.submitTime && params.submitTime.length === 2) {
+        params.submitTimeStart = params.submitTime[0]
+        params.submitTimeEnd = params.submitTime[1]
+      }
+      delete params.submitTime
+      
+      getRecordPage(params)
+        .then(response => {
+          // 根据实际API返回结构调整，兼容Vue2语法
+          var content = response.content || {}
+          this.tableData = content.list || []
+          this.tableConfig.total = content.total || 0
+        })
+        .catch(error => {
+          this.$message.error('获取记录列表失败: ' + (error.message || '未知错误'))
+        })
+        .finally(() => {
+          this.loading = false
+        })
     },
     // 查询按钮点击事件
     handleQuery() {
diff --git a/src/views/applicationManagement/employRule/index.vue b/src/views/applicationManagement/employRule/index.vue
index c2f3158..d450202 100644
--- a/src/views/applicationManagement/employRule/index.vue
+++ b/src/views/applicationManagement/employRule/index.vue
@@ -22,21 +22,21 @@
             <el-select v-model="queryParams.ruleType" size="medium" clearable placeholder="请选择规则类型">
               <el-option
                 v-for="item in ruleTypeList"
-                :label="item.label"
-                :value="item.value"
-                :key="item.value"
+                :label="item.typeName"
+                :value="item.typeCode"
+                :key="item.typeCode"
               ></el-option>
             </el-select>
           </el-form-item>
           
           <!-- 字段类型下拉选择 -->
-          <el-form-item label="字段类型" prop="fieldType">
-            <el-select v-model="queryParams.fieldType" size="medium" clearable placeholder="请选择字段类型">
+          <el-form-item label="字段类型" prop="ruleField">
+            <el-select v-model="queryParams.ruleField" size="medium" clearable placeholder="请选择字段类型">
               <el-option
                 v-for="item in fieldTypeList"
-                :label="item.label"
-                :value="item.value"
-                :key="item.value"
+                :label="item.fieldComment"
+                :value="item.fieldName"
+                :key="item.fieldName"
               ></el-option>
             </el-select>
           </el-form-item>
@@ -51,8 +51,8 @@
           </el-form-item>
           
           <!-- 规则状态下拉选择 -->
-          <el-form-item label="规则状态" prop="status">
-            <el-select v-model="queryParams.status" size="medium" clearable placeholder="请选择规则状态">
+          <el-form-item label="规则状态" prop="ruleStatus">
+            <el-select v-model="queryParams.ruleStatus" size="medium" clearable placeholder="请选择规则状态">
               <el-option
                 v-for="item in statusList"
                 :label="item.label"
@@ -91,6 +91,12 @@
 </template>
 
 <script>
+import { 
+  getRulePage, 
+  deleteRule, 
+  batchSwitchStatus 
+} from '@/api/riskCheck/rule'
+
 export default {
   name: 'EmployRule',
   data() {
@@ -101,26 +107,24 @@ export default {
         page: 1,
         pageSize: 10,
         ruleType: '',
-        fieldType: '',
+        ruleField: '',
         ruleDesc: '',
-        status: ''
+        ruleStatus: ''
       },
       // 规则类型选项列表
       ruleTypeList: [
-        { label: '类型1', value: 1 },
-        { label: '类型2', value: 2 },
-        { label: '类型3', value: 3 }
+        { typeName: '基本信息', typeCode: 'basic_rule' },
+        { typeName: '投保信息', typeCode: 'insurance_rule' }
       ],
       // 字段类型选项列表
       fieldTypeList: [
-        { label: '字段类型1', value: 1 },
-        { label: '字段类型2', value: 2 },
-        { label: '字段类型3', value: 3 }
+        { fieldComment: '保险期限（天）', fieldName: 'insurance_period' },
+        { fieldComment: '投保金额', fieldName: 'insurance_amount' }
       ],
       // 规则状态选项列表
       statusList: [
-        { label: '启用', value: 0 }, 
-        { label: '停用', value: 1 }
+        { label: '启用', value: 1 }, 
+        { label: '未启用', value: 0 }
       ],
       // 表格配置项
       tableConfig: {
@@ -130,22 +134,22 @@ export default {
         columns: [
           { prop: 'index', key: '序号', width: 60 },
           { prop: 'ruleType', key: '规则类型' },
-          { prop: 'fieldType', key: '字段类型' },
+          { prop: 'ruleField', key: '字段类型' },
           { prop: 'ruleDesc', key: '规则描述' },
-          { prop: 'riskMessage', key: '风险展示话术' },
+          { prop: 'riskScript', key: '风险展示话术' },
           {
-            prop: 'status',
+            prop: 'ruleStatus',
             key: '规则状态',
             render: (h, params) => {
               return h(
                 'el-tag',
                 {
                   props: {
-                    type: params.row.status === 0 ? 'success' : 'danger',
+                    type: params.row.ruleStatus === 1 ? 'success' : 'info',
                     size: 'small'
                   }
                 },
-                params.row.status === 0 ? '启用' : '停用'
+                params.row.ruleStatus === 1 ? '启用' : '未启用'
               )
             }
           },
@@ -207,10 +211,10 @@ export default {
                       type: 'text',
                       size: 'mini',
                       icon:
-                        params.row.status === 0
+                        params.row.ruleStatus === 1
                           ? 'el-icon-remove-outline'
                           : 'el-icon-circle-check',
-                      title: params.row.status === 0 ? '停用' : '启用'
+                      title: params.row.ruleStatus === 1 ? '停用' : '启用'
                     },
                     on: { click: () => this.handleToggleStatus(params.row) }
                   },
@@ -232,23 +236,21 @@ export default {
     // 获取规则列表数据
     getList() {
       this.loading = true
-      // 这里应该调用实际的API接口
-      // 模拟数据
-      setTimeout(() => {
-        this.tableData = [
-          {
-            id: 1,
-            index: 1,
-            ruleType: '类型1',
-            fieldType: '字段类型1',
-            ruleDesc: '规则描述1',
-            riskMessage: '风险展示话术1',
-            status: 0
-          }
-        ]
-        this.tableConfig.total = 1
-        this.loading = false
-      }, 500)
+      const params = Object.assign({}, this.queryParams)
+      
+      getRulePage(params)
+        .then(response => {
+          // 根据实际API返回结构调整，兼容Vue2语法
+          var content = response.content || {}
+          this.tableData = content.list || []
+          this.tableConfig.total = content.total || 0
+        })
+        .catch(error => {
+          this.$message.error('获取规则列表失败: ' + (error.message || '未知错误'))
+        })
+        .finally(() => {
+          this.loading = false
+        })
     },
     // 查询按钮点击事件
     handleQuery() {
@@ -275,14 +277,21 @@ export default {
     // 启用/停用按钮点击事件
     handleToggleStatus(row) {
       // 启用的数据能停用，停用的数据反之
-      const newStatus = row.status === 0 ? 1 : 0;
-      const statusText = row.status === 0 ? '停用' : '启用';
+      const newStatus = row.ruleStatus === 1 ? 'disabled' : 'enable'
+      const statusText = row.ruleStatus === 1 ? '停用' : '启用'
       
       this.$messageBox(
         () => {
-          // 实际应该调用API更新状态
-          row.status = newStatus;
-          this.$message.success(`${statusText}成功`)
+          // 调用批量启用/停用接口，传入当前行的ID
+          batchSwitchStatus(newStatus, [row.id])
+            .then(() => {
+              this.$message.success(`${statusText}成功`)
+              // 更新当前行的状态
+              row.ruleStatus = row.ruleStatus === 1 ? 0 : 1
+            })
+            .catch(error => {
+              this.$message.error(`${statusText}失败: ` + (error.message || '未知错误'))
+            })
         },
         `确认${statusText}该规则吗？`,
         'warning',
@@ -303,8 +312,15 @@ export default {
     handleDelete(row) {
       this.$messageBox(
         () => {
-          this.$message.success('删除成功')
-          this.getList()
+          // 调用删除接口
+          deleteRule([row.id])
+            .then(() => {
+              this.$message.success('删除成功')
+              this.getList()
+            })
+            .catch(error => {
+              this.$message.error('删除失败: ' + (error.message || '未知错误'))
+            })
         },
         '确认删除该规则吗？',
         'warning',

From e2c2d034fbce7dd0ecbf5fe4cff0e13c3923c2da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Thu, 24 Jul 2025 14:08:20 +0800
Subject: [PATCH 5/5] =?UTF-8?q?feat(=E5=BA=94=E7=94=A8=E7=AE=A1=E7=90=86):?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9E=E8=A7=84=E5=88=99=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E5=92=8C=E6=9F=A5=E7=9C=8B=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增规则编辑对话框组件 RuleEditDialog
- 新增规则查看对话框组件 RuleViewDialog
- 实现规则列表页面的新增、编辑和查看功能
- 优化规则列表的展示和操作
---
 babel.config.js                               |  12 +-
 src/api/riskCheck/index.js                    |   4 +
 .../employRule/components/RuleEditDialog.vue  | 308 ++++++++++++++++++
 .../employRule/components/RuleViewDialog.vue  | 246 ++++++++++++++
 .../employRule/index.vue                      | 167 ++++++++--
 5 files changed, 700 insertions(+), 37 deletions(-)
 create mode 100644 src/views/applicationManagement/employRule/components/RuleEditDialog.vue
 create mode 100644 src/views/applicationManagement/employRule/components/RuleViewDialog.vue

diff --git a/babel.config.js b/babel.config.js
index 5d9f8fa..c6ae298 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,11 +1,11 @@
 module.exports = {
   presets: ['@vue/app'],
   plugins: [
-    [
-      'transform-remove-console',
-      {
-        exclude: ['warn', 'error'] // 可选：保留 warn 和 error
-      }
-    ]
+    // [
+    //   'transform-remove-console',
+    //   {
+    //     exclude: ['warn', 'error'] // 可选：保留 warn 和 error
+    //   }
+    // ]
   ]
 }
diff --git a/src/api/riskCheck/index.js b/src/api/riskCheck/index.js
index ffabd59..89087a3 100644
--- a/src/api/riskCheck/index.js
+++ b/src/api/riskCheck/index.js
@@ -1,6 +1,10 @@
 import request from '@/assets/js/utils/request'
 import getUrl from '@/assets/js/utils/get-url'
+// 导出规则相关API
+export * from './rule'
 
+// 导出记录相关API
+export * from './record'
 // 查询审批单风险筛查结果
 export function queryResult(data) {
   return request({
diff --git a/src/views/applicationManagement/employRule/components/RuleEditDialog.vue b/src/views/applicationManagement/employRule/components/RuleEditDialog.vue
new file mode 100644
index 0000000..25ccab1
--- /dev/null
+++ b/src/views/applicationManagement/employRule/components/RuleEditDialog.vue
@@ -0,0 +1,308 @@
+<template>
+  <el-dialog
+    :title="dialogTitle"
+    :visible.sync="dialogVisible"
+    width="600px"
+    @close="handleClose"
+  >
+    <el-form
+      ref="ruleForm"
+      :model="ruleForm"
+      :rules="rules"
+      label-width="120px"
+      v-loading="loading"
+    >
+      <!-- 规则类型下拉选择 -->
+      <el-form-item label="规则类型" prop="ruleType">
+        <el-select
+          v-model="ruleForm.ruleType"
+          placeholder="请选择规则类型"
+          style="width: 100%"
+        >
+          <el-option
+            v-for="item in ruleTypeList"
+            :key="item.typeCode"
+            :label="item.typeName"
+            :value="item.typeCode"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+
+      <!-- 字段类型下拉选择 -->
+      <el-form-item label="字段类型" prop="ruleField">
+        <el-select
+          v-model="ruleForm.ruleField"
+          placeholder="请选择字段类型"
+          style="width: 100%"
+        >
+          <el-option
+            v-for="item in fieldTypeList"
+            :key="item.fieldName"
+            :label="item.fieldComment"
+            :value="item.fieldName"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+
+      <!-- 规则描述文本域 -->
+      <el-form-item label="规则描述" prop="ruleDesc">
+        <el-input
+          type="textarea"
+          v-model="ruleForm.ruleDesc"
+          placeholder="请输入规则描述"
+          :rows="3"
+        ></el-input>
+      </el-form-item>
+
+      <!-- 风险提示话术输入框 -->
+      <el-form-item label="风险提示话术" prop="riskScript">
+        <el-input
+          v-model="ruleForm.riskScript"
+          placeholder="请输入风险提示话术"
+        ></el-input>
+      </el-form-item>
+
+      <!-- 校验内容类型 -->
+      <!--      <el-form-item label="校验内容类型" prop="checkType">-->
+      <!--        <el-select -->
+      <!--          v-model="ruleForm.checkType" -->
+      <!--          placeholder="请选择校验内容类型" -->
+      <!--          style="width: 100%"-->
+      <!--        >-->
+      <!--          <el-option label="表单信息" :value="1"></el-option>-->
+      <!--          <el-option label="文本文件" :value="2"></el-option>-->
+      <!--          <el-option label="图片" :value="3"></el-option>-->
+      <!--        </el-select>-->
+      <!--      </el-form-item>-->
+
+      <!--      &lt;!&ndash; 风险类型 &ndash;&gt;-->
+      <!--      <el-form-item label="风险类型" prop="riskType">-->
+      <!--        <el-select -->
+      <!--          v-model="ruleForm.riskType" -->
+      <!--          placeholder="请选择风险类型" -->
+      <!--          style="width: 100%"-->
+      <!--        >-->
+      <!--          <el-option-->
+      <!--            v-for="item in riskTypeList"-->
+      <!--            :key="item.riskTypeCode"-->
+      <!--            :label="item.riskType"-->
+      <!--            :value="item.riskTypeCode">-->
+      <!--          </el-option>-->
+      <!--        </el-select>-->
+      <!--      </el-form-item>-->
+
+      <!--      &lt;!&ndash; 运行类型 &ndash;&gt;-->
+      <!--      <el-form-item label="运行类型" prop="runType">-->
+      <!--        <el-radio-group v-model="ruleForm.runType">-->
+      <!--          <el-radio label="ai">AI</el-radio>-->
+      <!--          <el-radio label="func">函数</el-radio>-->
+      <!--        </el-radio-group>-->
+      <!--      </el-form-item>-->
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button
+        type="primary"
+        @click="handleSubmit"
+        :loading="submitLoading"
+        size="medium"
+        >确 定</el-button
+      >
+      <el-button @click="handleClose" size="medium">取 消</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { createRule, updateRule, queryRuleDetail } from '@/api/riskCheck/rule'
+
+export default {
+  name: 'RuleEditDialog',
+  props: {
+    // 对话框是否可见
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    // 是否为编辑模式
+    isEdit: {
+      type: Boolean,
+      default: false
+    },
+    // 当前规则数据
+    ruleData: {
+      type: Object,
+      default: () => ({})
+    },
+    // 规则类型选项列表
+    ruleTypeOptions: {
+      type: Array,
+      default: () => []
+    },
+    // 字段类型选项列表
+    fieldTypeOptions: {
+      type: Array,
+      default: () => []
+    },
+    // 风险类型选项列表
+    riskTypeOptions: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      loading: false,
+      submitLoading: false,
+      // 表单数据
+      ruleForm: {
+        id: '',
+        ruleType: '',
+        ruleField: '',
+        ruleDesc: '',
+        riskScript: '',
+        checkType: 1,
+        riskType: '',
+        ruleStatus: 0,
+        runType: 'ai'
+      },
+      // 表单验证规则
+      rules: {
+        ruleType: [
+          { required: true, message: '请选择规则类型', trigger: 'change' }
+        ],
+        ruleField: [
+          { required: true, message: '请选择字段类型', trigger: 'change' }
+        ],
+        ruleDesc: [
+          { required: true, message: '请输入规则描述', trigger: 'blur' }
+        ],
+        riskScript: [
+          { required: true, message: '请输入风险提示话术', trigger: 'blur' }
+        ],
+        checkType: [
+          { required: true, message: '请选择校验内容类型', trigger: 'change' }
+        ],
+        riskType: [
+          { required: true, message: '请选择风险类型', trigger: 'change' }
+        ],
+        runType: [
+          { required: true, message: '请选择运行类型', trigger: 'change' }
+        ]
+      }
+    }
+  },
+  computed: {
+    // 对话框标题
+    dialogTitle() {
+      return this.isEdit ? '编辑规则' : '新增规则'
+    },
+    // 对话框可见性
+    dialogVisible: {
+      get() {
+        return this.visible
+      },
+      set(val) {
+        this.$emit('update:visible', val)
+      }
+    },
+    // 规则类型选项列表
+    ruleTypeList() {
+      return this.ruleTypeOptions.length > 0
+        ? this.ruleTypeOptions
+        : [
+            { typeName: '基本信息', typeCode: 'basic_rule' },
+            { typeName: '投保信息', typeCode: 'insurance_rule' }
+          ]
+    },
+    // 字段类型选项列表
+    fieldTypeList() {
+      return this.fieldTypeOptions.length > 0
+        ? this.fieldTypeOptions
+        : [
+            { fieldComment: '保险期限（天）', fieldName: 'insurance_period' },
+            { fieldComment: '投保金额', fieldName: 'insurance_amount' }
+          ]
+    },
+    // 风险类型选项列表
+    riskTypeList() {
+      return this.riskTypeOptions.length > 0
+        ? this.riskTypeOptions
+        : [
+            {
+              riskType: '费率与投保方案不合理风险',
+              riskTypeCode: 'rate_plan_risk'
+            },
+            {
+              riskType: '保险责任不明确风险',
+              riskTypeCode: 'insurance_liability_risk'
+            }
+          ]
+    }
+  },
+  watch: {
+    // 监听规则数据变化
+    ruleData: {
+      handler(val) {
+        if (val && Object.keys(val).length > 0) {
+          this.ruleForm = Object.assign({}, val)
+        } else {
+          this.ruleForm = {
+            id: '',
+            ruleType: '',
+            ruleField: '',
+            ruleDesc: '',
+            riskScript: '',
+            checkType: 1,
+            riskType: '',
+            ruleStatus: 0,
+            runType: 'ai'
+          }
+        }
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    // 关闭对话框
+    handleClose() {
+      this.$refs.ruleForm.resetFields()
+      this.$emit('update:visible', false)
+    },
+    // 提交表单
+    handleSubmit() {
+      this.$refs.ruleForm.validate(valid => {
+        if (valid) {
+          this.submitLoading = true
+          // 根据是否为编辑模式调用不同接口
+          const request = this.isEdit ? updateRule : createRule
+          const params = Object.assign({}, this.ruleForm)
+
+          request(params)
+            .then(response => {
+              this.$message.success(`${this.dialogTitle}成功`)
+              this.$emit('success', response)
+              this.handleClose()
+            })
+            .catch(error => {
+              this.$message.error(
+                `${this.dialogTitle}失败: ` + (error.message || '未知错误')
+              )
+            })
+            .finally(() => {
+              this.submitLoading = false
+            })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.dialog-footer {
+  text-align: right;
+}
+</style>
diff --git a/src/views/applicationManagement/employRule/components/RuleViewDialog.vue b/src/views/applicationManagement/employRule/components/RuleViewDialog.vue
new file mode 100644
index 0000000..7149c61
--- /dev/null
+++ b/src/views/applicationManagement/employRule/components/RuleViewDialog.vue
@@ -0,0 +1,246 @@
+<template>
+  <el-dialog
+    title="查看规则"
+    :visible.sync="dialogVisible"
+    width="600px"
+    @close="handleClose"
+  >
+    <el-form
+      ref="ruleForm"
+      :model="ruleForm"
+      label-width="120px"
+      v-loading="loading"
+    >
+      <!-- 规则类型 -->
+      <el-form-item label="规则类型">
+        <el-select
+          v-model="ruleForm.ruleType"
+          placeholder="请选择规则类型"
+          style="width: 100%"
+          disabled
+        >
+          <el-option
+            v-for="item in ruleTypeList"
+            :key="item.typeCode"
+            :label="item.typeName"
+            :value="item.typeCode"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+
+      <!-- 字段类型 -->
+      <el-form-item label="字段类型">
+        <el-select
+          v-model="ruleForm.ruleField"
+          placeholder="请选择字段类型"
+          style="width: 100%"
+          disabled
+        >
+          <el-option
+            v-for="item in fieldTypeList"
+            :key="item.fieldName"
+            :label="item.fieldComment"
+            :value="item.fieldName"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+
+      <!-- 规则描述 -->
+      <el-form-item label="规则描述">
+        <el-input
+          type="textarea"
+          v-model="ruleForm.ruleDesc"
+          placeholder="请输入规则描述"
+          :rows="3"
+          disabled
+        ></el-input>
+      </el-form-item>
+
+      <!-- 风险提示话术 -->
+      <el-form-item label="风险提示话术">
+        <el-input
+          v-model="ruleForm.riskScript"
+          placeholder="请输入风险提示话术"
+          disabled
+        ></el-input>
+      </el-form-item>
+
+      <!--      &lt;!&ndash; 校验内容类型 &ndash;&gt;-->
+      <!--      <el-form-item label="校验内容类型">-->
+      <!--        <el-select -->
+      <!--          v-model="ruleForm.checkType" -->
+      <!--          placeholder="请选择校验内容类型" -->
+      <!--          style="width: 100%"-->
+      <!--          disabled-->
+      <!--        >-->
+      <!--          <el-option label="表单信息" :value="1"></el-option>-->
+      <!--          <el-option label="文本文件" :value="2"></el-option>-->
+      <!--          <el-option label="图片" :value="3"></el-option>-->
+      <!--        </el-select>-->
+      <!--      </el-form-item>-->
+
+      <!--      &lt;!&ndash; 风险类型 &ndash;&gt;-->
+      <!--      <el-form-item label="风险类型">-->
+      <!--        <el-select -->
+      <!--          v-model="ruleForm.riskType" -->
+      <!--          placeholder="请选择风险类型" -->
+      <!--          style="width: 100%"-->
+      <!--          disabled-->
+      <!--        >-->
+      <!--          <el-option-->
+      <!--            v-for="item in riskTypeList"-->
+      <!--            :key="item.riskTypeCode"-->
+      <!--            :label="item.riskType"-->
+      <!--            :value="item.riskTypeCode">-->
+      <!--          </el-option>-->
+      <!--        </el-select>-->
+      <!--      </el-form-item>-->
+
+      <!--      &lt;!&ndash; 运行类型 &ndash;&gt;-->
+      <!--      <el-form-item label="运行类型">-->
+      <!--        <el-radio-group v-model="ruleForm.runType" disabled>-->
+      <!--          <el-radio label="ai">AI</el-radio>-->
+      <!--          <el-radio label="func">函数</el-radio>-->
+      <!--        </el-radio-group>-->
+      <!--      </el-form-item>-->
+
+      <!-- 规则状态 -->
+      <!--      <el-form-item label="规则状态">-->
+      <!--        <el-switch-->
+      <!--          v-model="ruleForm.ruleStatus"-->
+      <!--          :active-value="1"-->
+      <!--          :inactive-value="0"-->
+      <!--          active-text="启用"-->
+      <!--          inactive-text="未启用"-->
+      <!--          disabled-->
+      <!--        >-->
+      <!--        </el-switch>-->
+      <!--      </el-form-item>-->
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="handleClose" size="medium">关 闭</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { queryRuleDetail } from '@/api/riskCheck/rule'
+
+export default {
+  name: 'RuleViewDialog',
+  props: {
+    // 对话框是否可见
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    // 当前规则数据
+    ruleData: {
+      type: Object,
+      default: () => ({})
+    },
+    // 规则类型选项列表
+    ruleTypeOptions: {
+      type: Array,
+      default: () => []
+    },
+    // 字段类型选项列表
+    fieldTypeOptions: {
+      type: Array,
+      default: () => []
+    },
+    // 风险类型选项列表
+    riskTypeOptions: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      loading: false,
+      // 表单数据
+      ruleForm: {
+        id: '',
+        ruleType: '',
+        ruleField: '',
+        ruleDesc: '',
+        riskScript: '',
+        checkType: 1,
+        riskType: '',
+        ruleStatus: 0,
+        runType: 'ai'
+      }
+    }
+  },
+  computed: {
+    // 对话框可见性
+    dialogVisible: {
+      get() {
+        return this.visible
+      },
+      set(val) {
+        this.$emit('update:visible', val)
+      }
+    },
+    // 规则类型选项列表
+    ruleTypeList() {
+      return this.ruleTypeOptions.length > 0
+        ? this.ruleTypeOptions
+        : [
+            { typeName: '基本信息', typeCode: 'basic_rule' },
+            { typeName: '投保信息', typeCode: 'insurance_rule' }
+          ]
+    },
+    // 字段类型选项列表
+    fieldTypeList() {
+      return this.fieldTypeOptions.length > 0
+        ? this.fieldTypeOptions
+        : [
+            { fieldComment: '保险期限（天）', fieldName: 'insurance_period' },
+            { fieldComment: '投保金额', fieldName: 'insurance_amount' }
+          ]
+    },
+    // 风险类型选项列表
+    riskTypeList() {
+      return this.riskTypeOptions.length > 0
+        ? this.riskTypeOptions
+        : [
+            {
+              riskType: '费率与投保方案不合理风险',
+              riskTypeCode: 'rate_plan_risk'
+            },
+            {
+              riskType: '保险责任不明确风险',
+              riskTypeCode: 'insurance_liability_risk'
+            }
+          ]
+    }
+  },
+  watch: {
+    // 监听规则数据变化
+    ruleData: {
+      handler(val) {
+        if (val && Object.keys(val).length > 0) {
+          this.ruleForm = Object.assign({}, val)
+        }
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    // 关闭对话框
+    handleClose() {
+      this.$emit('update:visible', false)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.dialog-footer {
+  text-align: right;
+}
+</style>
diff --git a/src/views/applicationManagement/employRule/index.vue b/src/views/applicationManagement/employRule/index.vue
index d450202..0f65964 100644
--- a/src/views/applicationManagement/employRule/index.vue
+++ b/src/views/applicationManagement/employRule/index.vue
@@ -19,7 +19,12 @@
         >
           <!-- 规则类型下拉选择 -->
           <el-form-item label="规则类型" prop="ruleType">
-            <el-select v-model="queryParams.ruleType" size="medium" clearable placeholder="请选择规则类型">
+            <el-select
+              v-model="queryParams.ruleType"
+              size="medium"
+              clearable
+              placeholder="请选择规则类型"
+            >
               <el-option
                 v-for="item in ruleTypeList"
                 :label="item.typeName"
@@ -28,10 +33,15 @@
               ></el-option>
             </el-select>
           </el-form-item>
-          
+
           <!-- 字段类型下拉选择 -->
           <el-form-item label="字段类型" prop="ruleField">
-            <el-select v-model="queryParams.ruleField" size="medium" clearable placeholder="请选择字段类型">
+            <el-select
+              v-model="queryParams.ruleField"
+              size="medium"
+              clearable
+              placeholder="请选择字段类型"
+            >
               <el-option
                 v-for="item in fieldTypeList"
                 :label="item.fieldComment"
@@ -40,7 +50,7 @@
               ></el-option>
             </el-select>
           </el-form-item>
-          
+
           <!-- 规则描述输入框 -->
           <el-form-item label="规则描述" prop="ruleDesc">
             <el-input
@@ -49,10 +59,15 @@
               placeholder="请输入规则描述"
             ></el-input>
           </el-form-item>
-          
+
           <!-- 规则状态下拉选择 -->
           <el-form-item label="规则状态" prop="ruleStatus">
-            <el-select v-model="queryParams.ruleStatus" size="medium" clearable placeholder="请选择规则状态">
+            <el-select
+              v-model="queryParams.ruleStatus"
+              size="medium"
+              clearable
+              placeholder="请选择规则状态"
+            >
               <el-option
                 v-for="item in statusList"
                 :label="item.label"
@@ -62,7 +77,7 @@
             </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"
@@ -75,7 +90,7 @@
         </div>
       </div>
     </div>
-    
+
     <!-- 规则列表表格 -->
     <r-table
       :columns="tableConfig.columns"
@@ -87,21 +102,60 @@
       :currentPage="tableConfig.currentPage"
       :pageSize="tableConfig.pageSize"
     />
+
+    <!-- 规则编辑对话框 -->
+    <rule-edit-dialog
+      :visible.sync="editDialogVisible"
+      :is-edit="isEdit"
+      :rule-data="currentRuleData"
+      :rule-type-options="ruleTypeList"
+      :field-type-options="fieldTypeList"
+      :risk-type-options="riskTypeList"
+      @success="handleEditSuccess"
+    />
+
+    <!-- 规则查看对话框 -->
+    <rule-view-dialog
+      :visible.sync="viewDialogVisible"
+      :rule-data="currentRuleData"
+      :rule-type-options="ruleTypeList"
+      :field-type-options="fieldTypeList"
+      :risk-type-options="riskTypeList"
+    />
   </div>
 </template>
 
 <script>
-import { 
-  getRulePage, 
-  deleteRule, 
-  batchSwitchStatus 
+import {
+  getRulePage,
+  deleteRule,
+  batchSwitchStatus,
+  queryRuleDetail,
+  getRuleList,
+  batchAddRuleType,
+  batchAddField,
+  batchAddRiskType
 } from '@/api/riskCheck/rule'
+import RuleEditDialog from './components/RuleEditDialog.vue'
+import RuleViewDialog from './components/RuleViewDialog.vue'
 
 export default {
   name: 'EmployRule',
+  components: {
+    RuleEditDialog,
+    RuleViewDialog
+  },
   data() {
     return {
       loading: false,
+      // 编辑对话框是否可见
+      editDialogVisible: false,
+      // 查看对话框是否可见
+      viewDialogVisible: false,
+      // 是否为编辑模式
+      isEdit: false,
+      // 当前规则数据
+      currentRuleData: {},
       // 查询参数
       queryParams: {
         page: 1,
@@ -121,18 +175,26 @@ export default {
         { fieldComment: '保险期限（天）', fieldName: 'insurance_period' },
         { fieldComment: '投保金额', fieldName: 'insurance_amount' }
       ],
-      // 规则状态选项列表
-      statusList: [
-        { label: '启用', value: 1 }, 
-        { label: '未启用', value: 0 }
+      // 风险类型选项列表
+      riskTypeList: [
+        {
+          riskType: '费率与投保方案不合理风险',
+          riskTypeCode: 'rate_plan_risk'
+        },
+        {
+          riskType: '保险责任不明确风险',
+          riskTypeCode: 'insurance_liability_risk'
+        }
       ],
+      // 规则状态选项列表
+      statusList: [{ label: '启用', value: 0 }, { label: '未启用', value: 1 }],
       // 表格配置项
       tableConfig: {
         total: 0,
         currentPage: 1,
         pageSize: 10,
         columns: [
-          { prop: 'index', key: '序号', width: 60 },
+          { type: 'index', key: '序号', width: 60 },
           { prop: 'ruleType', key: '规则类型' },
           { prop: 'ruleField', key: '字段类型' },
           { prop: 'ruleDesc', key: '规则描述' },
@@ -145,11 +207,11 @@ export default {
                 'el-tag',
                 {
                   props: {
-                    type: params.row.ruleStatus === 1 ? 'success' : 'info',
+                    type: params.row.ruleStatus === 0 ? 'success' : 'info',
                     size: 'small'
                   }
                 },
-                params.row.ruleStatus === 1 ? '启用' : '未启用'
+                params.row.ruleStatus === 0 ? '启用' : '未启用'
               )
             }
           },
@@ -214,7 +276,7 @@ export default {
                         params.row.ruleStatus === 1
                           ? 'el-icon-remove-outline'
                           : 'el-icon-circle-check',
-                      title: params.row.ruleStatus === 1 ? '停用' : '启用'
+                      title: params.row.ruleStatus === 1 ? '启用' : '停用'
                     },
                     on: { click: () => this.handleToggleStatus(params.row) }
                   },
@@ -237,16 +299,18 @@ export default {
     getList() {
       this.loading = true
       const params = Object.assign({}, this.queryParams)
-      
+
       getRulePage(params)
         .then(response => {
           // 根据实际API返回结构调整，兼容Vue2语法
-          var content = response.content || {}
+          var content = response.content.content || {}
           this.tableData = content.list || []
           this.tableConfig.total = content.total || 0
         })
         .catch(error => {
-          this.$message.error('获取规则列表失败: ' + (error.message || '未知错误'))
+          this.$message.error(
+            '获取规则列表失败: ' + (error.message || '未知错误')
+          )
         })
         .finally(() => {
           this.loading = false
@@ -264,22 +328,61 @@ export default {
     },
     // 新增按钮点击事件
     handleAdd() {
-      this.$message.info('新增功能待实现')
+      this.isEdit = false
+      this.currentRuleData = {}
+      this.editDialogVisible = true
     },
     // 查看详情按钮点击事件
     handleView(row) {
-      this.$message.info('查看详情功能待实现')
+      this.loading = true
+      this.viewDialogVisible = true
+
+      // 获取规则详情
+      queryRuleDetail({ id: row.id })
+        .then(response => {
+          this.currentRuleData = response.content.content || {}
+        })
+        .catch(error => {
+          this.$message.error(
+            '获取规则详情失败: ' + (error.message || '未知错误')
+          )
+          this.viewDialogVisible = false
+        })
+        .finally(() => {
+          this.loading = false
+        })
     },
     // 编辑按钮点击事件
     handleEdit(row) {
-      this.$message.info('编辑功能待实现')
+      this.isEdit = true
+      this.loading = true
+
+      // 获取规则详情
+      queryRuleDetail({ id: row.id })
+        .then(response => {
+          this.currentRuleData = response.content.content || {}
+          this.editDialogVisible = true
+        })
+        .catch(error => {
+          this.$message.error(
+            '获取规则详情失败: ' + (error.message || '未知错误')
+          )
+        })
+        .finally(() => {
+          this.loading = false
+        })
+    },
+    // 编辑成功回调
+    handleEditSuccess() {
+      this.getList() // 刷新列表
     },
     // 启用/停用按钮点击事件
     handleToggleStatus(row) {
+      // 1 停用  0  启用
       // 启用的数据能停用，停用的数据反之
-      const newStatus = row.ruleStatus === 1 ? 'disabled' : 'enable'
-      const statusText = row.ruleStatus === 1 ? '停用' : '启用'
-      
+      const newStatus = row.ruleStatus === 0 ? 'enable' : 'disabled'
+      const statusText = row.ruleStatus === 0 ? '停用' : '启用'
+
       this.$messageBox(
         () => {
           // 调用批量启用/停用接口，传入当前行的ID
@@ -290,7 +393,9 @@ export default {
               row.ruleStatus = row.ruleStatus === 1 ? 0 : 1
             })
             .catch(error => {
-              this.$message.error(`${statusText}失败: ` + (error.message || '未知错误'))
+              this.$message.error(
+                `${statusText}失败: ` + (error.message || '未知错误')
+              )
             })
         },
         `确认${statusText}该规则吗？`,
@@ -348,4 +453,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>