From 958ca3160c3d9a4f11b73b48ecccd109cc2f51de Mon Sep 17 00:00:00 2001
From: XaoLi717 <144221124+XaoLi717@users.noreply.github.com>
Date: Fri, 22 Nov 2024 14:44:46 +0800
Subject: [PATCH] =?UTF-8?q?=E8=80=83=E5=8B=A4=E7=AE=A1=E7=90=86=E6=B5=81?=
 =?UTF-8?q?=E7=A8=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Home/kqnr/kqgl/KqglCreate.vue | 382 ++++++++++++++++++++++++
 src/views/Home/kqnr/kqgl/KqglDetail.vue | 356 ++++++++++++++++++++++
 2 files changed, 738 insertions(+)
 create mode 100644 src/views/Home/kqnr/kqgl/KqglCreate.vue
 create mode 100644 src/views/Home/kqnr/kqgl/KqglDetail.vue

diff --git a/src/views/Home/kqnr/kqgl/KqglCreate.vue b/src/views/Home/kqnr/kqgl/KqglCreate.vue
new file mode 100644
index 0000000..df0b527
--- /dev/null
+++ b/src/views/Home/kqnr/kqgl/KqglCreate.vue
@@ -0,0 +1,382 @@
+<template>
+  <el-card shadow="never">
+    <template #header>
+      <span style="font-size: 16px">创建考勤管理流程</span>
+    </template>
+    <el-form
+      ref="formRef"
+      :model="formData"
+      :rules="formRules"
+      label-width="100px"
+      v-loading="formLoading"
+    >
+      <eL-row>
+        <el-col :span="12">
+          <el-form-item label="用户名字" prop="userName">
+            <div class="pull-left" v-show="true" v-if="userInfo">{{ userInfo}} </div>
+            <div class="pull-left" v-show="true" v-if="!userInfo">获取失败 </div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="部门名字" prop="deptName">
+            <div class="pull-left" v-show="true" v-if="deptInfo">{{ deptInfo}} </div>
+            <div class="pull-left" v-show="true" v-if="!deptInfo">获取失败 </div>
+          </el-form-item>
+        </el-col>
+      </eL-row>
+      <el-form-item label="考勤日期" prop="date">
+        <el-date-picker
+          v-model="computedDate"
+          type="date"
+          value-format="x"
+          placeholder="选择考勤日期"
+          disabled
+        />
+      </el-form-item>
+      <el-form-item label="考勤表单">
+        <el-table :data="listData" border style="width: 100%">
+          <el-table-column fixed prop="userName" label="姓名" width="80" />
+          <!-- 动态生成 1-31 天的列 -->
+          <el-table-column
+            v-for="day in 31"
+            :key="day"
+            :label="day.toString()+'号'"
+            width="60"
+          >
+            <template #default="{$index, row}">
+              <span
+                :style="{color : colorMap[row.dayStatus[day - 1]] || 'gray' }"
+              >
+                <span @click="pop=true" v-if="!pop">
+                  {{workType[row.dayStatus[day - 1]]}}
+                </span>
+                <el-popover v-if="pop" placement="bottom" width="Min" trigger="click">
+                  <template #reference>
+                  {{workType[row.dayStatus[day - 1]]}}
+                  </template>
+                  <el-button-group>
+                    <el-button @click="changeDay($index,day,1)" color="green">上班</el-button>
+                    <el-button @click="changeDay($index,day,2)" color="orange">缺勤</el-button>
+                    <el-button @click="changeDay($index,day,4)" color="red" >加班</el-button>
+                    <el-button @click="changeDay($index,day,5)" color="violet" >年班</el-button>
+                  </el-button-group>
+                </el-popover>
+              </span>
+            </template>
+          </el-table-column>
+          <el-table-column label="工作日" prop="workDay"/>
+          <el-table-column label="加班" prop="overDay"/>
+          <el-table-column label="年班" prop="yoverDay"/>
+        </el-table>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+    </template>
+  </el-card>
+</template>
+<script setup lang="ts">
+import { KqglApi, KqglVO } from '@/api/home/kqgl'
+import {getUserProfile} from "@/api/system/user/profile";
+import {KqdataApi, KqdataVO} from "@/api/home/kqdata";
+import {getUserPageKQ} from "@/api/system/user";
+import * as DefinitionApi from '@/api/bpm/definition'
+import * as UserApi from '@/api/system/user'
+import {useTagsViewStore} from "@/store/modules/tagsView";
+
+/** 考勤管理 表单 */
+defineOptions({ name: 'KqglCreate' })
+
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+// const dialogVisible = ref(false) // 弹窗的是否展示
+// const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+// const formType = ref('') // 表单的类型：create - 新增；update - 修改
+const formData = ref({
+  id: undefined,
+  userId: undefined,
+  userName: undefined,
+  deptId: undefined,
+  deptName: undefined,
+  date: 0,
+})
+const formRules = reactive({
+  userId: [{ required: true, message: '用户id不能为空', trigger: 'blur' }],
+  deptId: [{ required: true, message: '部门id不能为空', trigger: 'blur' }],
+  date: [{ required: true, message: '考勤日期不能为空', trigger: 'blur' }],
+})
+const pop = ref(false)//第一次打开弹窗加载span标签而不是pop组件快一点
+const dateKey = ref(0);
+const listData = ref<KqdataVO[]>([]) // 列表的数据
+//获取考勤数据的列表的参数
+const queryParamsData = reactive({
+  pageNo: 1,
+  pageSize: undefined,
+  id: undefined,
+  userName: undefined,
+  userId: undefined,
+  deptName: undefined,
+  deptId: undefined,
+  dayStatus: undefined,
+  tokey: 0,
+  workDay: undefined,
+  overDay: undefined,
+  yoverDay: undefined,
+  createTime: [],
+})
+//获取所有员工的搜索条件参数
+const queryParamsUser = reactive({
+  pageNo: 1,
+  pageSize: undefined,
+  username: undefined,
+  mobile: undefined,
+  status: undefined,
+  deptId: undefined,
+  createTime: []
+})
+//默认的工作状态
+const dayStatus = [
+  1,1,1,1,1,3,3,1,1,1,1,1,3,3,
+  1,1,1,1,1,3,3,1,1,1,1,1,3,3,3,3,3
+]
+//颜色map用来渲染表格格子的颜色,传递的值来展示对应的
+const colorMap: Record<number, string> = {
+  1: 'green',
+  2: 'orange',
+  3: 'yellow',
+  4: 'red',
+  5: 'violet',
+};
+//按key展示对应表格格子文字
+const workType = ref({
+  undefined:'空白',
+  1:'上班',
+  2:'缺勤',
+  3:'休息',
+  4:'加班',
+  5:'年班',
+});
+const formRef = ref() // 表单 Ref
+const deptInfo = ref('') // 部门信息
+const userInfo = ref('') // 用户名字
+
+//计算属性更新传递时间
+const computedDate = computed(() => {
+  return formData.value.date? formData.value.date : dateKey.value;
+})
+
+// 指定审批人
+const { delView } = useTagsViewStore()//视图操作
+const { push, currentRoute } = useRouter()
+const processDefineKey = 'kqgl-001' // 流程定义 Key
+const startUserSelectTasks = ref([]) // 发起人需要选择审批人的用户任务列表
+const startUserSelectAssignees = ref({}) // 发起人选择审批人的数据
+const startUserSelectAssigneesFormRef = ref() // 发起人选择审批人的表单 Ref
+const startUserSelectAssigneesFormRules = ref({}) // 发起人选择审批人的表单 Rules
+const userList = ref<any[]>([]) // 用户列表
+
+
+// 获取用户部门
+const getUserInfo = async () => {
+  const user = await getUserProfile();
+  formData.value.deptId = formData.value.deptId || user.dept.id;
+  formData.value.deptName = formData.value.deptName || user.dept.name;
+  formData.value.userId = formData.value.userId || user.id;
+  formData.value.userName = formData.value.userName || user.nickname;
+  deptInfo.value = formData.value.deptName ?? '';
+  userInfo.value = formData.value.userName ?? '';
+};
+
+//根据现有索引来更新相应的加班年班
+const getWorkDay = async (index?:number)=>{
+  if (index != undefined){
+    const date = listData.value[index]
+    if (Array.isArray(date.dayStatus)){
+      date.workDay = date.dayStatus.filter(_ => _ === 1).length
+      date.overDay = date.dayStatus.filter(_ => _ === 4).length
+      date.yoverDay = date.dayStatus.filter(_ => _ === 5).length
+    }
+    //date为引用类型所以不需要再赋值回去了
+  }else {
+    for (let item of listData.value){
+      if (Array.isArray(item.dayStatus)){
+        item.workDay = item.dayStatus.filter(_ => _ === 1).length
+        item.overDay = item.dayStatus.filter(_ => _ === 4).length
+        item.yoverDay = item.dayStatus.filter(_ => _ === 5).length
+      }
+    }
+  }
+}
+
+//改变状态后更改对应缩影为对应值
+const changeDay = async (index:number,day:number,val:number)=>{
+  let dayStatus = listData.value[index].dayStatus
+  if (Array.isArray(dayStatus)){
+    dayStatus[day - 1] = val
+  }else{
+    dayStatus = [];
+    dayStatus[day - 1] = val; // 初始化值
+  }
+  await getWorkDay(index)
+}
+
+//创建用户考勤数据
+const createUser = async ()=>{
+  queryParamsUser.deptId = formData.value.deptId
+  const user = await getUserPageKQ(queryParamsUser)
+  const dataUser = user.list
+  for (let item of dataUser){
+    const data : KqdataVO = {
+      id:null,
+      userId:item.id,
+      userName:item.nickname,
+      deptId:item.deptId,
+      deptName:item.deptName,
+      dayStatus:dayStatus.join(','),
+      tokey:dateKey.value,
+      workDay: 0,
+      overDay: 0,
+      yoverDay: 0,
+    }
+    // console.log(data)
+    await KqdataApi.createKqdata(data)
+  }
+}
+
+//更新信息
+const updateUser = async ()=>{
+  for (let item of listData.value){
+    const data : KqdataVO = {
+      id:item.id,
+      userId:item.userId,
+      userName:item.userName,
+      deptId:item.deptId,
+      deptName:item.deptName,
+      dayStatus: Array.isArray(item.dayStatus)
+        ? item.dayStatus.join(',')
+        : String(item.dayStatus), // 处理非数组情况
+      tokey:item.tokey,
+      workDay: item.workDay,
+      overDay: item.overDay,
+      yoverDay: item.yoverDay,
+    }
+    console.log(data)
+    await KqdataApi.updateKqdata(data);
+  }
+}
+
+/** 查询列表 */
+const getList = async (dateKey?:number) => {
+    dateKey!==undefined?queryParamsData.tokey = dateKey:queryParamsData.tokey = formData.value.date
+    queryParamsData.deptId = formData.value.deptId
+    const data = await KqdataApi.getKqdataPage(queryParamsData)
+    listData.value = data.list
+}
+
+//回显数据的时候分离字符串状态
+const changeStatus = async ()=>{
+  formLoading.value = true
+  try {
+    for (let item of listData.value){
+      if (typeof item.dayStatus === 'string'){
+        item.dayStatus = item.dayStatus.split(',').map(Number);
+      }
+    }
+    console.log(listData.value)
+  } finally {
+    formLoading.value = false
+  }
+};
+
+/** 打开弹窗 设置时间戳为固定信息 */
+const open = async () => {
+  pop.value=false//每次打开渲染span
+  const neDate = Date.now() //获取时间表示
+  dateKey.value = (neDate / 1000 | 0) * 1000; //后端处理会默认吧后三位归零所以标识我后三位也归零
+  resetForm()
+  formLoading.value = true
+  try {
+    await getUserInfo() //获取当前用户,部门数据
+    //创建的我就新建数据,还有新建标识,把标识传递过去
+    await createUser()
+    await getList(dateKey.value)
+    await changeStatus()//把字符串工作状态更改为数组
+    await getWorkDay()//获取工作日信息
+  } finally {
+    formLoading.value = false
+  }
+  pop.value=true
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  // 校验表单
+  await formRef.value.validate()
+  // 校验指定审批人++
+  if(startUserSelectTasks.value?.length > 0){
+    await startUserSelectAssigneesFormRef.value.validate()
+  }
+  // 提交请求
+  formLoading.value = true
+  try {
+    const data = formData.value as unknown as KqglVO
+
+    if(startUserSelectTasks.value?.length > 0){
+      data.startUserSelectAssignees = startUserSelectAssignees.value
+    }
+
+    data.date = dateKey.value //创建后提交的时候才会更新标识
+    await KqglApi.createKqgl(data)
+    await updateUser() //提交的时候更新考勤数据
+    message.success(t('common.createSuccess'))
+
+    delView(unref(currentRoute))
+    await push({name: 'Kqgl'})
+  } finally {
+    formLoading.value = false
+  }
+}
+
+/** 初始化 */
+onMounted(async () => {
+  await open()
+  const processDefinitionDetail = await DefinitionApi.getProcessDefinition(
+    undefined,
+    processDefineKey
+  )
+  if (!processDefinitionDetail) {
+    message.error('车辆管理流程模型未配置，请检查！')
+    return
+  }
+  startUserSelectTasks.value = processDefinitionDetail.startUserSelectTasks
+  // 设置指定审批人
+  if (startUserSelectTasks.value?.length > 0) {
+    // 设置校验规则
+    for (const userTask of startUserSelectTasks.value) {
+      startUserSelectAssignees.value[userTask.id] = []
+      startUserSelectAssigneesFormRules.value[userTask.id] = [
+        { required: true, message: '请选择审批人', trigger: 'blur' }
+      ]
+    }
+
+    // 加载用户列表
+    userList.value = await UserApi.getSimpleUserList()
+  }
+})
+/** 重置表单 */
+const resetForm = () => {
+  formData.value = {
+    id: undefined,
+    userId: undefined,
+    userName: undefined,
+    deptId: undefined,
+    deptName: undefined,
+    date: 0,
+  }
+  formRef.value?.resetFields()
+}
+</script>
diff --git a/src/views/Home/kqnr/kqgl/KqglDetail.vue b/src/views/Home/kqnr/kqgl/KqglDetail.vue
new file mode 100644
index 0000000..1b47b38
--- /dev/null
+++ b/src/views/Home/kqnr/kqgl/KqglDetail.vue
@@ -0,0 +1,356 @@
+<template>
+  <el-card shadow="never">
+    <template #header>
+      <span style="font-size: 16px">考勤管理流程</span>
+    </template>
+    <el-form
+      ref="formRef"
+      :model="formData"
+      :rules="formRules"
+      label-width="100px"
+      v-loading="formLoading"
+    >
+      <eL-row>
+        <el-col :span="12">
+          <el-form-item label="用户名字" prop="userName">
+            <div class="pull-left" v-show="true" v-if="userInfo">{{ userInfo}} </div>
+            <div class="pull-left" v-show="true" v-if="!userInfo">获取失败 </div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="部门名字" prop="deptName">
+            <div class="pull-left" v-show="true" v-if="deptInfo">{{ deptInfo}} </div>
+            <div class="pull-left" v-show="true" v-if="!deptInfo">获取失败 </div>
+          </el-form-item>
+        </el-col>
+      </eL-row>
+      <el-form-item label="考勤日期" prop="date">
+        <el-date-picker
+          v-model="computedDate"
+          type="date"
+          value-format="x"
+          placeholder="选择考勤日期"
+          disabled
+        />
+      </el-form-item>
+      <el-form-item label="考勤表单" >
+        <el-table :data="listData" border style="width: 100%">
+          <el-table-column fixed prop="userName" label="姓名" width="80" />
+          <!-- 动态生成 1-31 天的列 -->
+          <el-table-column
+            v-for="day in 31"
+            :key="day"
+            :label="day.toString()+'号'"
+            width="60"
+          >
+<!--            <template #default="{$index, row}">-->
+            <template #default="{row}">
+              <span
+                :style="{color : colorMap[row.dayStatus[day - 1]] || 'gray' }"
+              >
+                <span @click="pop=true" v-if="!pop">
+                  {{workType[row.dayStatus[day - 1]]}}
+                </span>
+<!--                <el-popover disabled v-if="pop" placement="bottom" width="Min" trigger="click">-->
+<!--                  <template #reference>-->
+<!--                  {{workType[row.dayStatus[day - 1]]}}-->
+<!--                  </template>-->
+<!--                  <el-button-group>-->
+<!--                    <el-button @click="changeDay($index,day,1)" color="green">上班</el-button>-->
+<!--                    <el-button @click="changeDay($index,day,2)" color="orange">缺勤</el-button>-->
+<!--                    <el-button @click="changeDay($index,day,4)" color="red" >加班</el-button>-->
+<!--                    <el-button @click="changeDay($index,day,5)" color="violet" >年班</el-button>-->
+<!--                  </el-button-group>-->
+<!--                </el-popover>-->
+              </span>
+            </template>
+          </el-table-column>
+          <el-table-column label="工作日" prop="workDay"/>
+          <el-table-column label="加班" prop="overDay"/>
+          <el-table-column label="年班" prop="yoverDay"/>
+        </el-table>
+      </el-form-item>
+    </el-form>
+  </el-card>
+</template>
+<script setup lang="ts">
+// import { KqglApi, KqglVO } from '@/api/home/kqgl'
+import { KqglApi } from '@/api/home/kqgl'
+import {getUserProfile} from "@/api/system/user/profile";
+import {KqdataApi, KqdataVO} from "@/api/home/kqdata";
+// import {getUserPageKQ} from "@/api/system/user";
+import {propTypes} from "@/utils/propTypes";
+
+/** 考勤管理 表单 */
+defineOptions({ name: 'KqglDetail' })
+
+// const { t } = useI18n() // 国际化
+// const message = useMessage() // 消息弹窗
+
+// const dialogVisible = ref(false) // 弹窗的是否展示
+// const dialogTitle = ref('') // 弹窗的标题
+// const formType = ref('') // 表单的类型：create - 新增；update - 修改
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const formData = ref({
+  id: undefined,
+  userId: undefined,
+  userName: undefined,
+  deptId: undefined,
+  deptName: undefined,
+  date: 0,
+})
+const formRules = reactive({
+  userId: [{ required: true, message: '用户id不能为空', trigger: 'blur' }],
+  deptId: [{ required: true, message: '部门id不能为空', trigger: 'blur' }],
+  date: [{ required: true, message: '考勤日期不能为空', trigger: 'blur' }],
+})
+const pop = ref(false)//第一次打开弹窗加载span标签而不是pop组件快一点
+const dateKey = ref(0);
+const listData = ref<KqdataVO[]>([]) // 列表的数据
+//获取考勤数据的列表的参数
+const queryParamsData = reactive({
+  pageNo: 1,
+  pageSize: undefined,
+  id: undefined,
+  userName: undefined,
+  userId: undefined,
+  deptName: undefined,
+  deptId: undefined,
+  dayStatus: undefined,
+  tokey: 0,
+  workDay: undefined,
+  overDay: undefined,
+  yoverDay: undefined,
+  createTime: [],
+})
+//颜色map用来渲染表格格子的颜色,传递的值来展示对应的
+const colorMap: Record<number, string> = {
+  1: 'green',
+  2: 'orange',
+  3: 'yellow',
+  4: 'red',
+  5: 'violet',
+};
+//按key展示对应表格格子文字
+const workType = ref({
+  undefined:'空白',
+  1:'上班',
+  2:'缺勤',
+  3:'休息',
+  4:'加班',
+  5:'年班',
+});
+const formRef = ref() // 表单 Ref
+const deptInfo = ref('') // 部门信息
+const userInfo = ref('') // 用户名字
+//流程
+const { query } = useRoute() // 查询参数
+const props = defineProps({
+  id: propTypes.number.def(undefined)
+})
+
+//计算属性更新传递时间
+const computedDate = computed(() => {
+  return formData.value.date? formData.value.date : dateKey.value;
+})
+
+const queryId = query.id as unknown as number // 从 URL 传递过来的 id 编号
+/** 打开弹窗 设置时间戳为固定信息 */
+const open = async () => {
+  pop.value=false//每次打开渲染span
+  resetForm()
+  formLoading.value = true
+  try {
+    await getUserInfo() //获取当前用户,部门数据
+    formData.value = await KqglApi.getKqgl(props.id || queryId)
+    await getList() //如果是修改那么我获取列表标识使用有的标识
+    await changeStatus()//把字符串工作状态更改为数组
+    await getWorkDay()//获取工作日信息
+  } finally {
+    formLoading.value = false
+  }
+}
+onMounted(async ()=>{
+  await open()
+})
+// 获取用户部门
+const getUserInfo = async () => {
+  const user = await getUserProfile();
+  formData.value.deptId = formData.value.deptId || user.dept.id;
+  formData.value.deptName = formData.value.deptName || user.dept.name;
+  formData.value.userId = formData.value.userId || user.id;
+  formData.value.userName = formData.value.userName || user.nickname;
+  deptInfo.value = formData.value.deptName ?? '';
+  userInfo.value = formData.value.userName ?? '';
+};
+
+/** 查询列表 */
+const getList = async (dateKey?:number) => {
+  dateKey!==undefined?queryParamsData.tokey = dateKey:queryParamsData.tokey = formData.value.date
+  queryParamsData.deptId = formData.value.deptId
+  const data = await KqdataApi.getKqdataPage(queryParamsData)
+  listData.value = data.list
+}
+
+//回显数据的时候分离字符串状态
+const changeStatus = async ()=>{
+  formLoading.value = true
+  try {
+    for (let item of listData.value){
+      if (typeof item.dayStatus === 'string'){
+        item.dayStatus = item.dayStatus.split(',').map(Number);
+      }
+    }
+    console.log(listData.value)
+  } finally {
+    formLoading.value = false
+  }
+};
+
+//根据现有索引来更新相应的加班年班
+const getWorkDay = async (index?:number)=>{
+  if (index != undefined){
+    const date = listData.value[index]
+    if (Array.isArray(date.dayStatus)){
+      date.workDay = date.dayStatus.filter(_ => _ === 1).length
+      date.overDay = date.dayStatus.filter(_ => _ === 4).length
+      date.yoverDay = date.dayStatus.filter(_ => _ === 5).length
+    }
+    //date为引用类型所以不需要再赋值回去了
+  }else {
+    for (let item of listData.value){
+      if (Array.isArray(item.dayStatus)){
+        item.workDay = item.dayStatus.filter(_ => _ === 1).length
+        item.overDay = item.dayStatus.filter(_ => _ === 4).length
+        item.yoverDay = item.dayStatus.filter(_ => _ === 5).length
+      }
+    }
+  }
+}
+
+/** 重置表单 */
+const resetForm = () => {
+  formData.value = {
+    id: undefined,
+    userId: undefined,
+    userName: undefined,
+    deptId: undefined,
+    deptName: undefined,
+    date: 0,
+  }
+  formRef.value?.resetFields()
+}
+//获取所有员工的搜索条件参数
+// const queryParamsUser = reactive({
+//   pageNo: 1,
+//   pageSize: undefined,
+//   username: undefined,
+//   mobile: undefined,
+//   status: undefined,
+//   deptId: undefined,
+//   createTime: []
+// })
+//默认的工作状态
+// const dayStatus = [
+//   1,1,1,1,1,3,3,1,1,1,1,1,3,3,
+//   1,1,1,1,1,3,3,1,1,1,1,1,3,3,3,3,3
+// ]
+//改变状态后更改对应缩影为对应值
+// const changeDay = async (index:number,day:number,val:number)=>{
+//   let dayStatus = listData.value[index].dayStatus
+//   if (Array.isArray(dayStatus)){
+//     dayStatus[day - 1] = val
+//   }else{
+//     dayStatus = [];
+//     dayStatus[day - 1] = val; // 初始化值
+//   }
+//   await getWorkDay(index)
+// }
+
+//创建用户考勤数据
+// const createUser = async ()=>{
+//   queryParamsUser.deptId = formData.value.deptId
+//   const user = await getUserPageKQ(queryParamsUser)
+//   const dataUser = user.list
+//   for (let item of dataUser){
+//     const data : KqdataVO = {
+//       id:null,
+//       userId:item.id,
+//       userName:item.nickname,
+//       deptId:item.deptId,
+//       deptName:item.deptName,
+//       dayStatus:dayStatus.join(','),
+//       tokey:dateKey.value,
+//       workDay: 0,
+//       overDay: 0,
+//       yoverDay: 0,
+//     }
+//     // console.log(data)
+//     await KqdataApi.createKqdata(data)
+//   }
+// }
+
+//更新信息
+// const updateUser = async ()=>{
+//   for (let item of listData.value){
+//     const data : KqdataVO = {
+//       id:item.id,
+//       userId:item.userId,
+//       userName:item.userName,
+//       deptId:item.deptId,
+//       deptName:item.deptName,
+//       dayStatus: Array.isArray(item.dayStatus)
+//         ? item.dayStatus.join(',')
+//         : String(item.dayStatus), // 处理非数组情况
+//       tokey:item.tokey,
+//       workDay: item.workDay,
+//       overDay: item.overDay,
+//       yoverDay: item.yoverDay,
+//     }
+//     console.log(data)
+//     await KqdataApi.updateKqdata(data);
+//   }
+// }
+
+/** 获得数据 */
+// const getInfo = async () => {
+//   pop.value=false//每次打开渲染span
+//   await getUserInfo()
+//   formLoading.value = true
+//   try {
+//     formData.value = await KqglApi.getKqgl(props.id || queryId)
+//     await getList() //如果是修改那么我获取列表标识使用有的标识
+//     await changeStatus()//把字符串工作状态更改为数组
+//     await getWorkDay()//获取工作日信息
+//   } finally {
+//     formLoading.value = false
+//   }
+// }
+// defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+// const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+// const submitForm = async () => {
+//   // 校验表单
+//   await formRef.value.validate()
+//   // 提交请求
+//   formLoading.value = true
+//   try {
+//     const data = formData.value as unknown as KqglVO
+//     if (formType.value === 'create') {
+//       data.date = dateKey.value //创建后提交的时候才会更新标识
+//       await KqglApi.createKqgl(data)
+//       message.success(t('common.createSuccess'))
+//     } else {
+//       await KqglApi.updateKqgl(data)
+//       message.success(t('common.updateSuccess'))
+//     }
+//     await updateUser() //提交的时候更新考勤数据
+//     dialogVisible.value = false
+//     // 发送操作成功的事件
+//     emit('success')
+//   } finally {
+//     formLoading.value = false
+//   }
+// }
+</script>