diff --git a/frontend/src/api/teachOffice/teacher.js b/frontend/src/api/teachOffice/teacher.js
new file mode 100644
index 000000000..5b1b62f1d
--- /dev/null
+++ b/frontend/src/api/teachOffice/teacher.js
@@ -0,0 +1,75 @@
+import request from '@/utils/request'
+
+// 教员管理：教员（JYB）+ 教员属性（JYSX）
+// 接口依据：/jys/teacher/*（前端 baseURL 为 /api，此处不重复 /api 前缀）
+
+/**
+ * 分页查询教员列表
+ * GET /jys/teacher/list
+ * 查询参数（JYBMapper.xml 支持）：jyxm 模糊、jysdh 等值、zc 模糊、jylb 等值
+ */
+export function listTeacher(params) {
+  return request({
+    url: '/jys/teacher/list',
+    method: 'get',
+    params
+  })
+}
+
+/** 根据教员编号查询教员详情 GET /jys/teacher/get?jybh= */
+export function getTeacher(jybh) {
+  return request({
+    url: '/jys/teacher/get',
+    method: 'get',
+    params: { jybh }
+  })
+}
+
+/**
+ * 新增教员 POST /jys/teacher/add
+ * body 为 AddTeacherDTO：{ teacher: JYB, attributes: JYSX }
+ * lzzt 前端不传，后端自动置 0
+ */
+export function addTeacher(data) {
+  return request({
+    url: '/jys/teacher/add',
+    method: 'post',
+    data
+  })
+}
+
+/** 更新教员基本信息 POST /jys/teacher/update（body 为 JYB，jybh 必传） */
+export function updateTeacher(data) {
+  return request({
+    url: '/jys/teacher/update',
+    method: 'post',
+    data
+  })
+}
+
+/** 教员离职（逻辑删除）POST /jys/teacher/disable?jybh= */
+export function disableTeacher(jybh) {
+  return request({
+    url: '/jys/teacher/disable',
+    method: 'post',
+    params: { jybh }
+  })
+}
+
+/** 查询教员属性 GET /jys/teacher/attribute/get?jybh= */
+export function getTeacherAttribute(jybh) {
+  return request({
+    url: '/jys/teacher/attribute/get',
+    method: 'get',
+    params: { jybh }
+  })
+}
+
+/** 更新教员属性 POST /jys/teacher/attribute/update（body 为 JYSX，jybh 必传） */
+export function updateTeacherAttribute(data) {
+  return request({
+    url: '/jys/teacher/attribute/update',
+    method: 'post',
+    data
+  })
+}
diff --git a/frontend/src/views/teachOffice/teacher/index.vue b/frontend/src/views/teachOffice/teacher/index.vue
index da9d58423..a860454c8 100644
--- a/frontend/src/views/teachOffice/teacher/index.vue
+++ b/frontend/src/views/teachOffice/teacher/index.vue
@@ -2,135 +2,33 @@
   <div class="app-container teacher-page">
     <!-- 查询条件 -->
     <el-card shadow="never" class="search-card">
-      <el-form :model="searchForm" label-width="110px" class="search-form">
+      <el-form :model="searchForm" label-width="90px" class="search-form" @submit.native.prevent>
         <el-row :gutter="0">
-          <el-col :span="12">
-            <el-form-item>
-              <template slot="label">
-                <el-checkbox v-model="searchForm.jysEnabled">教研室</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.jys" placeholder="请选择教研室" class="w-full"
-                :disabled="!searchForm.jysEnabled" clearable>
-                <el-option v-for="item in jysOptions" :key="item" :label="item" :value="item" />
-              </el-select>
+          <el-col :span="6">
+            <el-form-item label="教员姓名">
+              <el-input v-model="searchForm.jyxm" placeholder="请输入" clearable />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
-            <el-form-item>
-              <template slot="label">
-                <el-checkbox v-model="searchForm.jyxmEnabled">教员姓名</el-checkbox>
-              </template>
-              <el-input v-model="searchForm.jyxm" placeholder="请输入教员姓名" clearable
-                :disabled="!searchForm.jyxmEnabled" />
+          <el-col :span="6">
+            <el-form-item label="教研室代号">
+              <el-input v-model="searchForm.jysdh" placeholder="请输入" clearable />
             </el-form-item>
           </el-col>
-        </el-row>
-
-        <el-row :gutter="0">
-          <el-col :span="12">
-            <el-form-item>
-              <template slot="label">
-                <el-checkbox v-model="searchForm.zcEnabled">职称</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.zc" placeholder="请选择职称" class="w-full"
-                :disabled="!searchForm.zcEnabled" clearable>
-                <el-option v-for="item in zcOptions" :key="item" :label="item" :value="item" />
-              </el-select>
+          <el-col :span="6">
+            <el-form-item label="职称">
+              <el-input v-model="searchForm.zc" placeholder="请输入" clearable />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
-            <el-form-item>
-              <template slot="label">
-                <el-checkbox v-model="searchForm.xbEnabled">性别</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.xb" placeholder="请选择性别" class="w-full"
-                :disabled="!searchForm.xbEnabled" clearable>
-                <el-option v-for="item in xbOptions" :key="item.value" :label="item.label" :value="item.value" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <el-row :gutter="0">
-          <el-col :span="12">
-            <el-form-item>
-              <template slot="label">
-                <el-checkbox v-model="searchForm.xlEnabled">学历</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.xl" placeholder="请选择学历" class="w-full"
-                :disabled="!searchForm.xlEnabled" clearable>
-                <el-option v-for="item in xlOptions" :key="item" :label="item" :value="item" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item>
-              <template slot="label">
-                <el-checkbox v-model="searchForm.xwEnabled">学位</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.xw" placeholder="请选择学位" class="w-full"
-                :disabled="!searchForm.xwEnabled" clearable>
-                <el-option v-for="item in xwOptions" :key="item" :label="item" :value="item" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <el-row :gutter="0">
-          <el-col :span="12">
-            <el-form-item label="进校日期">
-              <div class="date-range">
-                <el-date-picker v-model="searchForm.jzrqStart" type="date" value-format="yyyy-MM-dd"
-                  placeholder="开始日期" class="date-picker" />
-                <span class="date-sep">至</span>
-                <el-date-picker v-model="searchForm.jzrqEnd" type="date" value-format="yyyy-MM-dd"
-                  placeholder="结束日期" class="date-picker" />
-              </div>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item>
-              <template slot="label">
-                <el-checkbox v-model="searchForm.lxfsEnabled">联系方式</el-checkbox>
-              </template>
-              <el-input v-model="searchForm.lxfs" placeholder="请输入联系方式" clearable
-                :disabled="!searchForm.lxfsEnabled" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <el-row :gutter="0">
-          <el-col :span="12">
-            <el-form-item>
-              <template slot="label">
-                <el-checkbox v-model="searchForm.sfsjjzEnabled">是否实教教员</el-checkbox>
-              </template>
-              <el-radio-group v-model="searchForm.sfsjjz" :disabled="!searchForm.sfsjjzEnabled">
-                <el-radio v-for="item in sfsjjzOptions" :key="item" :label="item">{{ item }}</el-radio>
-              </el-radio-group>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item>
-              <template slot="label">
-                <el-checkbox v-model="searchForm.jylbEnabled">教员类别</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.jylb" placeholder="请选择教员类别" clearable class="w-full"
-                :disabled="!searchForm.jylbEnabled">
-                <el-option v-for="item in jylbOptions" :key="item" :label="item" :value="item" />
-              </el-select>
+          <el-col :span="6">
+            <el-form-item label="教员类别">
+              <el-input v-model="searchForm.jylb" placeholder="请输入" clearable />
             </el-form-item>
           </el-col>
         </el-row>
       </el-form>
