refactor(attendance): 优化上岗记录页面表单布局和逻辑

- 简化表单元素布局，使用更紧凑的代码风格
- 将用户选择改为多选模式并关联班组选择
- 移除不必要的岗位选择字段
- 添加班组变更时自动加载成员功能

src/views/attendance/postRecord/index.vue

@@ -2,71 +2,32 @@
   <div class="app-container">
     <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
       <el-form-item label="用户名称" prop="userName">
-        <el-input
-          v-model="queryParams.userName"
-          placeholder="请输入用户名称"
-          clearable
-          @keyup.enter="handleQuery"
-        />
+        <el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable @keyup.enter="handleQuery" />
       </el-form-item>
       <el-form-item label="班组名称" prop="attendanceTeamName">
-        <el-input
-          v-model="queryParams.attendanceTeamName"
-          placeholder="请输入班组名称"
-          clearable
-          @keyup.enter="handleQuery"
-        />
+        <el-input v-model="queryParams.attendanceTeamName" placeholder="请输入班组名称" clearable @keyup.enter="handleQuery" />
       </el-form-item>
       <el-form-item label="主管名称" prop="attendanceDepartmentName">
-        <el-input
-          v-model="queryParams.attendanceDepartmentName"
-          placeholder="请输入主管名称"
-          clearable
-          @keyup.enter="handleQuery"
-        />
+        <el-input v-model="queryParams.attendanceDepartmentName" placeholder="请输入主管名称" clearable
+          @keyup.enter="handleQuery" />
       </el-form-item>
-       <el-form-item label="大队名称" prop="attendanceBrigadeName">
-        <el-input
-          v-model="queryParams.attendanceBrigadeName"
-          placeholder="请输入大队名称"
-          clearable
-          @keyup.enter="handleQuery"
-        />
+      <el-form-item label="大队名称" prop="attendanceBrigadeName">
+        <el-input v-model="queryParams.attendanceBrigadeName" placeholder="请输入大队名称" clearable
+          @keyup.enter="handleQuery" />
       </el-form-item>
       <el-form-item label="考勤日期" prop="attendanceDate">
-        <el-date-picker
-          clearable
-          v-model="dateRange"
-          value-format="YYYY-MM-DD"
-          type="daterange"
-          range-separator="-"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期">
+        <el-date-picker clearable v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
+          start-placeholder="开始日期" end-placeholder="结束日期">
         </el-date-picker>
       </el-form-item>
       <el-form-item label="航站楼名称" prop="terminlName">
-        <el-input
-          v-model="queryParams.terminlName"
-          placeholder="请输入航站楼名称"
-          clearable
-          @keyup.enter="handleQuery"
-        />
+        <el-input v-model="queryParams.terminlName" placeholder="请输入航站楼名称" clearable @keyup.enter="handleQuery" />
       </el-form-item>
       <el-form-item label="区域名称" prop="regionalName">
-        <el-input
-          v-model="queryParams.regionalName"
-          placeholder="请输入区域名称"
-          clearable
-          @keyup.enter="handleQuery"
-        />
+        <el-input v-model="queryParams.regionalName" placeholder="请输入区域名称" clearable @keyup.enter="handleQuery" />
       </el-form-item>
       <el-form-item label="通道名称" prop="channelName">
-        <el-input
-          v-model="queryParams.channelName"
-          placeholder="请输入通道名称"
-          clearable
-          @keyup.enter="handleQuery"
-        />
+        <el-input v-model="queryParams.channelName" placeholder="请输入通道名称" clearable @keyup.enter="handleQuery" />
       </el-form-item>
       <!-- <el-form-item label="岗位名称" prop="positionName">
         <el-input
@@ -84,35 +45,20 @@
 
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="Plus"
-          @click="handleAdd"
-          v-hasPermi="['attendance:postRecord:add']"
-        >新增</el-button>
+        <el-button type="primary" plain icon="Plus" @click="handleAdd"
+          v-hasPermi="['attendance:postRecord:add']">新增</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="Delete"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['attendance:postRecord:remove']"
-        >删除</el-button>
+        <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete"
+          v-hasPermi="['attendance:postRecord:remove']">删除</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="Download"
-          @click="handleExport"
-          v-hasPermi="['attendance:postRecord:export']"
-        >导出</el-button>
+        <el-button type="warning" plain icon="Download" @click="handleExport"
+          v-hasPermi="['attendance:postRecord:export']">导出</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button type="info" plain icon="Upload" @click="handleImport" v-hasPermi="['attendance:postRecord:import']">导入</el-button>
+        <el-button type="info" plain icon="Upload" @click="handleImport"
+          v-hasPermi="['attendance:postRecord:import']">导入</el-button>
       </el-col>
       <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
