考勤明细修改提交

src/api/report/attReport.js

@@ -10,6 +10,15 @@ export function getDetailsList(query) {
   })
 }
 
+// 查询列表
+export function updateAttDetails(data) {
+  return request({
+    url: '/system/attDetails',
+    method: 'put',
+    data: data
+  })
+}
+
 // 查询考勤明细修改记录列表
 export function getDetailsRecordList(query) {
   return request({

src/views/report/attReport/index.vue

@@ -42,20 +42,21 @@
         <el-form-item>
           <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
           <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+          <el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
+          <el-button type="primary" size="mini" @click="openDialog">批量修改</el-button>
         </el-form-item>
       </el-form>
   
       <el-row :gutter="10" class="mb8">
-        <el-col :span="1.5">
+        <!-- <el-col :span="1.5">
           <el-button
             type="warning"
             plain
             icon="el-icon-download"
             size="mini"
             @click="handleExport" 
-            v-hasPermi="['system:dict:export']"
           >导出</el-button>
-        </el-col>
+        </el-col> -->
         <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
       </el-row>
   
@@ -73,7 +74,18 @@
         <el-table-column label="上班打卡时间" align="center" prop="toWorkAttCurrentTime" width="180"></el-table-column>
         <el-table-column label="上班状态" align="center" prop="toWorkAttStatus">
           <template slot-scope="scope">
-            <dict-tag :options="dict.type.att_status" :value="scope.row.toWorkAttStatus"/>
+            <div v-if="scope.row.toWorkAttStatus==0">未打卡</div>
+            <div v-if="scope.row.toWorkAttStatus==1">正常</div>
+            <div style="color: #F1A4AD" v-if="scope.row.toWorkAttStatus==2">迟到</div>
+            <div style="color: #29C9C9" v-if="scope.row.toWorkAttStatus==3">旷工</div>
+            <div v-if="scope.row.toWorkAttStatus==4">早退</div>
+            <div v-if="scope.row.toWorkAttStatus==5">轮休</div>
+            <div style="color: #14ACF0" v-if="scope.row.toWorkAttStatus==6">请假</div>
+            <div v-if="scope.row.toWorkAttStatus==7">临时外出</div>
+            <div style="color: #DD1E36" v-if="scope.row.toWorkAttStatus==8">出入异常</div>
+            <div v-if="scope.row.toWorkAttStatus==9">打卡地异常</div>
+            <div v-if="scope.row.toWorkAttStatus==10">出差</div>
+            <div v-if="scope.row.toWorkAttStatus==11">法定节假日</div>
           </template>
         </el-table-column>
         <el-table-column label="打卡地址" align="center" prop="toWorkAttAddress" :show-overflow-tooltip="true" />
@@ -81,7 +93,18 @@
         <el-table-column label="下班打卡时间" align="center" prop="offWorkAttCurrentTime" width="180"></el-table-column>
         <el-table-column label="下班状态" align="center" prop="offWorkAttStatus">
           <template slot-scope="scope">
-            <dict-tag :options="dict.type.att_status" :value="scope.row.offWorkAttStatus"/>
+            <div v-if="scope.row.offWorkAttStatus==0">未打卡</div>
+            <div v-if="scope.row.offWorkAttStatus==1">正常</div>
+            <div style="color: #F1A4AD" v-if="scope.row.offWorkAttStatus==2">迟到</div>
+            <div style="color: #29C9C9" v-if="scope.row.offWorkAttStatus==3">旷工</div>
+            <div v-if="scope.row.offWorkAttStatus==4">早退</div>
+            <div v-if="scope.row.offWorkAttStatus==5">轮休</div>
+            <div style="color: #14ACF0" v-if="scope.row.offWorkAttStatus==6">请假</div>
+            <div v-if="scope.row.offWorkAttStatus==7">临时外出</div>
+            <div style="color: #DD1E36" v-if="scope.row.offWorkAttStatus==8">出入异常</div>
+            <div v-if="scope.row.offWorkAttStatus==9">打卡地异常</div>
+            <div v-if="scope.row.offWorkAttStatus==10">出差</div>
+            <div v-if="scope.row.offWorkAttStatus==11">法定节假日</div>
           </template>
         </el-table-column>
         <el-table-column label="打卡地址" align="center" prop="offWorkAttAddress" :show-overflow-tooltip="true" />
@@ -96,15 +119,84 @@
         @pagination="getList"
       />
 
+    <el-dialog title="批量修改" :visible.sync="open" width="1200px" append-to-body> 
+        <el-table v-loading="loading" :data="dialogList" width="100%" height="500px">
+            <el-table-column label="序号" type="index" width="55" align="center" fixed/>
+            <el-table-column label="姓名" align="center" prop="userName" fixed/>
+            <el-table-column label="所属部门" align="center" prop="orgName" :show-overflow-tooltip="true" width="150"  fixed/>
+            <el-table-column label="考勤日期" align="center"  prop="attCurrentDay" :show-overflow-tooltip="true" width="150" fixed/>
+            <el-table-column label="修改上班时间" align="center" prop="toWorkAttCurrentTime" width="240">
+              <template slot-scope="scope">
+                  <el-date-picker 
+                      v-model="scope.row.toWorkAttCurrentTime" :clearable="false"
+                      type="datetime" value-format="yyyy-MM-dd HH:mm:ss" style="width: 95%"
+                      placeholder="选择上班时间">
+                  </el-date-picker>
+              </template>
+            </el-table-column>
+            <el-table-column label="修改上班状态" align="center" prop="toWorkAttStatus" width="180">
+              <template slot-scope="scope">
+                <el-select
+                  v-model="scope.row.toWorkAttStatus"
+                  placeholder="修改后上班状态" style="width: 95%">
+                  <el-option
+                    v-for="dict in dict.type.att_status"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column label="打卡地址" align="center" prop="toWorkAttAddress" :show-overflow-tooltip="true" width="180"/>
+            <el-table-column label="原因说明" align="center" prop="toErrorRemake" width="200">
+              <template slot-scope="scope">
+                <el-input type="textarea" v-model="scope.row.toErrorRemake" maxlength="100"></el-input>
+              </template>
+            </el-table-column>
 
+            <el-table-column label="修改下班时间" align="center" prop="offWorkAttCurrentTime" width="240">
+              <template slot-scope="scope">
+                  <el-date-picker 
+                      v-model="scope.row.offWorkAttCurrentTime" :clearable="false"
+                      type="datetime" value-format="yyyy-MM-dd HH:mm:ss" style="width: 95%"
+                      placeholder="选择下班时间">
+                  </el-date-picker>
+              </template>
+            </el-table-column>
+            <el-table-column label="修改下班状态" align="center" prop="offWorkAttStatus" width="180">
+              <template slot-scope="scope">
+                <el-select
+                  v-model="scope.row.offWorkAttStatus"
+                  placeholder="修改后下班状态" style="width: 95%">
+                  <el-option
+                    v-for="dict in dict.type.att_status"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column label="打卡地址" align="center" prop="offWorkAttAddress" :show-overflow-tooltip="true" width="180"></el-table-column>
+            <el-table-column label="原因说明" align="center" prop="offErrorRemake" width="200">
+              <template slot-scope="scope">
+                <el-input type="textarea" v-model="scope.row.offErrorRemake" maxlength="100"></el-input>
+              </template>
+            </el-table-column>
+        </el-table>
+        <div slot="footer" class="dialog-footer">
+            <el-button type="primary" @click="submitEdit">确 定</el-button>
+            <el-button @click="cancel">取 消</el-button>
+        </div>
+    </el-dialog>
   
     
     </div>
   </template>
   
   <script>
-  import { listType, getType, delType, addType, updateType, refreshCache } from "@/api/system/dict/type";
+  import { getDetailsList,updateAttDetails } from "@/api/report/attReport";
-  import { getDetailsList } from "@/api/report/attReport";
   import { listDept } from "@/api/system/dept";
   import Treeselect from "@riophae/vue-treeselect";
   import "@riophae/vue-treeselect/dist/vue-treeselect.css";   
@@ -132,8 +224,9 @@
         title: "",
         // 是否显示弹出层
         open: false,
+        dialogList:[],
         // 日期范围
-        dateRange: ['2024-10-06','2024-10-12'],
+        dateRange: [],
         deptOptions: [],
         // 查询参数
         queryParams: {
@@ -209,15 +302,58 @@
             this.resetForm("queryForm");
             this.handleQuery();
         },
-
-
-
         // 多选框选中数据
         handleSelectionChange(selection) {
-          this.ids = selection.map(item => item.dictId)
+          this.dialogList = selection;
-          this.single = selection.length!=1
-          this.multiple = !selection.length
         },
+        openDialog(){
+          console.log(this.dialogList)
+          if(this.dialogList.length>0){
+            this.open=true;
+          }else{
+            this.$message({ message: '请先勾选数据！', type: 'warning' })
+          }
+        },
+        submitEdit(){ 
+          let paramList = []
+          var index = this.dialogList.findIndex(item => {return !item.toErrorRemake||item.toErrorRemake==""||!item.offErrorRemake||item.offErrorRemake==""})
+          console.log(index)
+          this.$modal.msgSuccess("修改申请提交成功,耐心等待审批，请勿重复提交！");
+          if(index>-1){
+            // this.$modal.msgSuccess("原因说明不可为空！");
+            this.$message({ message: '原因说明不可为空！', type: 'warning' })
+          }else{
+            this.dialogList.forEach(item=>{
+              let obj = {
+                userId:item.userId,
+                orgId:item.orgId,
+                attCurrentDay:item.attCurrentDay,
+                toWorkAttCurrentTime:item.toWorkAttCurrentTime,
+                toWorkAttStatus:item.toWorkAttStatus,
+                toErrorRemake:item.toErrorRemake,
+                offWorkAttCurrentTime:item.offWorkAttCurrentTime,
+                offWorkAttStatus:item.offWorkAttStatus,
+                offErrorRemake:item.offErrorRemake,
+              }
+              paramList.push(obj)
+            })  
+            // console.log(paramList)
+            updateAttDetails(paramList).then(response => {
+              if(response.code==200){
+                this.$modal.msgSuccess("修改申请提交成功,耐心等待审批，请勿重复提交！");
+                this.dialogList=[]
+                this.open = false;
+                this.getList();
+              }else{
+                this.$message({ message: '修改申请提交失败！', type: 'warning' })
+              }
+            });
+          }
+        },
+        cancel(){
+            this.open=false;
+        },
+        
         /** 导出按钮操作 */
         handleExport() {
             this.download('system/dict/type/export', {