-
-      <div class="search-tip">
-        注意：勾选"选择框"表示启用该项对应的查询条件。
-      </div>
-
       <div class="search-actions">
-        <el-button type="primary" @click="handleSearch">查询</el-button>
-        <el-button @click="handleReset">重置</el-button>
+        <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button>
+        <el-button icon="el-icon-refresh" @click="handleReset">重置</el-button>
       </div>
     </el-card>
 
@@ -138,12 +36,12 @@
     <div class="list-title">教员列表：</div>
     <div class="list-toolbar">
       <div class="left-group">
-        <el-button type="primary" @click="handleNew">新建</el-button>
-        <el-button type="primary" @click="handleDeleteSelected">删除所选</el-button>
-        <el-button type="primary" @click="handleImport">导入教员信息</el-button>
+        <el-button type="primary" icon="el-icon-plus" @click="handleNew">新建</el-button>
+        <el-button type="primary" icon="el-icon-delete" @click="handleDeleteSelected">删除所选</el-button>
+        <el-button type="primary" icon="el-icon-upload" @click="handleImport">导入教员信息</el-button>
       </div>
       <div class="right-group">
-        <el-button type="primary" @click="handleDownloadTemplate">【教员数据文件模板】下载</el-button>
+        <el-button type="primary" icon="el-icon-download" @click="handleDownloadTemplate">【教员数据文件模板】下载</el-button>
       </div>
     </div>
 
@@ -152,29 +50,34 @@
         @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="50" align="center" />
         <el-table-column type="index" label="序号" width="60" align="center" />
-        <el-table-column prop="jybh" label="教员编号" width="100" align="center" />
-        <el-table-column prop="jyxm" label="教员姓名" width="100" align="center" />
-        <el-table-column label="性别" width="60" align="center">
-          <template slot-scope="scope">{{ scope.row.xb === 0 ? '男' : scope.row.xb === 1 ? '女' : scope.row.xb }}</template>
+        <el-table-column prop="jybh" label="教员工号" min-width="110" align="center" />
+        <el-table-column prop="jyxm" label="教员姓名" min-width="90" align="center" />
+        <el-table-column label="性别" min-width="60" align="center">
+          <template slot-scope="{ row }">{{ fmtGender(row.xb) }}</template>
         </el-table-column>
-        <el-table-column prop="jysmc" label="教研室名称" align="center" />
-        <el-table-column prop="zc" label="职称" width="100" align="center" />
-        <el-table-column prop="xl" label="学历" width="120" align="center" />
-        <el-table-column prop="xw" label="学位" width="100" align="center" />
-        <el-table-column prop="cssj" label="出生时间" width="120" align="center" :formatter="formatDate" />
-        <el-table-column prop="sjh" label="联系方式" width="130" align="center" />
-        <el-table-column label="虚实类型" width="100" align="center">
-          <template slot-scope="scope">{{ scope.row.xslx === 0 ? '教学型' : scope.row.xslx === 1 ? '科研型' : scope.row.xslx }}</template>
+        <el-table-column prop="jysmc" label="教研室名称" min-width="120" show-overflow-tooltip />
+        <el-table-column prop="zc" label="职称" min-width="90" align="center" />
+        <el-table-column prop="xl" label="学历" min-width="90" align="center" />
+        <el-table-column prop="xw" label="学位" min-width="90" align="center" />
+        <el-table-column label="出生时间" min-width="110" align="center">
+          <template slot-scope="{ row }">{{ fmtDateTime(row.cssj) || '-' }}</template>
         </el-table-column>
-        <el-table-column prop="sfsjjz" label="是否实教教员" width="120" align="center" />
-        <el-table-column label="操作" width="200" align="center" fixed="right">
-          <template slot-scope="scope">
-            <el-button type="text" @click="handleViewAttribute(scope.row)">查看属性</el-button>
-            <el-button type="text" style="color: #e6a23c" @click="handleEdit(scope.row)">编辑</el-button>
-            <el-button type="text" style="color: #f56c6c" @click="handleToggleDisable(scope.row)">停用</el-button>
+        <el-table-column label="入伍工作时间" min-width="120" align="center">
+          <template slot-scope="{ row }">{{ fmtDateTime(row.rwgzsj) || '-' }}</template>
+        </el-table-column>
+        <el-table-column prop="sjh" label="联系方式" min-width="110" align="center" />
+        <el-table-column label="虚实类型" min-width="80" align="center">
+          <template slot-scope="{ row }">{{ fmtXslx(row.xslx) }}</template>
+        </el-table-column>
+        <el-table-column label="操作" width="180" align="center" fixed="right">
+          <template slot-scope="{ row }">
+            <el-button type="text" size="small" icon="el-icon-view" @click="handleViewAttribute(row)">查看属性</el-button>
+            <el-button type="text" size="small" icon="el-icon-edit" @click="handleEdit(row)">编辑</el-button>
+            <el-button type="text" size="small" class="danger-text" @click="handleDisable(row)">离职</el-button>
           </template>
         </el-table-column>
       </el-table>
+      <el-empty v-if="!loading && tableData.length === 0" description="暂无教员数据" :image-size="60" />
       <div class="pagination-wrap">
         <el-pagination
           :current-page="pagination.pageNum"
@@ -189,179 +92,152 @@
       </div>
     </el-card>
 
-    <!-- 教员属性详情对话框 -->
-    <el-dialog :visible.sync="attributeVisible" title="教员属性" width="720px" :destroy-on-close="true">
-      <div v-loading="attributeLoading || attributeSaving">
-        <!-- 查看模式 -->
-        <el-descriptions v-if="attributeMode === 'view'" :column="2" border>
-          <el-descriptions-item v-for="(value, key) in attributeData" :key="key" :label="ATTR_LABELS[key] || key"
-            label-align="right" align="center">
-            {{ value === null || value === undefined || value === '' ? '—' : value }}
-          </el-descriptions-item>
-        </el-descriptions>
-        <!-- 编辑模式 -->
-        <el-form v-else-if="attributeMode === 'edit'" label-width="120px" class="attribute-form">
-          <el-form-item v-for="(value, key) in attributeData" :key="key" :label="ATTR_LABELS[key] || key">
-            <el-input v-if="isEditableValue(value)" v-model="attributeData[key]" :disabled="key === 'jybh'"
-              :placeholder="key === 'jybh' ? '' : '请输入'" clearable />
-            <span v-else class="readonly-value">{{ typeof value === 'object' ? JSON.stringify(value) : value }}</span>
-          </el-form-item>
-        </el-form>
-        <el-empty v-else description="暂无属性数据" />
-      </div>
-      <div slot="footer" class="dialog-footer">
-        <template v-if="attributeMode === 'view'">
-          <el-button @click="attributeVisible = false">关闭</el-button>
-          <el-button type="primary" @click="handleStartEdit">编辑</el-button>
-        </template>
-        <template v-else>
-          <el-button @click="handleCancelEdit">取消</el-button>
-          <el-button type="primary" :loading="attributeSaving" @click="handleSaveAttribute">保存</el-button>
-        </template>
-      </div>
-    </el-dialog>
-
     <!-- 新建教员对话框 -->
-    <el-dialog :visible.sync="addDialogVisible" title="新建教员" width="800px" :destroy-on-close="true">
-      <el-form :model="addForm" label-width="140px" class="add-form">
+    <el-dialog
+      :visible="addDialogVisible"
+      title="新建教员"
+      width="820px"
+      :close-on-click-modal="false"
+      @update:visible="val => addDialogVisible = val"
+    >
+      <el-form ref="addFormRef" :model="addForm" :rules="addRules" label-width="140px" class="add-form">
         <el-divider content-position="left">教员基本信息</el-divider>
         <el-row :gutter="16">
           <el-col :span="12">