@@ -122,12 +68,12 @@
       <el-table-column label="用户姓名" align="center" prop="userName" width="80" />
       <el-table-column label="班组名称" align="center" prop="attendanceTeamName" width="80" />
       <el-table-column label="主管名称" align="center" prop="attendanceDepartmentName" width="80" />
-      <el-table-column label="大队名称" align="center" prop="attendanceBrigadeName" width="80" /> 
+      <el-table-column label="大队名称" align="center" prop="attendanceBrigadeName" width="80" />
       <el-table-column label="考勤日期" align="center" prop="attendanceDate" width="100" />
       <el-table-column label="上岗时间" align="center" prop="checkInTime" width="155" />
-      <el-table-column label="离岗时间" align="center" prop="checkOutTime" width="155" >
+      <el-table-column label="离岗时间" align="center" prop="checkOutTime" width="155">
         <template #default="scope">
-          {{ scope.row.checkOutTime=='2000-01-01 00:00:00'?'':scope.row.checkOutTime }}
+          {{ scope.row.checkOutTime == '2000-01-01 00:00:00' ? '' : scope.row.checkOutTime }}
         </template>
       </el-table-column>
       <el-table-column label="工作时长(分钟)" align="center" prop="workDuration" width="115" />
@@ -139,71 +85,51 @@
       <el-table-column label="备注" align="center" prop="remark" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="140">
         <template #default="scope">
-          <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['attendance:postRecord:edit']">修改</el-button>
-          <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['attendance:postRecord:remove']">删除</el-button>
+          <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
+            v-hasPermi="['attendance:postRecord:edit']">修改</el-button>
+          <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
+            v-hasPermi="['attendance:postRecord:remove']">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
-    
-    <pagination
-      v-show="total>0"
-      :total="total"
-      v-model:page="queryParams.pageNum"
-      v-model:limit="queryParams.pageSize"
-      @pagination="getList"
-    />
+
+    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize" @pagination="getList" />
 
     <!-- 添加或修改上岗记录对话框 -->
     <el-dialog :title="title" v-model="open" width="400px" append-to-body>
       <el-form ref="postRecordRef" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="用户" prop="userId">
+        <el-form-item label="班组" prop="attendanceTeamId" clearable>
+          <el-select v-model="form.attendanceTeamId" filterable placeholder="请选择班组" style="width: 288px"
+            @change="handleTeamChange">
+            <el-option v-for="item in teamOptions" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="用户" prop="userIdList">
           <template v-if="disabledUserSelect">
             <el-input v-model="form.userName" :disabled="disabledUserSelect" />
           </template>
           <template v-else>
-            <UserSelect ref="userSelect" v-model="form.userId" :disabled="disabledUserSelect" width="288px" />
+            <UserSelect ref="userSelect" v-model="form.userIdList" :disabled="disabledUserSelect" width="288px"
+              :multiple="true" />
           </template>
         </el-form-item>
         <el-form-item label="上岗时间" prop="checkInTime">
-          <el-date-picker clearable
-            style="width:288px"
-            v-model="form.checkInTime"
-            type="datetime"
-            format="YYYY-MM-DD HH:mm:ss"
-            value-format="YYYY-MM-DD HH:mm:ss"
-            placeholder="请选择上岗时间">
+          <el-date-picker clearable style="width:288px" v-model="form.checkInTime" type="datetime"
+            format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择上岗时间">
           </el-date-picker>
         </el-form-item>
         <el-form-item label="离岗时间" prop="checkOutTime">
-          <el-date-picker clearable
-            style="width:288px"
-            v-model="form.checkOutTime"
-            type="datetime"
-            format="YYYY-MM-DD HH:mm:ss"
-            value-format="YYYY-MM-DD HH:mm:ss"
-            placeholder="请选择离岗时间">
+          <el-date-picker clearable style="width:288px" v-model="form.checkOutTime" type="datetime"
+            format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择离岗时间">
           </el-date-picker>
         </el-form-item>
-        <el-form-item label="班组" prop="attendanceTeamId" clearable>
-          <el-select v-model="form.attendanceTeamId" filterable placeholder="请选择班组" style="width: 288px">
-            <el-option
-              v-for="item in teamOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
+
         <el-form-item label="通道" prop="terminlCode" clearable>
-          <el-cascader
-            v-model="form.positionValue"
-            :options="positonOptions"
-            @change="handlePositionChange"
-            placeholder="请选择航站楼、区域、通道"
-            style="width: 288px"
-          />
+          <el-cascader v-model="form.positionValue" :options="positonOptions" @change="handlePositionChange"
+            placeholder="请选择航站楼、区域、通道" style="width: 288px" />
         </el-form-item>
