37eb51513f
crypto.randomUUID 仅在 HTTPS 或 localhost 下存在，客户内网 以 http://<内网IP> 访问时该 API 为 undefined，而新建任务 对话框在页面挂载即调用，会直接 TypeError 导致整页白屏。 新增 newRequestKey 工具：优先 randomUUID，不可用时降级为 getRandomValues 拼 v4 格式（非安全上下文仍可用）。 Co-Authored-By: Claude Code <noreply@anthropic.com>
61 lines
2.8 KiB
Vue
61 lines
2.8 KiB
Vue
<script setup lang="ts">
|
|
import { ref, watch } from 'vue'
|
|
import { ElMessage } from 'element-plus'
|
|
import * as api from '@/api/tplus'
|
|
import { handledError } from '@/utils/error'
|
|
import { newRequestKey } from '@/utils/uuid'
|
|
import { entities } from './labels'
|
|
|
|
const visible = defineModel<boolean>({ required: true })
|
|
const props = defineProps<{ configured: boolean }>()
|
|
const emit = defineEmits<{ created: [batch: api.TPlusDetail] }>()
|
|
const taskType = ref<api.TaskType>('READ')
|
|
const selected = ref<api.EntityType[]>(['personnel'])
|
|
const pending = ref(false)
|
|
let requestKey = newRequestKey()
|
|
// 请求失败后保留键，只有意图改变或成功后才换键。
|
|
watch([taskType, selected], () => { requestKey = newRequestKey() }, { deep: true, flush: 'sync' })
|
|
|
|
async function submit(): Promise<void> {
|
|
if (pending.value || !props.configured) return
|
|
pending.value = true
|
|
try {
|
|
const batch = await api.createTask({ task_type: taskType.value,
|
|
entity_types: taskType.value === 'AUDIT' ? [] : [...selected.value], request_key: requestKey })
|
|
requestKey = newRequestKey()
|
|
visible.value = false
|
|
ElMessage.success('任务已排队，处理完成后可刷新查看')
|
|
emit('created', batch)
|
|
} catch (error) { handledError(error) }
|
|
finally { pending.value = false }
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<el-dialog v-model="visible" title="新建 T+ 数据任务" width="min(560px, 94vw)" :close-on-click-modal="!pending" :show-close="!pending">
|
|
<el-form label-position="top" :disabled="pending">
|
|
<el-form-item label="任务内容">
|
|
<el-radio-group v-model="taskType">
|
|
<el-radio-button value="READ">读取数据</el-radio-button>
|
|
<el-radio-button value="AUDIT">关联检查</el-radio-button>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
<el-form-item v-if="taskType === 'READ'" label="读取范围">
|
|
<el-checkbox-group v-model="selected" class="entity-options">
|
|
<el-checkbox v-for="item in entities" :key="item.value" :value="item.value">{{ item.label }}</el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-form-item>
|
|
<p class="task-note">{{ taskType === 'READ' ? '全量读取所选范围，重复快照自动跳过。只保存原始数据，不写入工资业务表。' : '核对收款方向、单据类型及订单关联，只返回字典和统计数量。' }}</p>
|
|
</el-form>
|
|
<template #footer>
|
|
<el-button :disabled="pending" @click="visible = false">取消</el-button>
|
|
<el-button type="primary" :loading="pending" :disabled="!configured || (taskType === 'READ' && !selected.length)" @click="submit">加入处理队列</el-button>
|
|
</template>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.entity-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
|
|
.task-note { color: var(--ys-ink-2); line-height: 1.7; }
|
|
</style>
|