diff --git a/src/api/home/1 b/src/api/home/1
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/api/home/1

diff --git a/src/api/home/1 b/src/api/home/1
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/api/home/1
diff --git a/src/api/home/rule/grade.ts b/src/api/home/rule/grade.ts
new file mode 100644
index 0000000..7ba11c9
--- /dev/null
+++ b/src/api/home/rule/grade.ts
@@ -0,0 +1,47 @@
+/**
+ * 考核等级评定相关接口
+ */
+import request from '@/api/index'
+
+// 分页列表
+export function getListPage(params: object) {
+  return request({
+    url: '/assessmentLevel/listPage',
+    method: 'get',
+    params,
+  })
+}
+// 删除
+export function delGrade(data: object) {
+  return request({
+    url: '/assessmentLevel/delete',
+    method: 'get',
+    params: data,
+  })
+}
+// 新增
+export function addGrade(data: object) {
+  return request({
+    url: '/assessmentLevel/add',
+    method: 'post',
+    data,
+  })
+}
+// 编辑
+export function editGrade(data: object) {
+  return request({
+    url: '/assessmentLevel/update',
+    method: 'post',
+    data,
+  })
+}
+// 导出
+export function exportGrade(data: object) {
+  return request({
+    url: '/assessmentLevel/export',
+    method: 'get',
+    params: data,
+    responseType: 'blob',
+  })
+}
+

diff --git a/src/api/home/1 b/src/api/home/1
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/api/home/1
diff --git a/src/api/home/rule/grade.ts b/src/api/home/rule/grade.ts
new file mode 100644
index 0000000..7ba11c9
--- /dev/null
+++ b/src/api/home/rule/grade.ts
@@ -0,0 +1,47 @@
+/**
+ * 考核等级评定相关接口
+ */
+import request from '@/api/index'
+
+// 分页列表
+export function getListPage(params: object) {
+  return request({
+    url: '/assessmentLevel/listPage',
+    method: 'get',
+    params,
+  })
+}
+// 删除
+export function delGrade(data: object) {
+  return request({
+    url: '/assessmentLevel/delete',
+    method: 'get',
+    params: data,
+  })
+}
+// 新增
+export function addGrade(data: object) {
+  return request({
+    url: '/assessmentLevel/add',
+    method: 'post',
+    data,
+  })
+}
+// 编辑
+export function editGrade(data: object) {
+  return request({
+    url: '/assessmentLevel/update',
+    method: 'post',
+    data,
+  })
+}
+// 导出
+export function exportGrade(data: object) {
+  return request({
+    url: '/assessmentLevel/export',
+    method: 'get',
+    params: data,
+    responseType: 'blob',
+  })
+}
+
diff --git a/src/views/rule/grade/components/edit.vue b/src/views/rule/grade/components/edit.vue
index 605c97e..109beb4 100644
--- a/src/views/rule/grade/components/edit.vue
+++ b/src/views/rule/grade/components/edit.vue
@@ -5,7 +5,9 @@
  -->
 <script lang="ts" setup name="RuleGradeHandler">
 import type { FormInstance, FormRules, UploadUserFile } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import ruleTable from './ruleTable.vue'
+import { addGrade, editGrade } from '@/api/home/rule/grade'
 const $route = useRoute()
 const $router = useRouter()
 // 对话框类型：create,update
@@ -16,25 +18,86 @@
   create: '新增',
   detail: '详情',
 }
-// 表单对象
-const ruleForm = ref({
-
-})
-// 表单验证规则
-const rules = ref<FormRules>({
-  reason: [{ required: true, message: '送检原因必填', trigger: ['blur', 'change'] }],
-})
 // 表单实例对象
 const ruleFormRef = ref()
 // 等级评定规则表格实例对象
 const ruleTableRef = ref()
