Vue+element排班表外部js

本文介绍如何使用Vue.js和Element UI库创建一个排班表,详细讲解了将外部JavaScript文件集成到Vue项目的步骤,包括组件创建、数据绑定和事件处理,帮助开发者构建动态的前端排班管理系统。
import {showLoading, hideLoading} from "@/utils/loading";
import {exportMethod} from "@/utils/"; 
import { timestampToDateTime, dateTimeToTimestamp, getScheduleTempTableHeaderDateArray, getNowDateTime, GetDateDiff } from "@/utils/timeDefault";
// derived.js

import axios from "axios"
import { showLoading, hideLoading } from "./loading";
import { Message } from "element-ui";
// 导出Excel公用方法
export function exportMethod(data) {
    console.log(data, data.params, '3467')
    axios({
        method: data.method,
        url: data.url,//`${data.url}${data.params ? '?' + data.params : ''}`
        responseType: 'blob',
        params: data.params,
        headers: {
            'X-Access-Token': sessionStorage.getItem("token")
        }
    }).then((res) => {
        co
全自动排班表使用说明 1、在设置好年份与表头。 "2、每年1月1日,在中按一个排班周期设置好人员名单,将自动生成全年排班表,   第一行就是1月1日上班人员,如使用该表时不是1月1日,可以通过调整中   的排班次序来获得之后日期的正确排班表。单元格内的多行人员代表当天几个班   (如三行就是早中晚),当天增加一个班,就在人员单元格内按[Alt-Enter]换行。" 3、在表中,请自行增加本年的节日,假日会以红底黑字增亮显示 4、在中设置好班次与工时。 5、在中可以自动统计每人每月或全年的工作量 "6、对于不规则情况的排班,如换班,可以在当月人员名单中手动更改,另外,如果每天   的班次大于三个,会出现单元格显示不下的情况,这时可以用快捷键来修改字体大小。" "7、快捷键:   Ctrl-q 所有表保护状态,只有人员显示栏可以更改   Ctrl-e 取消所有表的保护状态,所有栏都可编辑   Ctrl-r 所有表人员名称字体加大   Ctrl-t 所有表人员名称字体减小 Ctrl-p 下打印排班表 Alt-F4 退出EXECL" "8、注意事项:理论上没有限制,但由于单元格显示宽高度有限(字体太小影响显示效果),       本表建议适用一个班最多三人,一天最多四个班上班(四行)的情况,不符合       该条件的可以使用《排班表(考勤版)》解决。"
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一丝净土

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值