-            <el-form-item label="教员编号" required><el-input v-model="addForm.teacher.jybh" placeholder="请输入" /></el-form-item>
+            <el-form-item label="教员编号"><el-input v-model="addForm.teacher.jybh" placeholder="选填" /></el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="教员姓名" required><el-input v-model="addForm.teacher.jyxm" placeholder="请输入" /></el-form-item>
+            <el-form-item label="教员姓名" prop="teacher.jyxm"><el-input v-model="addForm.teacher.jyxm" placeholder="请输入" /></el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="16">
           <el-col :span="12">
-            <el-form-item label="教研室代号" required><el-input v-model="addForm.teacher.jysdh" placeholder="请输入" /></el-form-item>
+            <el-form-item label="教研室代号" prop="teacher.jysdh"><el-input v-model="addForm.teacher.jysdh" placeholder="请输入" /></el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="性别" required>
+            <el-form-item label="序号" prop="teacher.xh"><el-input v-model="addForm.teacher.xh" placeholder="请输入" /></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="16">
+          <el-col :span="12">
+            <el-form-item label="性别" prop="teacher.xb">
               <el-select v-model="addForm.teacher.xb" style="width:100%">
-                <el-option :value="0" label="男" /><el-option :value="1" label="女" />
+                <el-option :value="1" label="男" /><el-option :value="0" label="女" />
               </el-select>
             </el-form-item>
           </el-col>
+          <el-col :span="12">
+            <el-form-item label="身份证号" prop="teacher.sfzh"><el-input v-model="addForm.teacher.sfzh" placeholder="请输入" /></el-form-item>
+          </el-col>
         </el-row>
         <el-row :gutter="16">
           <el-col :span="12">
-            <el-form-item label="身份证号" required><el-input v-model="addForm.teacher.sfzh" placeholder="请输入" /></el-form-item>
+            <el-form-item label="专业技术职务等级" prop="teacher.zyjszwdj"><el-input v-model="addForm.teacher.zyjszwdj" placeholder="请输入" /></el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="离职状态" required>
-              <el-select v-model="addForm.teacher.lzzt" style="width:100%">
-                <el-option :value="0" label="在职" /><el-option :value="1" label="离职" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="16">
-          <el-col :span="12">
-            <el-form-item label="专业技术职务等级" required><el-input v-model="addForm.teacher.zyjszwdj" placeholder="请输入" /></el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="虚实类型" required>
+            <el-form-item label="虚实类型" prop="teacher.xslx">
               <el-select v-model="addForm.teacher.xslx" style="width:100%">
-                <el-option :value="0" label="教学型" /><el-option :value="1" label="科研型" />
+                <el-option :value="1" label="实教" /><el-option :value="0" label="非实教" />
               </el-select>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="16">
           <el-col :span="12">
-            <el-form-item label="教员类别" required>
-              <el-select v-model="addForm.teacher.jylb" style="width:100%">
-                <el-option v-for="item in jylbOptions" :key="item" :label="item" :value="item" />
-              </el-select>
-            </el-form-item>
+            <el-form-item label="教员类别" prop="teacher.jylb"><el-input v-model="addForm.teacher.jylb" placeholder="请输入" /></el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="在职类别" required><el-input v-model="addForm.teacher.zzlb" placeholder="请输入" /></el-form-item>
+            <el-form-item label="在职类别" prop="teacher.zzlb"><el-input v-model="addForm.teacher.zzlb" placeholder="请输入" /></el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="16">
           <el-col :span="12">
-            <el-form-item label="导师类别" required><el-input v-model="addForm.teacher.dslb" placeholder="请输入" /></el-form-item>
+            <el-form-item label="导师类别" prop="teacher.dslb"><el-input v-model="addForm.teacher.dslb" placeholder="请输入" /></el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="学缘" required><el-input v-model="addForm.teacher.xy" placeholder="请输入" /></el-form-item>
+            <el-form-item label="学缘" prop="teacher.xy"><el-input v-model="addForm.teacher.xy" placeholder="请输入" /></el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="16">
           <el-col :span="12">
-            <el-form-item label="额外允许开班数" required>
+            <el-form-item label="额外允许开班数" prop="teacher.ewyxkbs">
               <el-input-number v-model="addForm.teacher.ewyxkbs" :min="0" style="width:100%" />
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row :gutter="16">
           <el-col :span="12">
-            <el-form-item label="外训教员" required>
+            <el-form-item label="外训教员" prop="teacher.wxjy">
               <el-select v-model="addForm.teacher.wxjy" style="width:100%">
                 <el-option :value="0" label="否" /><el-option :value="1" label="是" />
               </el-select>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="16">
           <el-col :span="12">
-            <el-form-item label="外训译员" required>
+            <el-form-item label="外训译员" prop="teacher.wxyy">
               <el-select v-model="addForm.teacher.wxyy" style="width:100%">
                 <el-option :value="0" label="否" /><el-option :value="1" label="是" />
               </el-select>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row :gutter="16">
           <el-col :span="12">
-            <el-form-item label="政治类教员" required>
+            <el-form-item label="政治类教员" prop="teacher.zzljy">
               <el-select v-model="addForm.teacher.zzljy" style="width:100%">
                 <el-option :value="0" label="否" /><el-option :value="1" label="是" />
               </el-select>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="16">
           <el-col :span="12">
-            <el-form-item label="职称"><el-select v-model="addForm.teacher.zc" placeholder="选填" style="width:100%" clearable>
-                <el-option v-for="item in zcOptions" :key="item" :label="item" :value="item" /></el-select>
-            </el-form-item>
+            <el-form-item label="职称"><el-input v-model="addForm.teacher.zc" placeholder="选填" /></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="手机号"><el-input v-model="addForm.teacher.sjh" placeholder="选填" /></el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="16">
           <el-col :span="12">
-            <el-form-item label="手机号"><el-input v-model="addForm.teacher.sjh" placeholder="选填" /></el-form-item>
+            <el-form-item label="卡号"><el-input v-model="addForm.teacher.kh" placeholder="选填" /></el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="拼音"><el-input v-model="addForm.teacher.py" placeholder="选填" /></el-form-item>
           </el-col>
         </el-row>
+        <el-row :gutter="16">
+          <el-col :span="12">
+            <el-form-item label="专业技术职务等级时间">
+              <el-date-picker v-model="addForm.teacher.zyjszwdjsj" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss" placeholder="选填" style="width:100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="职称时间">
+              <el-date-picker v-model="addForm.teacher.zcsj" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss" placeholder="选填" style="width:100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="16">
+          <el-col :span="24">
+            <el-form-item label="备注"><el-input v-model="addForm.teacher.bz" type="textarea" :rows="2" placeholder="选填" /></el-form-item>
+          </el-col>
+        </el-row>
 
         <el-divider content-position="left">教员属性</el-divider>
         <el-row :gutter="16">
           <el-col :span="12">
-            <el-form-item label="学历" required>
-              <el-select v-model="addForm.attributes.xl" placeholder="请选择" style="width:100%">
-                <el-option v-for="item in xlOptions" :key="item" :label="item" :value="item" />
-              </el-select>
-            </el-form-item>
+            <el-form-item label="学历"><el-input v-model="addForm.attributes.xl" placeholder="选填" /></el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="学位" required>
-              <el-select v-model="addForm.attributes.xw" placeholder="请选择" style="width:100%">
-                <el-option v-for="item in xwOptions" :key="item" :label="item" :value="item" />
-              </el-select>
-            </el-form-item>
+            <el-form-item label="学位"><el-input v-model="addForm.attributes.xw" placeholder="选填" /></el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="16">
           <el-col :span="12">