+// 表单对象
+const ruleForm = ref({
+  levelDesc: '', // 	等级评定描述
+  levelName: '', // 	等级评定名称
+  remarks: '', // 备注
+  evaluationRules: [],
+  id: '',
+})
+// 表单验证规则
+const rules = ref<FormRules>({
+  levelDesc: [{ required: true, message: '等级评定描述必填', trigger: ['blur', 'change'] }],
+  levelName: [{ required: true, message: '等级评定名称必填', trigger: ['blur', 'change'] }],
+  evaluationRules: [{ required: true, message: '等级评定规则必填', trigger: ['blur', 'change'] }],
+})
+// 等级评定规则验证
+watch(() => ruleTableRef.value?.list, (newVal) => {
+  if (newVal.length) {
+    ruleFormRef.value.clearValidate('evaluationRules')
+  }
+}, {
+  deep: true,
+})
+// 编辑
+const update = () => {
+  ruleForm.value.evaluationRules = ruleTableRef.value.list
+  editGrade({ ...ruleForm.value }).then((res) => {
+    ElMessage.success('操作成功')
+    $router.go(-1)
+  })
+}
+// 新增
+const create = () => {
+  ruleForm.value.evaluationRules = ruleTableRef.value.list
+  addGrade({ ...ruleForm.value }).then((res) => {
+    ElMessage.success('操作成功')
+    $router.go(-1)
+  })
+}
+// 保存
+const saveData = (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  formEl.validate().then((res) => {
+    if (ruleTableRef.value.checkCertificateList()) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then((res) => {
+        if ($route.path.includes('update')) {
+          update()
+        }
+        else if ($route.path.includes('create')) {
+          create()
+        }
+      })
+    }
+  })
+}
+onMounted(() => {
+  dialogStatus.value = $route.params.type as string
+  if (!$route.path.includes('create')) {
+    const data = JSON.parse($route.query.row as string)
+    ruleForm.value = data
+  }
+})
 </script>
 
 <template>
   <app-container style="overflow: hidden;">
     <detail-page class="base-info-device" :title="`考核等级评定-${textMap[dialogStatus]}`">
       <template #btns>
-        <el-button type="primary">
+        <el-button type="primary" @click="saveData(ruleFormRef)">
           保存
         </el-button>
         <el-button type="info" @click="$router.go(-1)">
@@ -50,8 +113,8 @@
         <el-row :gutter="24" class="marg">
           <el-col :span="5" />
           <el-col :span="14">
-            <el-form-item label="等级评定名称" prop="approvalNo">
-              <el-input v-model.trim="ruleForm.approvalNo" placeholder="等级评定名称" />
+            <el-form-item label="等级评定名称" prop="levelName">
+              <el-input v-model.trim="ruleForm.levelName" placeholder="等级评定名称" />
             </el-form-item>
           </el-col>
           <el-col :span="5" />
@@ -59,8 +122,8 @@
         <el-row :gutter="24" class="marg">
           <el-col :span="5" />
           <el-col :span="14">
-            <el-form-item label="等级评定描述" prop="approvalName">
-              <el-input v-model.trim="ruleForm.approvalName" type="textarea" placeholder="等级评定描述" :rows="3" maxlength="50" show-word-limit />
+            <el-form-item label="等级评定描述" prop="levelDesc">
+              <el-input v-model.trim="ruleForm.levelDesc" type="textarea" placeholder="等级评定描述" :rows="3" maxlength="50" show-word-limit />
             </el-form-item>
           </el-col>
           <el-col :span="5" />
@@ -69,8 +132,8 @@
           <el-col :span="5" />
           <el-col :span="14">
             <!-- 等级评定规则表格 -->
-            <el-form-item label="等级评定规则">
-              <rule-table ref="ruleTableRef" :data="[]" />
+            <el-form-item label="等级评定规则" prop="evaluationRules">
+              <rule-table ref="ruleTableRef" :data="ruleForm.evaluationRules" />
             </el-form-item>
           </el-col>
           <el-col :span="5" />
@@ -78,8 +141,8 @@
         <el-row :gutter="24" class="marg">
           <el-col :span="5" />
           <el-col :span="14">
-            <el-form-item label="备注" prop="approvalName">
-              <el-input v-model.trim="ruleForm.approvalName" type="textarea" placeholder="备注" :rows="4" maxlength="100" show-word-limit />
+            <el-form-item label="备注" prop="remarks">
+              <el-input v-model.trim="ruleForm.remarks" type="textarea" placeholder="备注" :rows="4" maxlength="100" show-word-limit />
             </el-form-item>
           </el-col>
           <el-col :span="5" />

