添加搜索条件

src/views/homework-record/detail/index.tsx

@@ -26,13 +26,18 @@ export default defineComponent({
   setup() {
     const route = useRoute();
     const state = reactive({
-      searchForm: { keyword: '', trainingStatus: '' as any },
+      searchForm: {
+        keyword: '',
+        trainingStatus: '' as any,
+        classGroupId: '' as any
+      },
       loading: false,
       pagination: {
         page: 1,
         rows: 10,
         pageTotal: 4
       },
+      studentClassList: [] as any,
       tableList: [] as any,
       workInfo: {} as any,
       detailVisiable: false,
@@ -51,7 +56,11 @@ export default defineComponent({
     };
 
     const onReset = () => {
-      state.searchForm = { keyword: '', trainingStatus: '' as any };
+      state.searchForm = {
+        keyword: '',
+        trainingStatus: '' as any,
+        classGroupId: '' as any
+      };
       search();
     };
     const getList = async () => {
@@ -104,6 +113,15 @@ export default defineComponent({
         result.pTitle = pTitle;
         result.eTitle = eTitle;
         state.workInfo = result;
+
+        // 班级列表
+        const classList = result.studentClassGroup || [];
+        classList.forEach((item: any) => {
+          state.studentClassList.push({
+            label: item.name,
+            value: item.id
+          });
+        });
       } catch (e) {
         console.log(e);
       }
@@ -327,6 +345,22 @@ export default defineComponent({
                   {...({
                     options: [
                       {
+                        label: '全部班级',
+                        value: ''
+                      },
+                      ...state.studentClassList
+                    ],
+                    placeholder: '全部班级',
+                    clearable: true,
+                    inline: true
+                  } as any)}
+                  v-model:value={state.searchForm.classGroupId}></CSelect>
+              </NFormItem>
+              <NFormItem>
+                <CSelect
+                  {...({
+                    options: [
+                      {
                         label: '全部状态',
                         value: ''
                       },