| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { scanGenerateSubtask } from '@/api/AiCentre/index'; |
| | | import { scanGenerateSubtask } from "@/api/AiCentre/index"; |
| | | |
| | | export default { |
| | | name: 'RelayPage', |
| | | name: "RelayPage", |
| | | created() { |
| | | this.handleRedirect(); |
| | | }, |
| | |
| | | handleRedirect() { |
| | | const { taskid, deptcode, leaveldeptcodes } = this.$route.query; |
| | | if (!taskid) { |
| | | this.$message.error('缺少任务标识,请重新扫码'); |
| | | this.$message.error("缺少任务标识,请重新扫码"); |
| | | return; |
| | | } |
| | | const params = { |
| | | taskid: taskid, |
| | | deptcode: deptcode , |
| | | leaveldeptcodes: leaveldeptcodes |
| | | deptcode: deptcode, |
| | | leaveldeptcodes: leaveldeptcodes, |
| | | }; |
| | | scanGenerateSubtask(params).then(res => { |
| | | return |
| | | if (res.code == 200 ) { |
| | | console.log(res.msg); |
| | | window.location.href = res.msg; |
| | | scanGenerateSubtask(params) |
| | | .then((res) => { |
| | | console.log(res,'初始'); |
| | | |
| | | } else { |
| | | this.$message.error('获取问卷链接失败:' + (res.msg || '未知错误')); |
| | | } |
| | | }).catch(err => { |
| | | console.error(err); |
| | | this.$message.error('服务异常,请稍后重试'); |
| | | }); |
| | | } |
| | | } |
| | | if (res.code == 200) { |
| | | console.log(res.msg); |
| | | window.location.href = res.msg; |
| | | console.log("window后"); |
| | | } else { |
| | | this.$message.error("获取问卷链接失败:" + (res.msg || "未知错误")); |
| | | } |
| | | }) |
| | | .catch((err) => { |
| | | console.error(err); |
| | | this.$message.error("服务异常,请稍后重试"); |
| | | }); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | |
| | | margin: 0; |
| | | padding: 20px; |
| | | background: linear-gradient(145deg, #f5f9ff 0%, #e8f0fe 100%); |
| | | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; |
| | | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, |
| | | "Helvetica Neue", Arial, sans-serif; |
| | | } |
| | | |
| | | /* 卡片容器 */ |
| | |
| | | -webkit-backdrop-filter: blur(10px); |
| | | border-radius: 32px; |
| | | box-shadow: 0 20px 60px rgba(64, 158, 255, 0.15), |
| | | 0 8px 20px rgba(0, 0, 0, 0.04); |
| | | 0 8px 20px rgba(0, 0, 0, 0.04); |
| | | text-align: center; |
| | | transition: all 0.3s ease; |
| | | border: 1px solid rgba(255, 255, 255, 0.3); |
| | |
| | | .spinner-dot { |
| | | width: 14px; |
| | | height: 14px; |
| | | background: #409EFF; |
| | | background: #409eff; |
| | | border-radius: 50%; |
| | | animation: bounce 1.4s infinite ease-in-out both; |
| | | } |
| | | |
| | | .spinner-dot:nth-child(1) { |
| | | animation-delay: -0.32s; |
| | | background: #409EFF; |
| | | background: #409eff; |
| | | } |
| | | |
| | | .spinner-dot:nth-child(2) { |
| | |
| | | } |
| | | |
| | | @keyframes bounce { |
| | | 0%, 80%, 100% { |
| | | 0%, |
| | | 80%, |
| | | 100% { |
| | | transform: scale(0.6); |
| | | opacity: 0.4; |
| | | } |
| | |
| | | .progress-fill { |
| | | width: 60%; |
| | | height: 100%; |
| | | background: linear-gradient(90deg, #409EFF, #79bbff); |
| | | background: linear-gradient(90deg, #409eff, #79bbff); |
| | | border-radius: 4px; |
| | | animation: progressMove 1.8s ease-in-out infinite alternate; |
| | | } |
| | | |
| | | @keyframes progressMove { |
| | | 0% { transform: translateX(-10%); width: 40%; } |
| | | 100% { transform: translateX(10%); width: 80%; } |
| | | 0% { |
| | | transform: translateX(-10%); |
| | | width: 40%; |
| | | } |
| | | 100% { |
| | | transform: translateX(10%); |
| | | width: 80%; |
| | | } |
| | | } |
| | | |
| | | /* 移动端适配 */ |