diff --git a/src/api/home/1 b/src/api/home/1
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/api/home/1
diff --git a/src/api/home/rule/grade.ts b/src/api/home/rule/grade.ts
new file mode 100644
index 0000000..7ba11c9
--- /dev/null
+++ b/src/api/home/rule/grade.ts
@@ -0,0 +1,47 @@
+/**
+ * 考核等级评定相关接口
+ */
+import request from '@/api/index'
+
+// 分页列表
+export function getListPage(params: object) {
+  return request({
+    url: '/assessmentLevel/listPage',
+    method: 'get',
+    params,
+  })
+}
+// 删除
+export function delGrade(data: object) {
+  return request({
+    url: '/assessmentLevel/delete',
+    method: 'get',
+    params: data,
+  })
+}
+// 新增
+export function addGrade(data: object) {
+  return request({
+    url: '/assessmentLevel/add',
+    method: 'post',
+    data,
+  })
+}
+// 编辑
+export function editGrade(data: object) {
+  return request({
+    url: '/assessmentLevel/update',
+    method: 'post',
+    data,
+  })
+}
+// 导出
+export function exportGrade(data: object) {
+  return request({
+    url: '/assessmentLevel/export',
+    method: 'get',
+    params: data,
+    responseType: 'blob',
+  })
+}
+
diff --git a/src/views/rule/grade/components/edit.vue b/src/views/rule/grade/components/edit.vue
index 605c97e..109beb4 100644
--- a/src/views/rule/grade/components/edit.vue
+++ b/src/views/rule/grade/components/edit.vue
@@ -5,7 +5,9 @@
  -->
 <script lang="ts" setup name="RuleGradeHandler">
 import type { FormInstance, FormRules, UploadUserFile } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import ruleTable from './ruleTable.vue'
+import { addGrade, editGrade } from '@/api/home/rule/grade'
 const $route = useRoute()
 const $router = useRouter()
 // 对话框类型：create,update
@@ -16,25 +18,86 @@
   create: '新增',
   detail: '详情',
 }
-// 表单对象
-const ruleForm = ref({
-
-})
-// 表单验证规则
-const rules = ref<FormRules>({
-  reason: [{ required: true, message: '送检原因必填', trigger: ['blur', 'change'] }],
-})
 // 表单实例对象
 const ruleFormRef = ref()
 // 等级评定规则表格实例对象
 const ruleTableRef = ref()
+// 表单对象
+const ruleForm = ref({
+  levelDesc: '', // 	等级评定描述
+  levelName: '', // 	等级评定名称
+  remarks: '', // 备注
+  evaluationRules: [],
+  id: '',
+})
+// 表单验证规则
+const rules = ref<FormRules>({
+  levelDesc: [{ required: true, message: '等级评定描述必填', trigger: ['blur', 'change'] }],
+  levelName: [{ required: true, message: '等级评定名称必填', trigger: ['blur', 'change'] }],
+  evaluationRules: [{ required: true, message: '等级评定规则必填', trigger: ['blur', 'change'] }],
+})
+// 等级评定规则验证
+watch(() => ruleTableRef.value?.list, (newVal) => {
+  if (newVal.length) {
+    ruleFormRef.value.clearValidate('evaluationRules')
+  }
+}, {
+  deep: true,
+})
+// 编辑
+const update = () => {
+  ruleForm.value.evaluationRules = ruleTableRef.value.list
+  editGrade({ ...ruleForm.value }).then((res) => {
+    ElMessage.success('操作成功')
+    $router.go(-1)
+  })
+}
+// 新增
+const create = () => {
+  ruleForm.value.evaluationRules = ruleTableRef.value.list
+  addGrade({ ...ruleForm.value }).then((res) => {
+    ElMessage.success('操作成功')
+    $router.go(-1)
+  })
+}
+// 保存
+const saveData = (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  formEl.validate().then((res) => {
+    if (ruleTableRef.value.checkCertificateList()) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then((res) => {
+        if ($route.path.includes('update')) {
+          update()
+        }
+        else if ($route.path.includes('create')) {
+          create()
+        }
+      })
+    }
+  })
+}
+onMounted(() => {
+  dialogStatus.value = $route.params.type as string
+  if (!$route.path.includes('create')) {
+    const data = JSON.parse($route.query.row as string)
+    ruleForm.value = data
+  }
+})
 </script>
 
 <template>
   <app-container style="overflow: hidden;">
     <detail-page class="base-info-device" :title="`考核等级评定-${textMap[dialogStatus]}`">
       <template #btns>
-        <el-button type="primary">
+        <el-button type="primary" @click="saveData(ruleFormRef)">
           保存
         </el-button>
         <el-button type="info" @click="$router.go(-1)">