-            <el-form-item label="教龄" required>
-              <el-input-number v-model="addForm.attributes.jl" :min="0" style="width:100%" />
-            </el-form-item>
+            <el-form-item label="教龄"><el-input-number v-model="addForm.attributes.jl" :min="0" style="width:100%" /></el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="教龄计算日期" required>
-              <el-date-picker v-model="addForm.attributes.jljsrq" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss"
-                placeholder="选择日期" style="width:100%" />
+            <el-form-item label="教龄计算日期">
+              <el-date-picker v-model="addForm.attributes.jljsrq" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss" placeholder="选填" style="width:100%" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -373,6 +249,16 @@
               </el-select>
             </el-form-item>
           </el-col>
+          <el-col :span="12">
+            <el-form-item label="职务"><el-input v-model="addForm.attributes.zw" placeholder="选填" /></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="16">
+          <el-col :span="12">
+            <el-form-item label="职务时间">
+              <el-date-picker v-model="addForm.attributes.zwsj" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss" placeholder="选填" style="width:100%" />
+            </el-form-item>
+          </el-col>
           <el-col :span="12">
             <el-form-item label="技术职务"><el-input v-model="addForm.attributes.jszw" placeholder="选填" /></el-form-item>
           </el-col>
@@ -380,8 +266,7 @@
         <el-row :gutter="16">
           <el-col :span="12">
             <el-form-item label="技术职务时间">
-              <el-date-picker v-model="addForm.attributes.jszwsj" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss"
-                placeholder="选填" style="width:100%" />
+              <el-date-picker v-model="addForm.attributes.jszwsj" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss" placeholder="选填" style="width:100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -391,8 +276,7 @@
         <el-row :gutter="16">
           <el-col :span="12">
             <el-form-item label="技术等级时间">
-              <el-date-picker v-model="addForm.attributes.jsdjsj" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss"
-                placeholder="选填" style="width:100%" />
+              <el-date-picker v-model="addForm.attributes.jsdjsj" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss" placeholder="选填" style="width:100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -402,423 +286,769 @@
         <el-row :gutter="16">
           <el-col :span="12">
             <el-form-item label="军衔文职时间">
-              <el-date-picker v-model="addForm.attributes.jxwzsj" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss"
-                placeholder="选填" style="width:100%" />
+              <el-date-picker v-model="addForm.attributes.jxwzsj" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss" placeholder="选填" style="width:100%" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="出生时间">
-              <el-date-picker v-model="addForm.attributes.cssj" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss"
-                placeholder="选填" style="width:100%" />
+              <el-date-picker v-model="addForm.attributes.cssj" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss" placeholder="选填" style="width:100%" />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="16">
           <el-col :span="12">
             <el-form-item label="入伍工作时间">
-              <el-date-picker v-model="addForm.attributes.rwgzsj" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss"
-                placeholder="选填" style="width:100%" />
+              <el-date-picker v-model="addForm.attributes.rwgzsj" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss" placeholder="选填" style="width:100%" />
             </el-form-item>
           </el-col>
         </el-row>
+        <el-row :gutter="16">
+          <el-col :span="24">
+            <el-form-item label="任代职经历"><el-input v-model="addForm.attributes.rdzjl" placeholder="选填" /></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="16">
+          <el-col :span="24">
+            <el-form-item label="发表论文"><el-input v-model="addForm.attributes.fblw" placeholder="选填" /></el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
-      <div slot="footer" class="dialog-footer">
+      <div slot="footer">
         <el-button @click="addDialogVisible = false">取消</el-button>
         <el-button type="primary" :loading="addSaving" @click="handleAddConfirm">确定</el-button>
       </div>
     </el-dialog>
 
     <!-- 编辑教员基本信息对话框 -->
-    <el-dialog :visible.sync="editDialogVisible" title="编辑教员信息" width="780px" :destroy-on-close="true">
+    <el-dialog
+      :visible="editDialogVisible"
+      title="编辑教员信息"
+      width="780px"
+      :close-on-click-modal="false"
+      @update:visible="val => editDialogVisible = val"
+    >
       <div v-loading="editLoading">
-        <el-form :model="editForm" label-width="140px" class="add-form">
+        <el-form ref="editFormRef" :model="editForm" :rules="editRules" label-width="140px" class="add-form">
           <el-row :gutter="16">
             <el-col :span="12">
               <el-form-item label="教员编号"><el-input v-model="editForm.jybh" disabled /></el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="教员姓名" required><el-input v-model="editForm.jyxm" placeholder="请输入" /></el-form-item>
+              <el-form-item label="教员姓名" prop="jyxm"><el-input v-model="editForm.jyxm" placeholder="请输入" /></el-form-item>
             </el-col>
           </el-row>
           <el-row :gutter="16">
             <el-col :span="12">
-              <el-form-item label="教研室代号" required><el-input v-model="editForm.jysdh" placeholder="请输入" /></el-form-item>
+              <el-form-item label="教研室代号" prop="jysdh"><el-input v-model="editForm.jysdh" placeholder="请输入" /></el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="性别" required>
+              <el-form-item label="序号"><el-input v-model="editForm.xh" placeholder="请输入" /></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="16">
+            <el-col :span="12">
+              <el-form-item label="性别" prop="xb">
                 <el-select v-model="editForm.xb" style="width:100%">
-                  <el-option :value="0" label="男" /><el-option :value="1" label="女" />
+                  <el-option :value="1" label="男" /><el-option :value="0" label="女" />
                 </el-select>
               </el-form-item>
             </el-col>
+            <el-col :span="12">
+              <el-form-item label="身份证号" prop="sfzh"><el-input v-model="editForm.sfzh" placeholder="请输入" /></el-form-item>
+            </el-col>
           </el-row>
           <el-row :gutter="16">
             <el-col :span="12">
-              <el-form-item label="身份证号" required><el-input v-model="editForm.sfzh" placeholder="请输入" /></el-form-item>
+              <el-form-item label="专业技术职务等级" prop="zyjszwdj"><el-input v-model="editForm.zyjszwdj" placeholder="请输入" /></el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="离职状态" required>
-                <el-select v-model="editForm.lzzt" style="width:100%">
-                  <el-option :value="0" label="在职" /><el-option :value="1" label="离职" />
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="16">
-            <el-col :span="12">
-              <el-form-item label="专业技术职务等级" required><el-input v-model="editForm.zyjszwdj" placeholder="请输入" /></el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="虚实类型" required>
+              <el-form-item label="虚实类型" prop="xslx">
                 <el-select v-model="editForm.xslx" style="width:100%">
-                  <el-option :value="0" label="教学型" /><el-option :value="1" label="科研型" />
+                  <el-option :value="1" label="实教" /><el-option :value="0" label="非实教" />
                 </el-select>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row :gutter="16">
             <el-col :span="12">
-              <el-form-item label="教员类别" required>
-                <el-select v-model="editForm.jylb" style="width:100%">
-                  <el-option v-for="item in jylbOptions" :key="item" :label="item" :value="item" />
-                </el-select>
-              </el-form-item>
+              <el-form-item label="教员类别" prop="jylb"><el-input v-model="editForm.jylb" placeholder="请输入" /></el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="在职类别" required><el-input v-model="editForm.zzlb" placeholder="请输入" /></el-form-item>
+              <el-form-item label="在职类别" prop="zzlb"><el-input v-model="editForm.zzlb" placeholder="请输入" /></el-form-item>
             </el-col>
           </el-row>
           <el-row :gutter="16">
             <el-col :span="12">
-              <el-form-item label="导师类别" required><el-input v-model="editForm.dslb" placeholder="请输入" /></el-form-item>
+              <el-form-item label="导师类别" prop="dslb"><el-input v-model="editForm.dslb" placeholder="请输入" /></el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="学缘" required><el-input v-model="editForm.xy" placeholder="请输入" /></el-form-item>
+              <el-form-item label="学缘" prop="xy"><el-input v-model="editForm.xy" placeholder="请输入" /></el-form-item>
             </el-col>
           </el-row>
           <el-row :gutter="16">
             <el-col :span="12">