-        <el-form-item label="岗位" prop="positionCode">
+        <!-- <el-form-item label="岗位" prop="positionCode">
           <el-select v-model="form.positionCode" placeholder="请选择岗位" clearable style="width: 288px">
             <el-option
               v-for="dict in item_check_method"
@@ -212,7 +138,7 @@
               :value="dict.value"
             />
           </el-select>
-        </el-form-item>
+        </el-form-item> -->
         <el-form-item label="备注" prop="remark">
           <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
         </el-form-item>
@@ -225,17 +151,12 @@
       </template>
     </el-dialog>
 
-    
+
     <!-- 上岗记录导入对话框 -->
     <el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>
-      <el-upload ref="uploadRef" 
-      :limit="1" accept=".xlsx, .xls" 
-      :headers="upload.headers" 
-      :action="upload.url + '?updateSupport=' + upload.updateSupport" 
-      :disabled="upload.isUploading" 
-      :on-progress="handleFileUploadProgress" 
-      :on-success="handleFileSuccess" 
-      :auto-upload="false" drag>
+      <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
+        :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
+        :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
         <el-icon class="el-icon--upload"><upload-filled /></el-icon>
         <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
         <template #tip>
@@ -244,7 +165,8 @@
               <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据
             </div> -->
             <span>仅允许导入xls、xlsx格式文件。</span>
-            <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline" @click="importTemplate">下载模板</el-link>
+            <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline"
+              @click="importTemplate">下载模板</el-link>
           </div>
         </template>
       </el-upload>
@@ -260,6 +182,7 @@
 
 <script setup name="PostRecord">
 import { listPostRecord, getPostRecord, delPostRecord, addPostRecord, updatePostRecord, positionList, teamList } from "@/api/attendance/postRecord"
+import { listRecord } from "@/api/attendance/record"
 import UserSelect from "@/components/UserSelect"
 
 const { proxy } = getCurrentInstance()
@@ -291,7 +214,7 @@ const data = reactive({
     pageSize: 10,
     tenantId: null,
     revision: null,
-    userId: null,
+    userIdList: null,
     channelCode: null,
     shiftCode: null,
     checkInTime: null,
@@ -317,15 +240,15 @@ const data = reactive({
     statusDesc: null
   },
   rules: {
-    userId: [
+    userIdList: [
       { required: !disabledUserSelect, message: "用户ID不能为空", trigger: "blur" }
     ],
     channelCode: [
       { required: true, message: "通道编码不能为空", trigger: "blur" }
     ],
-    positionCode: [
-      { required: true, message: "岗位编码不能为空", trigger: "blur" }
-    ],
+    // positionCode: [
+    //   { required: true, message: "岗位编码不能为空", trigger: "blur" }
+    // ],
     checkInTime: [
       { required: true, message: "上岗时间不能为空", trigger: "blur" }
     ],
@@ -403,6 +326,24 @@ const upload = reactive({
 
 const { queryParams, form, rules } = toRefs(data)
 
+
+const handleTeamChange = async (newTeamId) => {
+  
+  if (newTeamId) {
+    // 当班组ID变化时，获取该班组的成员
+    try {
+      const response = await listRecord({ attendanceTeamId: newTeamId,pageSize: 1000 })
+      // 获取团队成员的用户ID列表
+      const teamUserIds = response.rows.map(item => item.userId)
+      // 将团队成员的用户ID赋值给form.userId
+      form.value.userIdList = teamUserIds
+    } catch (error) {
+      console.error('获取班组成员失败:', error)
+    }
+  }
+}
+
+
 /** 查询上岗记录列表 */
 function getList() {
   loading.value = true
@@ -467,7 +408,7 @@ function reset() {
     createTime: null,
     updateBy: null,
     updateTime: null,
-    userId: null,
+    userIdList: [], // 改为数组默认值
     channelCode: null,
     shiftCode: null,
     checkInTime: null,
@@ -568,12 +509,12 @@ function submitForm() {
 /** 删除按钮操作 */
 function handleDelete(row) {
   const _ids = row.id || ids.value
-  proxy.$modal.confirm('是否确认删除数据项？').then(function() {
+  proxy.$modal.confirm('是否确认删除数据项？').then(function () {
     return delPostRecord(_ids)
   }).then(() => {
     getList()
     proxy.$modal.msgSuccess("删除成功")
-  }).catch(() => {})
+  }).catch(() => { })
 }
 
 /** 导出按钮操作 */