@@ -50,8 +113,8 @@
         <el-row :gutter="24" class="marg">
           <el-col :span="5" />
           <el-col :span="14">
-            <el-form-item label="等级评定名称" prop="approvalNo">
-              <el-input v-model.trim="ruleForm.approvalNo" placeholder="等级评定名称" />
+            <el-form-item label="等级评定名称" prop="levelName">
+              <el-input v-model.trim="ruleForm.levelName" placeholder="等级评定名称" />
             </el-form-item>
           </el-col>
           <el-col :span="5" />
@@ -59,8 +122,8 @@
         <el-row :gutter="24" class="marg">
           <el-col :span="5" />
           <el-col :span="14">
-            <el-form-item label="等级评定描述" prop="approvalName">
-              <el-input v-model.trim="ruleForm.approvalName" type="textarea" placeholder="等级评定描述" :rows="3" maxlength="50" show-word-limit />
+            <el-form-item label="等级评定描述" prop="levelDesc">
+              <el-input v-model.trim="ruleForm.levelDesc" type="textarea" placeholder="等级评定描述" :rows="3" maxlength="50" show-word-limit />
             </el-form-item>
           </el-col>
           <el-col :span="5" />
@@ -69,8 +132,8 @@
           <el-col :span="5" />
           <el-col :span="14">
             <!-- 等级评定规则表格 -->
-            <el-form-item label="等级评定规则">
-              <rule-table ref="ruleTableRef" :data="[]" />
+            <el-form-item label="等级评定规则" prop="evaluationRules">
+              <rule-table ref="ruleTableRef" :data="ruleForm.evaluationRules" />
             </el-form-item>
           </el-col>
           <el-col :span="5" />
@@ -78,8 +141,8 @@
         <el-row :gutter="24" class="marg">
           <el-col :span="5" />
           <el-col :span="14">
-            <el-form-item label="备注" prop="approvalName">
-              <el-input v-model.trim="ruleForm.approvalName" type="textarea" placeholder="备注" :rows="4" maxlength="100" show-word-limit />
+            <el-form-item label="备注" prop="remarks">
+              <el-input v-model.trim="ruleForm.remarks" type="textarea" placeholder="备注" :rows="4" maxlength="100" show-word-limit />
             </el-form-item>
           </el-col>
           <el-col :span="5" />