-              <el-form-item label="额外允许开班数" required>
+              <el-form-item label="额外允许开班数" prop="ewyxkbs">
                 <el-input-number v-model="editForm.ewyxkbs" :min="0" style="width:100%" />
               </el-form-item>
             </el-col>
-          </el-row>
-          <el-row :gutter="16">
             <el-col :span="12">
-              <el-form-item label="外训教员" required>
+              <el-form-item label="外训教员" prop="wxjy">
                 <el-select v-model="editForm.wxjy" style="width:100%">
                   <el-option :value="0" label="否" /><el-option :value="1" label="是" />
                 </el-select>
               </el-form-item>
             </el-col>
+          </el-row>
+          <el-row :gutter="16">
             <el-col :span="12">
-              <el-form-item label="外训译员" required>
+              <el-form-item label="外训译员" prop="wxyy">
                 <el-select v-model="editForm.wxyy" style="width:100%">
                   <el-option :value="0" label="否" /><el-option :value="1" label="是" />
                 </el-select>
               </el-form-item>
             </el-col>
-          </el-row>
-          <el-row :gutter="16">
             <el-col :span="12">
-              <el-form-item label="政治类教员" required>
+              <el-form-item label="政治类教员" prop="zzljy">
                 <el-select v-model="editForm.zzljy" style="width:100%">
                   <el-option :value="0" label="否" /><el-option :value="1" label="是" />
                 </el-select>
               </el-form-item>
             </el-col>
+          </el-row>
+          <el-row :gutter="16">
             <el-col :span="12">
-              <el-form-item label="职称"><el-select v-model="editForm.zc" style="width:100%" clearable>
-                  <el-option v-for="item in zcOptions" :key="item" :label="item" :value="item" /></el-select>
-              </el-form-item>
+              <el-form-item label="职称"><el-input v-model="editForm.zc" placeholder="选填" /></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="手机号"><el-input v-model="editForm.sjh" placeholder="选填" /></el-form-item>
             </el-col>
           </el-row>
           <el-row :gutter="16">
             <el-col :span="12">
-              <el-form-item label="手机号"><el-input v-model="editForm.sjh" placeholder="选填" /></el-form-item>
+              <el-form-item label="卡号"><el-input v-model="editForm.kh" placeholder="选填" /></el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="拼音"><el-input v-model="editForm.py" placeholder="选填" /></el-form-item>
             </el-col>
           </el-row>
+          <el-row :gutter="16">
+            <el-col :span="24">
+              <el-form-item label="备注"><el-input v-model="editForm.bz" type="textarea" :rows="2" placeholder="选填" /></el-form-item>
+            </el-col>
+          </el-row>
         </el-form>
       </div>
-      <div slot="footer" class="dialog-footer">
+      <div slot="footer">
         <el-button @click="editDialogVisible = false">取消</el-button>
         <el-button type="primary" :loading="editSaving" @click="handleEditConfirm">保存</el-button>
       </div>
     </el-dialog>
