Преглед изворни кода

fix:新增出勤打卡功能按钮

liziliang пре 3 недеља
родитељ
комит
c86fcf3311
2 измењених фајлова са 46 додато и 1 уклоњено
  1. 7 0
      src/api/prepare/index.ts
  2. 39 1
      src/layout/components/header.vue

+ 7 - 0
src/api/prepare/index.ts

@@ -6,6 +6,13 @@ export function getStation(id: any) {
     method: "get",
   });
 }
+
+export function updateNum(userCode: any) {
+  return request({
+    url: "/api/v1/attendanceStatisticsLog/update/data/" + `${userCode}`,
+    method: "get",
+  });
+}
 //分页获取当前订单列表
 export function workOrderPage(data: any) {
   return request(

+ 39 - 1
src/layout/components/header.vue

@@ -13,6 +13,32 @@
     </div>
     <div>
       <el-space>
+        <div>
+          <el-popover :visible="visible" placement="top" :width="400">
+            <div data-v-a294b990="" class="body">
+              <div data-v-79cff013="" data-v-a294b990="" class="el-input el-input--default el-input--prefix scanInput">
+                <div class="el-input__wrapper" tabindex="-1">
+              <span class="el-input__prefix">
+                <span class="el-input__prefix-inner">
+                  <img data-v-79cff013="" src="/src/assets/icons/shaoma.svg">
+             </span>
+              </span>
+                  <input v-model="inputValue" class="el-input__inner" type="text" autocomplete="off" tabindex="0"
+                         id="el-id-0512-18" inputmode="latin" lang="en"
+                         @keyup.enter="handleInputChange"
+                  >
+                </div>
+                <button class="el-input__clear" tabindex="-1" type="button" @click="visible = false">
+                  取消
+                </button>
+              </div>
+            </div>
+            <template #reference>
+              <el-button @click="visible = true" type="primary">出勤打卡</el-button>
+            </template>
+          </el-popover>
+        </div>
+
         <div style="display: flex; align-items: center; justify-content: center; margin-right: 5px; gap: 5px">
           <svg-icon icon-class="ceshishuju" size="42" @click="lookRecords" />
           <svg-icon icon-class="add" :size="38" @click="open" />
@@ -59,12 +85,13 @@ import { logoutApi } from "@/api/auth";
 import { useUserStore } from "@/store";
 import { emitter, EventsNames } from "@/utils/common";
 import ReworkRecord from "@/views/pro-operation/rework/records.vue";
-
+import {updateNum} from "@/api/prepare";
 const userStore = useUserStore();
 const addMsgRef = ref(null);
 const open = () => {
   addMsgRef.value.open();
 };
+const visible = ref(false)
 const router = useRouter();
 const route = useRoute();
 const routeMeta = computed(() => {
@@ -135,6 +162,17 @@ const rewardRecordRef = ref(null);
 const lookRecords = () => {
   rewardRecordRef.value && rewardRecordRef.value.openDialog();
 };
+const inputValue = ref("");
+const handleInputChange = () => {
+  updateNum(inputValue.value).then((res: any) => {
+    console.log(res, "dfdfdfdfdff")
+    if (res.code === "200") {
+      inputValue.value = "";
+      ElMessage.success("打卡成功!");
+      visible.value = false
+    }
+  })
+}
 </script>
 
 <style lang="scss" scoped>