diff --git a/src/views/rule/grade/components/ruleTable.vue b/src/views/rule/grade/components/ruleTable.vue
index 93ab7e3..332328f 100644
--- a/src/views/rule/grade/components/ruleTable.vue
+++ b/src/views/rule/grade/components/ruleTable.vue
@@ -6,6 +6,7 @@
 <script lang="ts" setup name="PlanTable">
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { useCheckList } from '@/utils/useCheckList'
+import { getDictByCode } from '@/api/system/dict'
 const $props = defineProps({
   data: {
     type: Array,
@@ -17,13 +18,15 @@
 const columns = ref([
   {
     text: '等级',
-    value: 'equipmentNo',
+    value: 'levelCode',
     required: true,
+    isSelect: true,
   },
   {
     text: '等级规则描述',
-    value: 'equipmentName',
+    value: 'remarks',
     required: true,
+    isSelect: false,
   },
 ])
 const list = ref<any[]>([])
@@ -50,8 +53,8 @@
   if (checkCertificateList()) {
     setAllRowReadable()
     list.value.push({
-      equipmentNo: '',
-      equipmentName: '',
+      levelCodeName: '',
+      remarks: '',
       editable: true,
     })
   }
@@ -67,7 +70,7 @@
 }
 watch(() => $props.data, (newVal) => {
   if (newVal) {
-    list.value = newVal
+    list.value = newVal.map((item: any) => ({ ...item, levelCode: String(item.levelCode) }))
   }
 }, {
   deep: true,
@@ -77,6 +80,14 @@
 defineExpose({
   list, checkCertificateList,
 })
+// 获取等级评定下拉框
+const selectList = ref<{ id: string; value: string; name: string }[]>([])
+const fetchSelectList = () => {
+  getDictByCode('level_code').then((res) => {
+    selectList.value = res.data
+  })
+}
+fetchSelectList()
 </script>
 
 <template>
@@ -99,11 +110,14 @@
           <span v-show="item.required && !$route.path.includes('detail')" style="color: red;">*</span><span>{{ item.text }}</span>
         </template>
         <template #default="scope">
-          <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+          <span v-if="!scope.row.editable && !item.isSelect">{{ scope.row[item.value] }}</span>
           <el-input
-            v-else v-model="scope.row[item.value]" :autofocus="true"
-            :placeholder="`${item.text}`" class="input"
+            v-if="scope.row.editable && !item.isSelect" v-model="scope.row[item.value]" :autofocus="true"
+            :placeholder="`${item.text}`" class="input" type="textarea" :row="2"
           />
+          <el-select v-if="item.isSelect" v-model="scope.row[item.value]" :placeholder="`${item.text}`" style="width: 100%;" :disabled="!scope.row.editable">
+            <el-option v-for="item in selectList" :key="item.id" :label="item.name" :value="item.value" />
+          </el-select>
         </template>
       </el-table-column>
       <el-table-column align="center" label="操作" width="80">

diff --git a/src/api/home/1 b/src/api/home/1
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/api/home/1
diff --git a/src/api/home/rule/grade.ts b/src/api/home/rule/grade.ts
new file mode 100644
index 0000000..7ba11c9
--- /dev/null
+++ b/src/api/home/rule/grade.ts
@@ -0,0 +1,47 @@
+/**
+ * 考核等级评定相关接口
+ */
+import request from '@/api/index'
+
+// 分页列表
+export function getListPage(params: object) {
+  return request({
+    url: '/assessmentLevel/listPage',
+    method: 'get',
+    params,
+  })
+}
+// 删除
+export function delGrade(data: object) {
+  return request({
+    url: '/assessmentLevel/delete',
+    method: 'get',
+    params: data,
+  })
+}
+// 新增
+export function addGrade(data: object) {
+  return request({
+    url: '/assessmentLevel/add',
+    method: 'post',
+    data,
+  })
+}
+// 编辑
+export function editGrade(data: object) {
+  return request({
+    url: '/assessmentLevel/update',
+    method: 'post',
+    data,
+  })
+}
+// 导出
+export function exportGrade(data: object) {
+  return request({
+    url: '/assessmentLevel/export',
+    method: 'get',
+    params: data,
+    responseType: 'blob',
+  })
+}
+
diff --git a/src/views/rule/grade/components/edit.vue b/src/views/rule/grade/components/edit.vue
index 605c97e..109beb4 100644
--- a/src/views/rule/grade/components/edit.vue
+++ b/src/views/rule/grade/components/edit.vue
@@ -5,7 +5,9 @@
  -->
 <script lang="ts" setup name="RuleGradeHandler">
 import type { FormInstance, FormRules, UploadUserFile } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import ruleTable from './ruleTable.vue'
+import { addGrade, editGrade } from '@/api/home/rule/grade'
 const $route = useRoute()
 const $router = useRouter()
 // 对话框类型：create,update
@@ -16,25 +18,86 @@
   create: '新增',
   detail: '详情',
 }
-// 表单对象
-const ruleForm = ref({
-
-})
-// 表单验证规则
-const rules = ref<FormRules>({
-  reason: [{ required: true, message: '送检原因必填', trigger: ['blur', 'change'] }],
-})
 // 表单实例对象
 const ruleFormRef = ref()
 // 等级评定规则表格实例对象
 const ruleTableRef = ref()
+// 表单对象
+const ruleForm = ref({
+  levelDesc: '', // 	等级评定描述
+  levelName: '', // 	等级评定名称
+  remarks: '', // 备注
+  evaluationRules: [],
+  id: '',
+})
+// 表单验证规则
+const rules = ref<FormRules>({
+  levelDesc: [{ required: true, message: '等级评定描述必填', trigger: ['blur', 'change'] }],
+  levelName: [{ required: true, message: '等级评定名称必填', trigger: ['blur', 'change'] }],
+  evaluationRules: [{ required: true, message: '等级评定规则必填', trigger: ['blur', 'change'] }],
+})
+// 等级评定规则验证
+watch(() => ruleTableRef.value?.list, (newVal) => {
+  if (newVal.length) {
+    ruleFormRef.value.clearValidate('evaluationRules')
+  }
+}, {
+  deep: true,
+})
+// 编辑
+const update = () => {
+  ruleForm.value.evaluationRules = ruleTableRef.value.list
+  editGrade({ ...ruleForm.value }).then((res) => {
+    ElMessage.success('操作成功')
+    $router.go(-1)
+  })
+}
+// 新增
+const create = () => {
+  ruleForm.value.evaluationRules = ruleTableRef.value.list
+  addGrade({ ...ruleForm.value }).then((res) => {
+    ElMessage.success('操作成功')
+    $router.go(-1)
+  })
+}
+// 保存
+const saveData = (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  formEl.validate().then((res) => {
+    if (ruleTableRef.value.checkCertificateList()) {
+      ElMessageBox.confirm(
+        '确认保存吗？',
+        '提示',
+        {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning',
+        },
+      ).then((res) => {
+        if ($route.path.includes('update')) {
+          update()
+        }
+        else if ($route.path.includes('create')) {
+          create()
+        }
+      })
+    }
+  })
+}
+onMounted(() => {
+  dialogStatus.value = $route.params.type as string
+  if (!$route.path.includes('create')) {
+    const data = JSON.parse($route.query.row as string)
+    ruleForm.value = data
+  }
+})
 </script>
 
 <template>
   <app-container style="overflow: hidden;">
     <detail-page class="base-info-device" :title="`考核等级评定-${textMap[dialogStatus]}`">
       <template #btns>
-        <el-button type="primary">
+        <el-button type="primary" @click="saveData(ruleFormRef)">
           保存
         </el-button>
         <el-button type="info" @click="$router.go(-1)">
@@ -50,8 +113,8 @@
         <el-row :gutter="24" class="marg">
           <el-col :span="5" />
           <el-col :span="14">
-            <el-form-item label="等级评定名称" prop="approvalNo">
-              <el-input v-model.trim="ruleForm.approvalNo" placeholder="等级评定名称" />
+            <el-form-item label="等级评定名称" prop="levelName">
+              <el-input v-model.trim="ruleForm.levelName" placeholder="等级评定名称" />
             </el-form-item>
           </el-col>
           <el-col :span="5" />
@@ -59,8 +122,8 @@
         <el-row :gutter="24" class="marg">
           <el-col :span="5" />
           <el-col :span="14">
-            <el-form-item label="等级评定描述" prop="approvalName">
-              <el-input v-model.trim="ruleForm.approvalName" type="textarea" placeholder="等级评定描述" :rows="3" maxlength="50" show-word-limit />
+            <el-form-item label="等级评定描述" prop="levelDesc">
+              <el-input v-model.trim="ruleForm.levelDesc" type="textarea" placeholder="等级评定描述" :rows="3" maxlength="50" show-word-limit />
             </el-form-item>
           </el-col>
           <el-col :span="5" />
@@ -69,8 +132,8 @@
           <el-col :span="5" />
           <el-col :span="14">
             <!-- 等级评定规则表格 -->
-            <el-form-item label="等级评定规则">
-              <rule-table ref="ruleTableRef" :data="[]" />
+            <el-form-item label="等级评定规则" prop="evaluationRules">
+              <rule-table ref="ruleTableRef" :data="ruleForm.evaluationRules" />
             </el-form-item>
           </el-col>
           <el-col :span="5" />
@@ -78,8 +141,8 @@
         <el-row :gutter="24" class="marg">
           <el-col :span="5" />
           <el-col :span="14">
-            <el-form-item label="备注" prop="approvalName">
-              <el-input v-model.trim="ruleForm.approvalName" type="textarea" placeholder="备注" :rows="4" maxlength="100" show-word-limit />
+            <el-form-item label="备注" prop="remarks">
+              <el-input v-model.trim="ruleForm.remarks" type="textarea" placeholder="备注" :rows="4" maxlength="100" show-word-limit />
             </el-form-item>
           </el-col>
           <el-col :span="5" />
diff --git a/src/views/rule/grade/components/ruleTable.vue b/src/views/rule/grade/components/ruleTable.vue
index 93ab7e3..332328f 100644
--- a/src/views/rule/grade/components/ruleTable.vue
+++ b/src/views/rule/grade/components/ruleTable.vue
@@ -6,6 +6,7 @@
 <script lang="ts" setup name="PlanTable">
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { useCheckList } from '@/utils/useCheckList'
+import { getDictByCode } from '@/api/system/dict'
 const $props = defineProps({
   data: {
     type: Array,
@@ -17,13 +18,15 @@
 const columns = ref([
   {
     text: '等级',
-    value: 'equipmentNo',
+    value: 'levelCode',
     required: true,
+    isSelect: true,
   },
   {
     text: '等级规则描述',
-    value: 'equipmentName',
+    value: 'remarks',
     required: true,
+    isSelect: false,
   },
 ])
 const list = ref<any[]>([])
@@ -50,8 +53,8 @@
   if (checkCertificateList()) {
     setAllRowReadable()
     list.value.push({
-      equipmentNo: '',
-      equipmentName: '',
+      levelCodeName: '',
+      remarks: '',
       editable: true,
     })
   }
@@ -67,7 +70,7 @@
 }
 watch(() => $props.data, (newVal) => {
   if (newVal) {
-    list.value = newVal
+    list.value = newVal.map((item: any) => ({ ...item, levelCode: String(item.levelCode) }))
   }
 }, {
   deep: true,
@@ -77,6 +80,14 @@
 defineExpose({
   list, checkCertificateList,
 })
+// 获取等级评定下拉框
+const selectList = ref<{ id: string; value: string; name: string }[]>([])
+const fetchSelectList = () => {
+  getDictByCode('level_code').then((res) => {
+    selectList.value = res.data
+  })
+}
+fetchSelectList()
 </script>
 
 <template>
@@ -99,11 +110,14 @@
           <span v-show="item.required && !$route.path.includes('detail')" style="color: red;">*</span><span>{{ item.text }}</span>
         </template>
         <template #default="scope">
-          <span v-if="!scope.row.editable">{{ scope.row[item.value] }}</span>
+          <span v-if="!scope.row.editable && !item.isSelect">{{ scope.row[item.value] }}</span>
           <el-input
-            v-else v-model="scope.row[item.value]" :autofocus="true"
-            :placeholder="`${item.text}`" class="input"
+            v-if="scope.row.editable && !item.isSelect" v-model="scope.row[item.value]" :autofocus="true"
+            :placeholder="`${item.text}`" class="input" type="textarea" :row="2"
           />
+          <el-select v-if="item.isSelect" v-model="scope.row[item.value]" :placeholder="`${item.text}`" style="width: 100%;" :disabled="!scope.row.editable">
+            <el-option v-for="item in selectList" :key="item.id" :label="item.name" :value="item.value" />
+          </el-select>
         </template>
       </el-table-column>
       <el-table-column align="center" label="操作" width="80">
diff --git a/src/views/rule/grade/index.vue b/src/views/rule/grade/index.vue
index fbf8fd4..a1a2580 100644
--- a/src/views/rule/grade/index.vue
+++ b/src/views/rule/grade/index.vue
@@ -5,31 +5,25 @@
  -->
 <script lang="ts" setup name="RuleGradeList">
 import { reactive, ref } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import { delGrade, exportGrade, getListPage } from '@/api/home/rule/grade'
+import { exportFile } from '@/utils/exportUtils'
 const { proxy } = getCurrentInstance() as any
 const listQuery = reactive({
   offset: 1,
   limit: 20,
+  levelDesc: '', // 等级评定描述
+  levelName: '', // 等级评定名称
 })
 const columns = ref([
   {
     text: '等级评定名称',
-    value: 'groupName',
+    value: 'levelName',
     align: 'center',
   },
   {
     text: '等评定描述',
-    value: 'createUserName',
-    align: 'center',
-  },
-  {
-    text: '等级评定规则',
-    value: 'createTime',
-    align: 'center',
-  },
-  {
-    text: '备注',
-    value: 'remark',
+    value: 'levelDesc',
     align: 'center',
   },
 ])
@@ -44,11 +38,11 @@
     // 是否显示当前页，否则跳转第一页
     listQuery.offset = 1
   }
-  // getGroupList(listQuery).then((response) => {
-  //   list.value = response.data.rows
-  //   total.value = parseInt(response.data.total)
-  listLoading.value = false
-  // })
+  getListPage(listQuery).then((response) => {
+    list.value = response.data.rows
+    total.value = parseInt(response.data.total)
+    listLoading.value = false
+  })
 }
 fetchData()
 // 查询数据
@@ -59,6 +53,8 @@
 const reset = () => {
   listQuery.offset = 1
   listQuery.limit = 20
+  listQuery.levelDesc = ''
+  listQuery.levelName = ''
   search()
 }
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
@@ -85,7 +81,7 @@
 // 删除
 const delHandler = (row: any) => {
   ElMessageBox.confirm(
-    '确认删除此分组信息吗?',
+    `确定删除${row.levelName}吗？一经删除，不可恢复！`,
     '确认',
     {
       confirmButtonText: '确认',
@@ -93,12 +89,44 @@
       type: 'warning',
     },
   ).then(() => {
-    // delGroup(row.id).then((res) => {
-    //   ElMessage.success('操作成功')
-    //   search()
-    // })
+    delGrade({ id: row.id }).then((res) => {
+      ElMessage.success('操作成功')
+      search()
+    })
   })
 }
+// 表格被选中的行
+const selectList = ref<any[]>([])
+// 表格多选
+const multiSelect = (row: any[]) => {
+  selectList.value = row
+}
+// 导出列表
+const exportList = () => {
+  if (list.value.length) {
+    const loading = ElLoading.service({
+      lock: true,
+      text: 'Loading',
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    const data = {
+      ...listQuery,
+      offset: undefined,
+      limit: undefined,
+      // ids: selectList.value.map(item => item.id),
+    }
+    exportGrade(data).then((res) => {
+      exportFile(res.data, '考核等级评定')
+      loading.close()
+    })
+      .catch((_) => {
+        loading.close()
+      })
+  }
+  else {
+    ElMessage.warning('无可导出内容')
+  }
+}
 </script>
 
 <template>
@@ -106,13 +134,10 @@
     <!-- 筛选条件 -->
     <search-area :need-clear="true" @search="search" @clear="reset">
       <search-item>
-        <el-input v-model.trim="listQuery.groupName" placeholder="等级评定名称" clearable />
+        <el-input v-model.trim="listQuery.levelName" placeholder="等级评定名称" clearable />
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.groupName" placeholder="等级评定描述" clearable />
-      </search-item>
-      <search-item>
-        <el-input v-model.trim="listQuery.groupName" placeholder="等级评定规则" clearable />
+        <el-input v-model.trim="listQuery.levelDesc" placeholder="等级评定描述" clearable />
       </search-item>
     </search-area>
     <table-container>
@@ -120,18 +145,33 @@
         <el-button type="primary" @click="handler({}, 'create')">
           新增
         </el-button>
-        <el-button type="primary">
+        <el-button type="primary" @click="exportList">
           导出
         </el-button>
-        <!-- <icon-button icon="icon-add" title="新增" @click="handler({}, 'create')" /> -->
-        <!-- <icon-button icon="icon-export" title="导出" /> -->
       </template>
       <!-- 普通表格 -->
       <normal-table
         :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="listLoading"
-        :is-showmulti-select="true" @change="changePage"
+        :is-showmulti-select="true" :is-multi="true" @change="changePage" @multi-select="multiSelect"
       >
         <template #columns>
+          <el-table-column label="等级评定规则" width="760" align="center" style="padding: 0;">
+            <template #default="scope">
+              <div v-for="(item, index) in scope.row.evaluationRules" :key="item.id" class="row" :class="`${index === 0 ? '' : 'border-top'}`">
+                <div class="name">
+                  {{ item.levelCodeName }}
+                </div>
+                <div class="value">
+                  {{ item.remarks }}
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="备注" align="center">
+            <template #default="scope">
+              {{ scope.row.remarks }}
+            </template>
+          </el-table-column>
           <el-table-column label="操作" width="140" align="center">
             <template #default="scope">
               <el-button link type="primary" size="small" @click="handler(scope.row, 'update')">
@@ -148,3 +188,45 @@
   </app-container>
 </template>
 
+<style lang="scss" scoped>
+.border-top {
+  border-top: 1px solid #ebeef5;
+}
+
+.row {
+  // display: flex;
+  text-align: center;
+  margin: 5px 0;
+
+  &::after {
+    content: "";
+    height: 0;
+    display: block;
+    clear: both;
+    zoom: 1;
+  }
+
+  .name {
+    width: 25%;
+    height: 100%;
+    float: left;
+    vertical-align: middle;
+    // position: relative;
+    // left: 50%;
+    // top: 50%;
+    // transform: translate(-50%, -50%);
+  }
+
+  .value {
+    float: right;
+    width: 75%;
+    border-left: 1px solid #ebeef5;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+  }
+}
+</style>
+