+
+    <!-- 教员属性详情/编辑对话框 -->
+    <el-dialog
+      :visible="attributeVisible"
+      :title="attributeMode === 'view' ? '教员属性' : '编辑教员属性'"
+      width="720px"
+      :close-on-click-modal="false"
+      @update:visible="val => attributeVisible = val"
+    >
+      <div v-loading="attributeLoading || attributeSaving">
+        <template v-if="attributeMode === 'view'">
+          <el-descriptions :column="2" border size="medium">
+            <el-descriptions-item label="教员编号">{{ attributeData.jybh || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="主任">{{ fmtFlag(attributeData.zr, '是', '否') }}</el-descriptions-item>
+            <el-descriptions-item label="职务">{{ attributeData.zw || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="职务时间">{{ fmtDateTime(attributeData.zwsj) || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="技术职务">{{ attributeData.jszw || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="技术职务时间">{{ fmtDateTime(attributeData.jszwsj) || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="技术等级">{{ attributeData.jsdj || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="技术等级时间">{{ fmtDateTime(attributeData.jsdjsj) || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="军衔文职">{{ attributeData.jxwz || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="军衔文职时间">{{ fmtDateTime(attributeData.jxwzsj) || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="出生时间">{{ fmtDateTime(attributeData.cssj) || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="学历">{{ attributeData.xl || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="学位">{{ attributeData.xw || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="入伍工作时间">{{ fmtDateTime(attributeData.rwgzsj) || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="任代职经历">{{ attributeData.rdzjl || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="发表论文">{{ attributeData.fblw || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="教龄">{{ fmtVal(attributeData.jl) }}</el-descriptions-item>
+            <el-descriptions-item label="教龄计算日期">{{ fmtDateTime(attributeData.jljsrq) || '-' }}</el-descriptions-item>
+          </el-descriptions>
+          <div slot="footer" class="dialog-footer">
+            <el-button @click="attributeVisible = false">关闭</el-button>
+            <el-button type="primary" @click="handleStartEditAttribute">编辑</el-button>
+          </div>
+        </template>
+        <template v-else>
+          <el-form ref="attributeFormRef" :model="attributeForm" label-width="140px" class="add-form">
+            <el-row :gutter="16">
+              <el-col :span="12">
+                <el-form-item label="教员编号"><el-input v-model="attributeForm.jybh" disabled /></el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="主任">
+                  <el-select v-model="attributeForm.zr" style="width:100%">
+                    <el-option :value="0" label="否" /><el-option :value="1" label="是" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="16">
+              <el-col :span="12">
+                <el-form-item label="职务"><el-input v-model="attributeForm.zw" placeholder="选填" /></el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="职务时间">
+                  <el-date-picker v-model="attributeForm.zwsj" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss" placeholder="选填" style="width:100%" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="16">
+              <el-col :span="12">
+                <el-form-item label="技术职务"><el-input v-model="attributeForm.jszw" placeholder="选填" /></el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="技术职务时间">
+                  <el-date-picker v-model="attributeForm.jszwsj" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss" placeholder="选填" style="width:100%" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="16">
+              <el-col :span="12">
+                <el-form-item label="技术等级"><el-input v-model="attributeForm.jsdj" placeholder="选填" /></el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="技术等级时间">
+                  <el-date-picker v-model="attributeForm.jsdjsj" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss" placeholder="选填" style="width:100%" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="16">
+              <el-col :span="12">
+                <el-form-item label="军衔文职"><el-input v-model="attributeForm.jxwz" placeholder="选填" /></el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="军衔文职时间">
+                  <el-date-picker v-model="attributeForm.jxwzsj" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss" placeholder="选填" style="width:100%" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="16">
+              <el-col :span="12">
+                <el-form-item label="出生时间">
+                  <el-date-picker v-model="attributeForm.cssj" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss" placeholder="选填" style="width:100%" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="学历"><el-input v-model="attributeForm.xl" placeholder="选填" /></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="16">
+              <el-col :span="12">
+                <el-form-item label="学位"><el-input v-model="attributeForm.xw" placeholder="选填" /></el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="入伍工作时间">
+                  <el-date-picker v-model="attributeForm.rwgzsj" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss" placeholder="选填" style="width:100%" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="16">
+              <el-col :span="12">
+                <el-form-item label="教龄"><el-input-number v-model="attributeForm.jl" :min="0" style="width:100%" /></el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="教龄计算日期">
+                  <el-date-picker v-model="attributeForm.jljsrq" type="datetime" value-format="yyyy-MM-ddTHH:mm:ss" placeholder="选填" style="width:100%" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="16">
+              <el-col :span="24">
+                <el-form-item label="任代职经历"><el-input v-model="attributeForm.rdzjl" placeholder="选填" /></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="16">
+              <el-col :span="24">
+                <el-form-item label="发表论文"><el-input v-model="attributeForm.fblw" placeholder="选填" /></el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+          <div slot="footer" class="dialog-footer">
+            <el-button @click="handleCancelEditAttribute">取消</el-button>
+            <el-button type="primary" :loading="attributeSaving" @click="handleSaveAttribute">保存</el-button>
+          </div>
+        </template>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
-// 各下拉框选项：数据待后端接口返回后替换
-const JYS_OPTIONS = []            // 教研室
-const ZC_OPTIONS = ['教授', '副教授', '讲师', '助教'] // 职称
-const XL_OPTIONS = ['博士', '硕士', '本科', '大专']    // 学历
-const XW_OPTIONS = ['博士', '硕士', '学士']            // 学位
-const JYLB_OPTIONS = []           // 教员类别
+import {
+  listTeacher,
+  getTeacher,
+  addTeacher,
+  updateTeacher,
+  disableTeacher,
+  getTeacherAttribute,
+  updateTeacherAttribute
+} from '@/api/teachOffice/teacher'
 
 export default {
   name: 'Teacher',
   data() {
     return {
-      // 查询条件
-      searchForm: {
-        jysEnabled: false, jys: '',
-        jyxmEnabled: false, jyxm: '',
-        zcEnabled: false, zc: '',
-        xbEnabled: false, xb: '',
-        xlEnabled: false, xl: '',
-        xwEnabled: false, xw: '',
-        jzrqStart: '', jzrqEnd: '',
-        lxfsEnabled: false, lxfs: '',
-        sfsjjzEnabled: false, sfsjjz: '是',
-        jylbEnabled: false, jylb: ''
-      },
-      options: {
-        jys: JYS_OPTIONS,
-        zc: ZC_OPTIONS,
-        xl: XL_OPTIONS,
-        xw: XW_OPTIONS,
-        jylb: JYLB_OPTIONS
-      },
-      // 教员列表
+      // 查询条件（仅后端 JYBMapper.xml 支持的字段：jyxm 模糊 / jysdh 等值 / zc 模糊 / jylb 等值）
+      searchForm: { jyxm: '', jysdh: '', zc: '', jylb: '' },
+
+      // 列表
       loading: false,
       tableData: [],
       selectedRows: [],
-      pagination: { pageNum: 1, pageSize: 10, total: 0 },
-      // 属性详情
-      attributeVisible: false,
-      attributeMode: 'view',
-      attributeData: {},
-      attributeLoading: false,
-      attributeSaving: false,
+      pagination: { pageNum: 1, pageSize: 20, total: 0 },
+
       // 新建
       addDialogVisible: false,
       addSaving: false,
-      addForm: {
-        teacher: {
-          jybh: '', jyxm: '', jysdh: '', xb: '', sfzh: '', lzzt: '', zyjszwdj: '',
-          xslx: '', jylb: '', zzlb: '', dslb: '', xy: '', ewyxkbs: 0,
-          wxjy: '', wxyy: '', zzljy: '', zc: '', sjh: '', py: ''
-        },
-        attributes: {
-          xl: '', xw: '', jl: 0, jljsrq: '', zr: '', jszw: '', jszwsj: '',
-          jsdj: '', jsdjsj: '', jxwz: '', jxwzsj: '', cssj: '', rwgzsj: ''
-        }
+      addForm: this.createEmptyAddForm(),
+      addRules: {
+        'teacher.jyxm': [{ required: true, message: '请输入教员姓名', trigger: 'blur' }],
+        'teacher.jysdh': [{ required: true, message: '请输入教研室代号', trigger: 'blur' }],
+        'teacher.xh': [{ required: true, message: '请输入序号', trigger: 'blur' }],
+        'teacher.zyjszwdj': [{ required: true, message: '请输入专业技术职务等级', trigger: 'blur' }],
+        'teacher.xslx': [{ required: true, message: '请选择虚实类型', trigger: 'change' }],
+        'teacher.jylb': [{ required: true, message: '请输入教员类别', trigger: 'blur' }],
+        'teacher.zzlb': [{ required: true, message: '请输入在职类别', trigger: 'blur' }],
+        'teacher.ewyxkbs': [{ required: true, message: '请输入额外允许开班数', trigger: 'change' }],
+        'teacher.dslb': [{ required: true, message: '请输入导师类别', trigger: 'blur' }],
+        'teacher.xy': [{ required: true, message: '请输入学缘', trigger: 'blur' }],
+        'teacher.sfzh': [{ required: true, message: '请输入身份证号', trigger: 'blur' }],
+        'teacher.xb': [{ required: true, message: '请选择性别', trigger: 'change' }],
+        'teacher.wxjy': [{ required: true, message: '请选择外训教员', trigger: 'change' }],
+        'teacher.wxyy': [{ required: true, message: '请选择外训译员', trigger: 'change' }],
+        'teacher.zzljy': [{ required: true, message: '请选择政治类教员', trigger: 'change' }]
       },
+
       // 编辑
       editDialogVisible: false,
       editLoading: false,
       editSaving: false,
-      editForm: {}
+      editForm: {},
+      editRules: {
+        jyxm: [{ required: true, message: '请输入教员姓名', trigger: 'blur' }],
+        jysdh: [{ required: true, message: '请输入教研室代号', trigger: 'blur' }],
+        xb: [{ required: true, message: '请选择性别', trigger: 'change' }],
+        sfzh: [{ required: true, message: '请输入身份证号', trigger: 'blur' }],
+        zyjszwdj: [{ required: true, message: '请输入专业技术职务等级', trigger: 'blur' }],
+        xslx: [{ required: true, message: '请选择虚实类型', trigger: 'change' }],
+        jylb: [{ required: true, message: '请输入教员类别', trigger: 'blur' }],
+        zzlb: [{ required: true, message: '请输入在职类别', trigger: 'blur' }],
+        dslb: [{ required: true, message: '请输入导师类别', trigger: 'blur' }],
+        xy: [{ required: true, message: '请输入学缘', trigger: 'blur' }],
+        ewyxkbs: [{ required: true, message: '请输入额外允许开班数', trigger: 'change' }],
+        wxjy: [{ required: true, message: '请选择外训教员', trigger: 'change' }],
+        wxyy: [{ required: true, message: '请选择外训译员', trigger: 'change' }],
+        zzljy: [{ required: true, message: '请选择政治类教员', trigger: 'change' }]
+      },
+
+      // 教员属性
+      attributeVisible: false,
+      attributeMode: 'view',
+      attributeData: {},
+      attributeForm: {},
+      attributeLoading: false,
+      attributeSaving: false,
+      attributeJybh: ''
     }
   },
-  computed: {
-    jysOptions() { return this.options.jys },
-    zcOptions() { return this.options.zc },
-    xlOptions() { return this.options.xl },
-    xwOptions() { return this.options.xw },
-    jylbOptions() { return this.options.jylb },
-    xbOptions() { return [{ value: 0, label: '男' }, { value: 1, label: '女' }] },
-    sfsjjzOptions() { return ['是', '否'] },
-    // 属性字段中文名映射
-    ATTR_LABELS() { return ATTR_LABELS_MAP }
-  },
-  created() {
-    // TODO: 待后端接口，拉取教研室等下 拉选项与教员列表
-    // this.loadOptions()
-    // this.getList()
+  mounted() {
+    this.fetchList()
   },
   methods: {
-    // 属性字段中文名（配合接口返回字段使用）
-    isEditableValue(value) {
-      // TODO: 根据字段类型判断是否可编辑
-      return typeof value !== 'object' || value === null
+    /** 统一格式化后端 LocalDateTime（去除 T、截断到秒） */
+    fmtDateTime(val) {
+      if (val === null || val === undefined || val === '') return ''
+      return String(val).replace('T', ' ').slice(0, 19)
     },
-    formatDate(row, column, cellValue) {
-      return cellValue ? String(cellValue).substring(0, 10) : ''
+
+    /** 空值显示为 '-' */
+    fmtVal(val) {
+      return (val === null || val === undefined || val === '') ? '-' : val
     },
-    /** 查询 */
-    handleSearch() {
-      // TODO: 调用查询接口
+
+    /** 性别：1-男 0-女（与后端 TeacherListVO 注释及学员页约定一致） */
+    fmtGender(val) {
+      if (val === null || val === undefined || val === '') return '-'
+      return Number(val) === 1 ? '男' : Number(val) === 0 ? '女' : String(val)
     },
-    /** 重置 */
-    handleReset() {
-      this.searchForm = {
-        jysEnabled: false, jys: '', jyxmEnabled: false, jyxm: '',
-        zcEnabled: false, zc: '', xbEnabled: false, xb: '',
-        xlEnabled: false, xl: '', xwEnabled: false, xw: '',
-        jzrqStart: '', jzrqEnd: '', lxfsEnabled: false, lxfs: '',
-        sfsjjzEnabled: false, sfsjjz: '是', jylbEnabled: false, jylb: ''
+
+    /** 虚实类型：1-实教 0-非实教（项目约定 1-实 0-虚） */
+    fmtXslx(val) {
+      if (val === null || val === undefined || val === '') return '-'
+      return Number(val) === 1 ? '实教' : Number(val) === 0 ? '非实教' : String(val)
+    },
+
+    /** 0/1 标志位格式化 */
+    fmtFlag(val, yesLabel, noLabel) {
+      if (val === null || val === undefined || val === '') return '-'
+      return Number(val) === 1 ? yesLabel : Number(val) === 0 ? noLabel : String(val)
+    },
+
+    /** 移除空值 */
+    cleanPayload(obj) {
+      const payload = {}
+      Object.keys(obj).forEach(key => {
+        const value = obj[key]
+        if (value !== '' && value !== null && value !== undefined) {
+          payload[key] = value
+        }
+      })
+      return payload
+    },
+
+    /** 创建空白新增表单 */
+    createEmptyAddForm() {
+      return {
+        teacher: {
+          jybh: '', jyxm: '', jysdh: '', xh: '', zyjszwdj: '', zyjszwdjsj: '',
+          xslx: 1, jylb: '', zzlb: '', dslb: '', xy: '', sfzh: '', xb: 1,
+          wxjy: 0, wxyy: 0, zzljy: 0, ewyxkbs: 0, zc: '', sjh: '', kh: '', py: '',
+          zcsj: '', bz: ''
+        },
+        attributes: {
+          xl: '', xw: '', jl: 0, jljsrq: '', zr: 0, zw: '', zwsj: '', jszw: '',
+          jszwsj: '', jsdj: '', jsdjsj: '', jxwz: '', jxwzsj: '', cssj: '',
+          rwgzsj: '', rdzjl: '', fblw: ''
+        }
       }
     },
-    /** 新建 */
-    handleNew() {
-      // TODO: 打开新建对话框
+
+    // ==================== 列表 ====================
+    buildQuery() {
+      const params = {}
+      ;['jyxm', 'jysdh', 'zc', 'jylb'].forEach(key => {
+        const value = this.searchForm[key]
+        if (value !== '' && value !== null && value !== undefined) {
+          params[key] = String(value).trim()
+        }
+      })
+      return params
     },
-    /** 删除所选 */
-    handleDeleteSelected() {
-      // TODO: 批量删除
+
+    fetchList() {
+      this.loading = true
+      const params = {
+        pageNum: this.pagination.pageNum,
+        pageSize: this.pagination.pageSize,
+        ...this.buildQuery()
+      }
+      listTeacher(params).then(response => {
+        const data = response.data || {}
+        this.tableData = data.records || []
+        this.pagination.total = data.total || 0
+        this.loading = false
+      }).catch(() => {
+        this.tableData = []
+        this.pagination.total = 0
+        this.loading = false
+      })
     },
-    /** 导入教员信息 */
-    handleImport() {
-      // TODO: 导入
+
+    handleSearch() {
+      this.pagination.pageNum = 1
+      this.fetchList()
     },
-    /** 下载模板 */
-    handleDownloadTemplate() {
-      // TODO: 模板下载
+
+    handleReset() {
+      this.searchForm = { jyxm: '', jysdh: '', zc: '', jylb: '' }
+      this.pagination.pageNum = 1
+      this.fetchList()
     },
-    /** 表格多选 */
+
+    handleSizeChange(size) {
+      this.pagination.pageSize = size
+      this.pagination.pageNum = 1
+      this.fetchList()
+    },
+
+    handleCurrentChange(page) {
+      this.pagination.pageNum = page
+      this.fetchList()
+    },
+
     handleSelectionChange(rows) {
       this.selectedRows = rows
     },
-    /** 查看属性 */
-    handleViewAttribute(row) {
-      // TODO: 拉取行属性并打开
-      this.attributeVisible = true
+
+    // ==================== 无后端接口的操作 ====================
+    handleDeleteSelected() {
+      this.$message.info('后端暂未提供该接口')
     },
-    /** 编辑基本信息 */
+
+    handleImport() {
+      this.$message.info('后端暂未提供该接口')
+    },
+
+    handleDownloadTemplate() {
+      this.$message.info('后端暂未提供该接口')
+    },
+
+    // ==================== 新增 ====================
+    handleNew() {
+      this.addForm = this.createEmptyAddForm()
+      this.$nextTick(() => {
+        this.$refs.addFormRef && this.$refs.addFormRef.clearValidate()
+      })
+      this.addDialogVisible = true
+    },
+
+    handleAddConfirm() {
+      this.$refs.addFormRef.validate(valid => {
+        if (!valid) return
+        const dto = {
+          teacher: this.buildTeacherPayload(this.addForm.teacher),
+          attributes: this.buildAttributePayload(this.addForm.attributes)
+        }
+        this.addSaving = true
+        addTeacher(dto).then(() => {
+          this.$message.success('新增成功')
+          this.addDialogVisible = false
+          this.fetchList()
+        }).catch(() => {
+        }).finally(() => {
+          this.addSaving = false
+        })
+      })
+    },
+
+    /** 组装 JYB 请求体（lzzt 不传，后端自动置 0） */
+    buildTeacherPayload(t) {
+      const payload = this.cleanPayload({
+        jybh: t.jybh,
+        jyxm: t.jyxm,
+        jysdh: t.jysdh,
+        bz: t.bz,
+        zc: t.zc,
+        xh: t.xh,
+        zyjszwdj: t.zyjszwdj,
+        xslx: t.xslx,
+        jylb: t.jylb,
+        kh: t.kh,
+        py: t.py,
+        zzlb: t.zzlb,
+        ewyxkbs: t.ewyxkbs,
+        dslb: t.dslb,
+        xy: t.xy,
+        sfzh: t.sfzh,
+        xb: t.xb,
+        wxjy: t.wxjy,
+        wxyy: t.wxyy,
+        zzljy: t.zzljy,
+        sjh: t.sjh
+      })
+      // 整数/标志字段转 Number
+      ;['xb', 'xslx', 'ewyxkbs', 'wxjy', 'wxyy', 'zzljy'].forEach(key => {
+        if (payload[key] !== undefined) payload[key] = Number(payload[key])
+      })
+      // 时间字段已由 date-picker 输出 ISO 格式
+      ;['zyjszwdjsj', 'zcsj'].forEach(key => {
+        if (t[key]) payload[key] = t[key]
+      })
+      return payload
+    },
+
+    /** 组装 JYSX 请求体（仅非空字段） */
+    buildAttributePayload(a) {
+      const payload = this.cleanPayload({
+        xl: a.xl,
+        xw: a.xw,
+        jl: a.jl,
+        jljsrq: a.jljsrq,
+        zr: a.zr,
+        zw: a.zw,
+        zwsj: a.zwsj,
+        jszw: a.jszw,
+        jszwsj: a.jszwsj,
+        jsdj: a.jsdj,
+        jsdjsj: a.jsdjsj,
+        jxwz: a.jxwz,
+        jxwzsj: a.jxwzsj,
+        cssj: a.cssj,
+        rwgzsj: a.rwgzsj,
+        rdzjl: a.rdzjl,
+        fblw: a.fblw
+      })
+      if (payload.zr !== undefined) payload.zr = Number(payload.zr)
+      if (payload.jl !== undefined) payload.jl = Number(payload.jl)
+      return payload
+    },
+
+    // ==================== 编辑 ====================
     handleEdit(row) {
-      // TODO: 回填并打开编辑对话框
       this.editDialogVisible = true
+      this.editLoading = true
+      getTeacher(row.jybh).then(response => {
+        const data = response.data || {}
+        const form = this.createEmptyAddForm().teacher
+        Object.keys(form).forEach(key => {
+          if (data[key] !== undefined && data[key] !== null) form[key] = data[key]
+        })
+        this.editForm = form
+        this.editLoading = false
+      }).catch(() => {
+        this.editDialogVisible = false
+        this.editLoading = false
+      })
     },
-    /** 停用 */
-    handleToggleDisable(row) {
-      // TODO: 停用接口
+
+    handleEditConfirm() {
+      this.$refs.editFormRef.validate(valid => {
+        if (!valid) return
+        if (!this.editForm.jybh) {
+          this.$message.warning('缺少教员编号，无法保存')
+          return
+        }
+        const payload = this.buildTeacherPayload(this.editForm)
+        payload.jybh = this.editForm.jybh
+        this.editSaving = true
+        updateTeacher(payload).then(() => {
+          this.$message.success('保存成功')
+          this.editDialogVisible = false
+          this.fetchList()
+        }).catch(() => {
+        }).finally(() => {
+          this.editSaving = false
+        })
+      })
     },
-    /** 分页 */
-    handleSizeChange(val) {
-      this.pagination.pageSize = val
-      // TODO: 重新查询
+
+    // ==================== 离职（逻辑删除） ====================
+    handleDisable(row) {
+      if (!row.jybh) {
+        this.$message.warning('当前行缺少教员编号')
+        return
+      }
+      this.$confirm(`确定要办理教员「${row.jyxm || row.jybh}」离职吗？`, '系统提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        disableTeacher(row.jybh).then(() => {
+          this.$message.success('已办理离职')
+          this.fetchList()
+        }).catch(() => {})
+      }).catch(() => {})
     },
-    handleCurrentChange(val) {
-      this.pagination.pageNum = val
-      // TODO: 重新查询
+
+    // ==================== 教员属性 ====================
+    handleViewAttribute(row) {
+      this.attributeMode = 'view'
+      this.attributeJybh = row.jybh
+      this.attributeData = {}
+      this.attributeVisible = true
+      this.attributeLoading = true
+      getTeacherAttribute(row.jybh).then(response => {
+        this.attributeData = response.data || {}
+        this.attributeLoading = false
+      }).catch(() => {
+        this.attributeVisible = false
+        this.attributeLoading = false
+      })
     },
-    /** 属性-开始编辑 */
-    handleStartEdit() {
+
+    handleStartEditAttribute() {
+      this.attributeForm = this.createEmptyAddForm().attributes
+      Object.keys(this.attributeForm).forEach(key => {
+        if (this.attributeData[key] !== undefined && this.attributeData[key] !== null) {
+          this.attributeForm[key] = this.attributeData[key]
+        }
+      })
+      this.attributeForm.jybh = this.attributeJybh
       this.attributeMode = 'edit'
     },
-    /** 属性-取消编辑 */
-    handleCancelEdit() {
+
+    handleCancelEditAttribute() {
       this.attributeMode = 'view'
     },
-    /** 属性-保存 */
+
     handleSaveAttribute() {
-      // TODO: 保存属性接口
-      this.attributeMode = 'view'
-    },
-    /** 新建-确认 */
-    handleAddConfirm() {
-      // TODO: 新增接口
-      this.addDialogVisible = false
-    },
-    /** 编辑-确认 */
-    handleEditConfirm() {
-      // TODO: 编辑接口
-      this.editDialogVisible = false
+      const payload = this.buildAttributePayload(this.attributeForm)
+      payload.jybh = this.attributeJybh
+      this.attributeSaving = true
+      updateTeacherAttribute(payload).then(() => {
+        this.$message.success('保存成功')
+        this.attributeMode = 'view'
+        this.handleViewAttribute({ jybh: this.attributeJybh })
+      }).catch(() => {
+      }).finally(() => {
+        this.attributeSaving = false
+      })
     }
   }
 }
-
-// 属性字段中文名映射（后续按接口字段补全）
-const ATTR_LABELS_MAP = {
-  jybh: '教员编号',
-  jyxm: '教员姓名',
-  xb: '性别',
-  jysdh: '教研室代号',
-  jysmc: '教研室名称',
-  zc: '职称',
-  xl: '学历',
-  xw: '学位',
-  cssj: '出生时间',
-  sjh: '手机号',
-  xslx: '虚实类型',
-  sfsjjz: '是否实教教员'
-}
 </script>
 
 <style scoped lang="scss">
 .teacher-page {
   .search-card {
     margin-bottom: 16px;
-  }
 
-  .search-form {
-    .w-full {
-      width: 100%;
+    .search-form {
+      .el-form-item {
+        margin-bottom: 0;
+        padding: 10px 12px;
+      }
     }
 
-    .date-range {
+    .search-actions {
       display: flex;
-      align-items: center;
-      width: 100%;
-
-      .date-picker {
-        flex: 1;
-      }
-
-      .date-sep {
-        margin: 0 8px;
-        color: #909399;
-        flex-shrink: 0;
-      }
+      justify-content: flex-end;
+      padding: 12px;
+      border-top: 1px solid #ebeef5;
     }
   }
 
-  .search-tip {
-    margin: 8px 0 16px;
-    font-size: 13px;
-    color: #909399;
-  }
-
-  .search-actions {
-    text-align: right;
-    border-top: 1px solid #ebeef5;
-    padding-top: 12px;
-  }
-
   .list-title {
-    font-size: 15px;
+    font-size: 16px;
     font-weight: 600;
     color: #303133;
-    margin: 8px 0 12px;
-    padding-left: 10px;
-    border-left: 4px solid var(--edu-green-primary);
+    margin-bottom: 12px;
   }
 
   .list-toolbar {
-    margin-bottom: 12px;
     display: flex;
     align-items: center;
     justify-content: space-between;
-    flex-wrap: wrap;
     gap: 12px;
+    flex-wrap: wrap;
+    margin-bottom: 16px;
 
     .left-group,
     .right-group {
       display: flex;
       align-items: center;
-      gap: 10px;
+      gap: 12px;
       flex-wrap: wrap;
     }
   }
 
   .table-card {
     margin-bottom: 16px;
-  }
 
-  .pagination-wrap {
-    padding: 14px 0 4px;
-    text-align: right;
-  }
+    ::v-deep(.el-table) {
+      width: 100%;
+    }
 
-  .attribute-form {
-    .readonly-value {
-      color: #606266;
+    .pagination-wrap {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16px;
     }
   }
+
+  .danger-text {
+    color: #f56c6c;
+  }
 }
-</style>
\ No newline at end of file
+</style>