a

src/views/professional/professionalteacherstationchange/index.vue

@@ -0,0 +1,143 @@
+<template>
+  <div class="layout-padding">
+    <div class="layout-padding-auto layout-padding-view">
+      <!-- 搜索表单 -->
+      <search-form 
+        v-show="showSearch" 
+        :model="search" 
+        ref="searchFormRef"
+        @keyup-enter="handleFilter(search)"
+      >
+        <template #default="{ visible }">
+          <template v-if="visible">
+            <el-form-item label="工号" prop="teacherNo">
+              <el-input
+                v-model="search.teacherNo"
+                clearable
+                style="width: 200px"
+                placeholder="请输入工号"
+              />
+            </el-form-item>
+
+            <el-form-item label="姓名" prop="teacherName">
+              <el-input
+                v-model="search.teacherName"
+                clearable
+                style="width: 200px"
+                placeholder="请输入姓名"
+              />
+            </el-form-item>
+          </template>
+        </template>
+
+        <!-- 操作按钮 -->
+        <template #actions>
+          <el-form-item>
+            <el-button type="primary" @click="handleFilter(search)" icon="Search">查询</el-button>
+            <el-button @click="resetQuery" icon="Refresh">重置</el-button>
+          </el-form-item>
+        </template>
+      </search-form>
+
+      <!-- 表格 -->
+      <el-table
+        ref="tableRef"
+        :data="state.dataList"
+        v-loading="state.loading"
+        border
+        :cell-style="tableStyle.cellStyle"
+        :header-cell-style="tableStyle.headerCellStyle"
+      >
+        <el-table-column type="index" label="序号" width="60" align="center" />
+        
+        <el-table-column prop="teacherNo" label="工号" min-width="120" align="center" show-overflow-tooltip />
+        
+        <el-table-column prop="teacherName" label="姓名" min-width="120" align="center" show-overflow-tooltip />
+        
+        <el-table-column prop="oldDeptName" label="原部门名称" min-width="150" align="center" show-overflow-tooltip />
+        
+        <el-table-column prop="newDeptName" label="现部门名称" min-width="150" align="center" show-overflow-tooltip />
+        
+        <el-table-column prop="changeDate" label="调令日期" width="120" align="center" />
+        
+        <el-table-column label="操作" width="150" align="center" fixed="right">
+          <template #default="scope">
+            <el-button 
+              type="primary"
+              link
+              icon="Printer"
+              @click="doPrint(scope.row)">打印部门调令
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页 -->
+      <pagination
+        v-bind="state.pagination"
+        @current-change="currentChangeHandle"
+        @size-change="sizeChangeHandle"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted } from 'vue'
+import { BasicTableProps, useTable } from '/@/hooks/table'
+import { fetchList } from '/@/api/professional/professionaluser/professionalteacherstationchange'
+
+// 表格引用
+const tableRef = ref()
+const searchFormRef = ref()
+const showSearch = ref(true)
+
+// 搜索表单数据
+const search = reactive({
+  teacherNo: '',
+  teacherName: ''
+})
+
+// 配置 useTable
+const state: BasicTableProps = reactive<BasicTableProps>({
+  pageList: async (params: any) => {
+    const response = await fetchList(params)
+    return {
+      data: {
+        records: response.data.records || [],
+        total: response.data.total || 0
+      }
+    }
+  },
+  queryForm: search
+})
+
+const { getDataList, currentChangeHandle, sizeChangeHandle, tableStyle } = useTable(state)
+
+// 查询
+const handleFilter = () => {
+  getDataList()
+}
+
+// 重置查询
+const resetQuery = () => {
+  Object.assign(search, {
+    teacherNo: '',
+    teacherName: ''
+  })
+  getDataList()
+}
+
+// 打印部门调令
+const doPrint = (row: any) => {
+  window.open(`/professional/professionalteacherstationchange/print/${row.id}`)
+}
+
+// 初始化
+onMounted(() => {
+  getDataList()
+})
+</script>
+
+<style lang="scss" scoped>
+</style>