兵马未动 粮草先行

src/views/stuwork/assessmentpoint/index.vue

@@ -17,6 +17,21 @@
           :inline="true" 
           @keyup.enter="getDataList"
           class="search-form">
+          <el-form-item label="考核项" prop="categortyId">
+            <el-select
+              v-model="state.queryForm.categortyId"
+              placeholder="请选择考核项"
+              clearable
+              filterable
+              style="width: 200px">
+              <el-option
+                v-for="item in categoryList"
+                :key="item.id"
+                :label="item.category"
+                :value="item.id">
+              </el-option>
+            </el-select>
+          </el-form-item>
           <el-form-item label="指标名称" prop="pointName">
             <el-input 
               v-model="state.queryForm.pointName" 
@@ -155,9 +170,10 @@
 </template>
 
 <script setup lang="ts" name="AssessmentPoint">
-import { reactive, ref } from 'vue'
+import { reactive, ref, onMounted } from 'vue'
 import { BasicTableProps, useTable } from "/@/hooks/table";
 import { fetchList, delObj } from "/@/api/stuwork/assessmentpoint";
+import { getList as getAssessmentCategoryList } from "/@/api/stuwork/assessmentcategory";
 import { useMessage, useMessageBox } from "/@/hooks/message";
 import TableColumnControl from '/@/components/TableColumnControl/index.vue'
 import FormDialog from './form.vue'
@@ -169,6 +185,7 @@ const formDialogRef = ref()
 const searchFormRef = ref()
 const columnControlRef = ref()
 const showSearch = ref(true)
+const categoryList = ref<any[]>([])
 
 // 表格列配置
 const tableColumns = [
@@ -194,9 +211,10 @@ const tableStyle = {
   headerCellStyle: { background: '#f5f7fa', color: '#606266', fontWeight: 'bold' }
 }
 
-// 配置 useTable
+// 配置 useTable（分页接口支持 categortyId、pointName，与考核项对应）
 const state: BasicTableProps = reactive<BasicTableProps>({
   queryForm: {
+    categortyId: '',
     pointName: ''
   },
   pageList: fetchList,
@@ -215,13 +233,28 @@ const {
   tableStyle: _tableStyle
 } = useTable(state)
 
+// 获取考核项列表（与表单考核项对应，接口：assessmentcategory/list）
+const getCategoryList = async () => {
+  try {
+    const res = await getAssessmentCategoryList()
+    categoryList.value = res.data && Array.isArray(res.data) ? res.data : []
+  } catch (err) {
+    categoryList.value = []
+  }
+}
+
 // 重置
 const handleReset = () => {
   searchFormRef.value?.resetFields()
+  state.queryForm.categortyId = ''
   state.queryForm.pointName = ''
   getDataList()
 }
 
+onMounted(() => {
+  getCategoryList()
+})
+
 // 编辑
 const handleEdit = (row: any) => {
   formDialogRef.value?.openDialog('edit', row)