自定义排程进度图，工单，任务等

已于 2024-07-02 09:04:32 修改
阅读量150 收藏
点赞数 2
分类专栏： 前端视图与组件 文章标签： html css javascript
于 2024-07-02 08:49:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42843447/article/details/140106161
版权

先上效果图

做了两种维度不同的进度图，一个是月度，一个是精确到每个时辰

实现代码：js+css

html代码：

<div class="mainPanl">
    <div class="panl_li">
        <div class="machineTitle">XXX</div>
    </div>
    <div class="dataPanl">
          <div id="machinePanl"></div>
          <div id="gantPanl"></div>
          <div style="clear: both;"></div>
     </div>
</div>

js代码：

    var dataJson = []
    var startDay = 1;
    var endDay = 3;
      
    $(function () {
        initGant();
        $(window).resize(function (){
            // initGant();
        })
    });

   function initGant(){
        //初始化表头
        initTitle({startDay:1,endDay:3});
        //初始化数据
        dataJson = initData();
        //初始化甘特图
        initGrid();
   }

   //initTitle
   function initTitle(params){
        var dayLength = parseInt(params.endDay)-parseInt(params.startDay)+1;
        var width = 603*dayLength;
        var str = ""
        for(var i = parseInt(params.startDay);i<=parseInt(params.endDay);i++){
            if(i%2!=0){
                str+='<div class="title_all bg_blue"><div class="title_day">'+i+'号</div><div class="title_hours">';
            }else{
                str+='<div class="title_all bg_pink"><div class="title_day">'+i+'号</div><div class="title_hours">';
            }
            var hourStr = "";
            for(var j = 1;j<=24;j++){
                hourStr+='<div class="title_hour">'+j+'</div>'
            }
            str+=hourStr;
            str+='</div></div>'
        }
        $('.mainPanl').css('width',width+100+"px");
        $('.panl_li').css('width',width+100+"px");
        $('#gantPanl').css('width',width-10+"px");
        $('.panl_li').append(str);
        $('#gantPanl').append("<div class='linePnal'></div><div style='clear:both'></div>");
   }

   function initData(){
    var dataJson = [
    {
            codeId:'E1-LR',
            startDay:'01',
            startHour:'01',
            endDay:'03',
            endHour:'24',
            msg:'3405 cv 744F R524 LX-WCV Dec 31 TRT(14)',
            innerMsg:'7.50R16KCA651/AT651/F27 AF',
            type:'1',
            cpdh:'TP183119000',
            specdh:'1000001H',
            jd:'TP183119000',
            bc:'1000001H',
            ydl:'576',
            ywcl:'576',
        },
        {
            codeId:'E2-LR',
            startDay:'01',
            startHour:'01',
            endDay:'02',
            endHour:'15',
            msg:'3405 cv 744F R524 LX-WCV Dec 31 TRT(14)',
            innerMsg:'7.50R16KLS200',
            type:'1',
            cpdh:'TP183119000',
            specdh:'1000001H',
            jd:'TP183119000',
            bc:'1000001H',
            ydl:'350',
            ywcl:'350',
        },
        {
            codeId:'E2-LR',
            startDay:'02',
            startHour:'16',
            endDay:'02',
            endHour:'21',
            msg:'3405 cv 744F R524 LX-WCV Dec 31 TRT(14)',
            innerMsg:'收尾换膜',
            type:'0',
            cpdh:'TP183119000',
            specdh:'1000001H',
            jd:'TP183119000',
            bc:'1000001H',
            ydl:'245',
            ywcl:'245',
        }, 
        {
            codeId:'E2-LR',
            startDay:'02',
            startHour:'22',
            endDay:'03',
            endHour:'24',
            msg:'3405 cv 744F R524 LX-WCV Dec 31 TRT(14)',
            innerMsg:'215/50R16 95V EV100',
            type:'2',
            cpdh:'TP183119000',
            specdh:'1000001H',
            jd:'TP183119000',
            bc:'1000001H',
            ydl:'250',
            ywcl:'250',
        }, 
        {
            codeId:'E3-R',
            startDay:'02',
            startHour:'03',
            endDay:'03',
            endHour:'24',
            msg:'3405 cv 744F R524 LX-WCV Dec 31 TRT(14)',
            innerMsg:'195/50R15 86H iGREE',
            type:'1',
            cpdh:'TP183119000',
            specdh:'1000001H',
            jd:'TP183119000',
            bc:'1000001H',
            ydl:'270',
            ywcl:'270',
        }, 
        {
            codeId:'E3-L',
            startDay:'02',
            startHour:'01',
            endDay:'03',
            endHour:'24',
            msg:'3405 cv 744F R524 LX-WCV Dec 31 TRT(14)',
            innerMsg:'215/65R15 100H CO',
            type:'1',
            cpdh:'TP183119000',
            specdh:'1000001H',
            jd:'TP183119000',
            bc:'1000001H',
            ydl:'270',
            ywcl:'270',
        }, 
        {
            codeId:'E4-LR',
            startDay:'01',
            startHour:'07',
            endDay:'03',
            endHour:'24',
            msg:'3405 cv 744F R524 LX-WCV Dec 31 TRT(14)',
            innerMsg:'165/50R15 73V',
            type:'1',
            cpdh:'TP183119000',
            specdh:'1000001H',
            jd:'TP183119000',
            bc:'1000001H',
            ydl:'650',
            ywcl:'650',
        }, 
        {
            codeId:'E5-LR',
            startDay:'01',
            startHour:'01',
            endDay:'03',
            endHour:'24',
            msg:'3405 cv 744F R524 LX-WCV Dec 31 TRT(14)',
            innerMsg:'165/50R15 73V',
            type:'1',
            cpdh:'TP183119000',
            specdh:'1000001H',
            jd:'TP183119000',
            bc:'1000001H',
            ydl:'650',
            ywcl:'650',
        }, 
        {
            codeId:'E6-LR',
            startDay:'01',
            startHour:'01',
            endDay:'03',
            endHour:'24',
            msg:'3405 cv 744F R524 LX-WCV Dec 31 TRT(14)',
            innerMsg:'165/50R15 73V',
            type:'1',
            cpdh:'TP183119000',
            specdh:'1000001H',
            jd:'TP183119000',
            bc:'1000001H',
            ydl:'650',
            ywcl:'650',
        }, 
        {
            codeId:'E7-L',
            startDay:'02',
            startHour:'01',
            endDay:'03',
            endHour:'24',
            msg:'3405 cv 744F R524 LX-WCV Dec 31 TRT(14)',
            innerMsg:'165/50R15 73V',
            type:'1',
            cpdh:'TP183119000',
            specdh:'1000001H',
            jd:'TP183119000',
            bc:'1000001H',
            ydl:'650',
            ywcl:'650',
        }, 
        {
            codeId:'E7-R',
            startDay:'01',
            startHour:'00',
            endDay:'01',
            endHour:'00',
            msg:'3405 cv 744F R524 LX-WCV Dec 31 TRT(14)',
            innerMsg:'165/50R15 73V',
            type:'1',
            cpdh:'TP183119000',
            specdh:'1000001H',
            jd:'TP183119000',
            bc:'1000001H',
            ydl:'650',
            ywcl:'650',
        }, 
        {
            codeId:'F1-LR',
            startDay:'01',
            startHour:'01',
            endDay:'03',
            endHour:'24',
            msg:'3405 cv 744F R524 LX-WCV Dec 31 TRT(14)',
            innerMsg:'T125/70R18 99M T010 ',
            type:'1',
            cpdh:'TP183119000',
            specdh:'1000001H',
            jd:'TP183119000',
            bc:'1000001H',
            ydl:'390',
            ywcl:'390',
        }, 
        {
            codeId:'F2-LR',
            startDay:'01',
            startHour:'01',
            endDay:'03',
            endHour:'24',
            msg:'3405 cv 744F R524 LX-WCV Dec 31 TRT(14)',
            innerMsg:'T125/70R18 99M T010 ',
            type:'1',
            cpdh:'TP183119000',
            specdh:'1000001H',
            jd:'TP183119000',
            bc:'1000001H',
            ydl:'390',
            ywcl:'390',
        }, 
        {
            codeId:'F3-LR',
            startDay:'01',
            startHour:'01',
            endDay:'03',
            endHour:'24',
            msg:'3405 cv 744F R524 LX-WCV Dec 31 TRT(14)',
            innerMsg:'T125/70R18 99M T010 ',
            type:'1',
            cpdh:'TP183119000',
            specdh:'1000001H',
            jd:'TP183119000',
            bc:'1000001H',
            ydl:'390',
            ywcl:'390',
        }, 
        {
            codeId:'F4-LR',
            startDay:'01',
            startHour:'01',
            endDay:'03',
            endHour:'24',
            msg:'3405 cv 744F R524 LX-WCV Dec 31 TRT(14)',
            innerMsg:'T125/70R18 99M T010 ',
            type:'1',
            cpdh:'TP183119000',
            specdh:'1000001H',
            jd:'TP183119000',
            bc:'1000001H',
            ydl:'390',
            ywcl:'390',
        }, 
        {
            codeId:'F1-LR',
            startDay:'01',
            startHour:'01',
            endDay:'03',
            endHour:'24',
            msg:'3405 cv 744F R524 LX-WCV Dec 31 TRT(14)',
            innerMsg:'215/55R17 94W AM520',
            type:'1',
            cpdh:'TP183119000',
            specdh:'1000001H',
            jd:'TP183119000',
            bc:'1000001H',
            ydl:'558',
            ywcl:'558',
        }, 
        {
            codeId:'F2-LR',
            startDay:'01',
            startHour:'01',
            endDay:'03',
            endHour:'24',
            msg:'3405 cv 744F R524 LX-WCV Dec 31 TRT(14)',
            innerMsg:'215/55R17 94W AM520',
            type:'1',
            cpdh:'TP183119000',
            specdh:'1000001H',
            jd:'TP183119000',
            bc:'1000001H',
            ydl:'558',
            ywcl:'558',
        }, 
        {
            codeId:'F3-LR',
            startDay:'01',
            startHour:'01',
            endDay:'03',
            endHour:'24',
            msg:'3405 cv 744F R524 LX-WCV Dec 31 TRT(14)',
            innerMsg:'215/55R17 94W AM520',
            type:'1',
            cpdh:'TP183119000',
            specdh:'1000001H',
            jd:'TP183119000',
            bc:'1000001H',
            ydl:'558',
            ywcl:'558',
        }, 
        {
            codeId:'F4-LR',
            startDay:'01',
            startHour:'01',
            endDay:'03',
            endHour:'24',
            msg:'3405 cv 744F R524 LX-WCV Dec 31 TRT(14)',
            innerMsg:'215/55R17 94W AM520',
            type:'1',
            cpdh:'TP183119000',
            specdh:'1000001H',
            jd:'TP183119000',
            bc:'1000001H',
            ydl:'558',
            ywcl:'558',
        }, 
    ]
     return dataJson
   }

   function initGrid(){
    //数据分组及排序
    var data = getGroupData(dataJson);
    $('.machineTitleItem').remove()
    for(var i = 0;i<data.length;i++){
        var stopTimes = 0;
        var str = "";
        var height = 44
        if(data[i].data.length>0){
            height = 45*data[i].data.length-1
        }
        str+='<div class="machineTitleItem" style="height:'+height+'px;line-height:'+height+'px">'+data[i].machineCode+'</div>';
        $('#machinePanl').append(str)
        var dataItem = data[i].data;
        var strItem = "";
        for(var j = 0;j<dataItem.length;j++){
            var marginLeft = 0;
            var width = 0;
            var itemStartDay = parseInt(dataItem[j].startDay);
            var itemEndDay = parseInt(dataItem[j].endDay);
            var itemStartHour = parseInt(dataItem[j].startHour);
            var itemEndHour = parseInt(dataItem[j].endHour);
            width = (itemEndHour-itemStartHour+1)*25;
            if(itemEndDay-itemStartDay==1){
                width = (24-itemStartHour+itemEndHour+1)*25;
            }
            if(itemEndDay-itemStartDay>1){
                width = (24*(itemEndDay-itemStartDay)-itemStartHour+itemEndHour+1)*25;
            }
            marginLeft = (itemStartDay-startDay)*25*24+(itemStartHour-1)*25;
            var colorClass = "bg_item_blue";
            if(dataItem[j].type=="2"){
                colorClass = "bg_item_green";
            }else if(dataItem[j].type=="3"){
                colorClass = "bg_item_yellow";
            }else if(dataItem[j].type=="4"){
                colorClass = "bg_item_rin";
            }
            var tooltipClass = "lineItemBottom";
            if((data.length-i)<=2&&(dataItem.length-j)<=4){
                tooltipClass = "lineItemTop";
            }
            if(i==1&&j<4){
                tooltipClass = "lineItemBottom";
            }
            if(24-itemStartHour<=12&&itemEndDay==endDay){
                tooltipClass+=" lineItemLeft"
            }
            if(itemEndDay-itemStartDay==0&&itemEndHour-itemStartHour==0){
                strItem+="<div class='lineItem'></div>"
            }else if(dataItem[j].type=="0"){
                //停工
                colorClass = "bg_item_black";
                stopTimes++;
                strItem+="<div class='lineItem' style='margin-left:"+marginLeft+"px;'><div class='"+tooltipClass+" "+colorClass+"' style='width:"+width+"px'><span class='itemIndex'>停</span>"+dataItem[j].innerMsg+
                    "</span></div></div>"
            }else{
                strItem+="<div class='lineItem' style='margin-left:"+marginLeft+"px;'><div class='"+tooltipClass+" "+colorClass+"' style='width:"+width+"px'><span class='itemIndex'>"+(parseInt(j)+1-stopTimes)+"</span>"+dataItem[j].innerMsg+
                "<span class='tooltiptext'><span class='tooltipLab'>规格明细：</span>"+dataItem[j].innerMsg+"<hr><span class='tooltipLab'>成品代号：</span><span class='tooltipVal'>"+dataItem[j].cpdh+"</span>"+
                    "<span class='tooltipLab'>SPEC代号：</span><span class='tooltipVal'>"+dataItem[j].specdh+"</span><br>"+
                    "<span class='tooltipLab'>阶段：</span><span class='tooltipVal'>"+dataItem[j].jd+"</span>"+
                    "<span class='tooltipLab'>版次：</span><span class='tooltipVal'>"+dataItem[j].bc+"</span><br>"+
                    "<span class='tooltipLab'>预定量：</span><span class='tooltipVal'>"+dataItem[j].ydl+"</span>"+
                    "<span class='tooltipLab'>已完成量：</span><span class='tooltipVal'>"+dataItem[j].ywcl+"</span>"+
                    "</span></div></div>"
            }
            
        }
        $('.linePnal').append(strItem)
        $('.linePnal').append("<div style='width:100%;position:absolute;height:1px;background-color:#666;margin-top: -1px;'></div>")
    }
   }

   function getGroupData(data){
    var markData = []
    for(var i = 0;i<data.length;i++){
        if(markData.length==0){
            markData.push({
                machineCode:data[i].codeId,
                data:[data[i]]
            })
        }else{
            for(var j=0;j<markData.length;j++){
                if(data[i].codeId==markData[j].machineCode){
                    markData[j].data.push(data[i]);
                    break;
                }else if(j==(markData.length-1)){
                    markData.push({
                        machineCode:data[i].codeId,
                        data:[]
                    })
                }
            }
        }
    }
    return markData;
   }

css代码：

body{
        margin: 0;
        font-size: 12px;
    }
    .mainPanl{
       overflow-y: auto;
        overflow-x: hidden;
        height: calc(100vh - 150px) !important;
        width: 1640px;
    }
    .machineTitle{
        width: 98px;
        height: 63px;
        border: 1px solid;
        text-align: center;
        line-height: 63px;
        background-color: #fff;
        float: left;
    }
    .machineTitleDom{
        width: 98px;
        height: 63px;
        border: 1px solid;
        text-align: center;
        line-height: 63px;
    }
    .machineTitleItem{
        width: 98px;
        height: 63px;
        border: 1px solid;
        border-top: 0;
        text-align: center;
        line-height: 63px;
    }
    #machinePanl{
        float: left;
        font-size: 14px;
        width: 100px;
    }
    .panl_li{
        width: 1640px;
        position: absolute;
        z-index: 99;
    }
    .bg_blue{
        background-color: #ddebf7;
    }
    .bg_pink{
        background-color: #fce4d6;
    }
    .title_hour{
        width: 25px;
        height: 30px;
        float: left;
    }
    .title_all_items{
        height: 63px;
        float: left;
    }
    .title_all_dom{
        height: 65px;
        width: 100%;
    }
    .title_all{
        text-align: center;
        float: left;
        border: 1px solid;
        border-left: 0;
        line-height: 30px;
        width: 602px;
        height: 63px;
        font-size: 14px;
    }
    .title_day{
        border-bottom: 1px solid;
        font-size: 17px;
        font-weight: bold;
    }
    .title_hours{
        clear: both;
        width: 600px;
        height: 30px;
    }
    .linePnal{
        float: left;
        width: 100%;
        position: relative;
    }
    .lineItem{
        height: 45px;
    }
    .bg_item_blue{
        background-color: #7b859f;
    }
    .bg_item_green{
        background-color: #a5d4c2;
    }
    .bg_item_yellow{
        background-color: #e9d276;
    }
    .bg_item_rin{
        background-color: #89d1d8;
    }
    .bg_item_black{
        background-color: #e6e7ec;
    }
    .lineItemBottom,.lineItemTop{
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted black; /* 悬停元素上显示点线 */
        height: 30px;
        line-height: 30px;
        border-radius: 20px;
        white-space: nowrap;
        cursor: pointer;
        margin-top: 5px;
    }
    /* Tooltip 文本 */
    .lineItemBottom .tooltiptext {
        visibility: hidden;
        width: 450px;
        background-color: black;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* 定位 */
        position: absolute;
        z-index: 1;
        bottom: -135px;
        left: 0%; 
        margin-left: 0px; /* 使用一半宽度 (120/2 = 60) 来居中提示工具 */
        opacity: 0;
        transition: opacity 1s;
        font-size: 14px;
        border: 1px solid;
    }
    /* Tooltip 文本 */
    .lineItemTop .tooltiptext {
        visibility: hidden;
        width: 450px;
        background-color: black;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* 定位 */
        position: absolute;
        z-index: 1;
        bottom: 30px;
        left: 0%; 
        margin-left: 0px; /* 使用一半宽度 (120/2 = 60) 来居中提示工具 */
        opacity: 0;
        transition: opacity 1s;
        font-size: 14px;
        border: 1px solid;
    }

    /* Tooltip 文本 */
    .lineItemLeft .tooltiptext {
        margin-left: -450px; /* 使用一半宽度 (120/2 = 60) 来居中提示工具 */
    }
    
    /* 鼠标移动上去后显示提示框 */
    .lineItemBottom:hover .tooltiptext {
        visibility: visible;
        opacity: 0.8;
    }
     /* 鼠标移动上去后显示提示框 */
     .lineItemTop:hover .tooltiptext {
        visibility: visible;
        opacity: 0.8;
    }
    
    /*tooltip样式*/
    .tooltipLab{
        width: 75px;
        display: inline-block;
        text-align: right;
    }
    .tooltipVal{
        width: 120px;
        display: inline-block;
        text-align: left;
    }
    .itemIndex{
        width: 20px;
        height: 20px;
        margin-top: 2px;
        margin-left: 5px;
        display: inline-block;
        line-height: 20px;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        background-color: #d15686;
        margin-right: 5px;
    }
    /* *{
        box-sizing: content-box;
    } */
    
    #gantPanl{
        width: 1530px;
        float: left;
    }
    .table-striped {
        overflow-x: scroll;
        position: relative;
        overflow-y: auto;
        height: calc(100vh - 120px) !important;
    }
    .dataPanl{
        padding-top: 65px;
    }
    .dataPanl div{
        box-sizing: content-box;
    }
    .panl_li div{
        box-sizing: content-box;
    }
    hr{
        margin-bottom: 0;
        margin-top: 0;;
    }

内置使用tooltip触摸查看详细信息，没什么难点，注意元素的计算也可以自己创建别的风格的进度图，这里只提供一个创建的方法思路

格乌恩
关注
专栏目录
Qt/C++编写自定义控件12-进度仪表盘
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
04-29 2058
前言 进度仪表盘主要应用场景是标识一个任务进度完成的状况等，可以自由的设置范围值和当前值，为了美观还提供了四种指示器（圆形指示器/指针指示器/圆角指针指示器/三角形指示器），各种颜色都可以设置，其中的动画效果采用的QPropertyAnimation类来实现，主要是线性插值法，生成一定规则的数值，用于设定的属性。今天有个朋友需要安卓版本的控件，其实采用qwidget写的控件都可以直接编译就可以到a...
排程，甘特图，Delphi
11-22
Delphi7开发的简单排程界面，类似甘特图效果。有需要的朋友可下载并根据自己的需求进行修改；若转发或者发布，请注明出处，谢谢。
element UI实现排程（甘特）组件
weixin_45786429的博客
06-17 1270
element ui实现甘特图排配
JS实现任务执行进度（非真实任务进度）
weixin_74285634的博客
04-20 465
当后端数据全部返回之后 需要将isSuccess的值更改为true 并且将percent的值更改为100 就实现了进度条100并且updatePercent函数停止调用。
js生成表单
qq_44881772的博客
11-15 99
前端简单注册表
【原】无脑操作：HTML5 + CSS + JavaScript实现比赛排程
weixin_33686714的博客
08-08 582
1、背景：朋友请帮忙做一个比赛排程软件 2、需求： ① 比赛人数未知，可以通过文本文件读取参赛人员名称； ② 对参赛人员随机分组，一组两人，两两PK，如果是奇数人数，某一个参赛人员成为幸运儿自动晋级； ③ 比赛线下进行，比赛结束后，可以在线选择每组中晋级人员； ④ 晋级人员进行下一轮比赛分组，依此类推，直至最后一轮。 看完了以上的需求，聪明的你会做出什么样的分析和设计呢？以下是我的愚见...
轻量级 JS 任务调度工具 bobolink
weixin_34122810的博客
07-27 504
2019独角兽企业重金招聘Python工程师标准>>> ...
使用css实现工单处理进度流程图
krico233的博客
08-03 1570
效果图 下面是项目代码 <div class="box7"> <div class="title">处理进度</div> <div class="box7-content"> <div class="line-box"> <div class="line1"> <div :class="bo
php工单流程图,工单管理系统的业务流程是怎样的？
weixin_42398629的博客
03-19 656
工单管理系统也称做为问题跟踪系统，故障工单系统，支持工单或事件工单系统。是一个以计算机软件包或基于Web的软件包，用于管理和维护组织需要的问题列表。 工单系统通常用于组织的创建，更新和解决报告的客户问题。好了，下面小编就来为大家简单介绍下工单管理系统的业务流程是怎样的吧!工单管理系统的业务流程是怎样的?作为服务于企业以及组织的工单系统，其系统内部需要有一套完善的业务流程体系，以满足企业和组织在使用...
探索Jira工单：优化企业内部服务管理的智能化解决方案
weixin_37981979的博客
04-24 860
支持自定义工单模板，自动化派单转单，SLA管理，资产管理，问题管理等功能，智能工单系统可与AskBot机器人深度融合，实现了人机协同工作，通过机器学习技术的应用，实现了工单流转过程中的智能化，帮助企业更好地管理内部服务。Jira工单系统是企业内部服务管理的重要工具，而与之深度融合的AskBot智能工单系统则为企业带来了更智能、更高效的服务管理解决方案。本文将介绍Jira工单系统的基本原理与功能，并探讨如何通过与AskBot智能工单系统的深度融合，实现工单管理的智能化和优化。
工单管理系统源码
03-29
3. **工单状态追踪**：管理员可以在后台查看工单的状态，如新建、处理中、已解决、关闭等，实时更新工单进度。 4. **工单分配**：管理者可以将工单分配给特定的技术支持人员或团队，确保责任明确。 5. **通知与...
工单信息系统用户需求说明书.docx
09-19
1. 工单创建与分配：系统应提供友好的用户界面，允许用户创建新的工单，详细记录工单信息，包括但不限于工单号、任务类型、任务描述、任务分配等。 2. 工单查询与监控：系统应提供多样化的查询方式，允许用户根据...
工单系统规划实战（附原型图）.docx
05-18
- **工单系统架构**：支持多品牌事业部独立部署，自定义工单任务和功能。 - **处理状态**：定义工单的不同处理状态，如新建、处理中、已解决等。 - **后端界面设计**：包括登录页面、系统管理、个人仪表板和工单管理...
HTML 基础标签——元数据标签 ＜meta＞
Allen-
11-01 382
标签通常位于文档的部分。它用于定义文档的元数据，包括字符编码、文档描述、关键字、作者信息等。这些信息可以帮助浏览器正确解析和显示文档，同时还可以提供搜索引擎索引所需的信息。
JS实现原生注册表单，滑块验证，短信验证码
最新发布
p_s_p的博客
11-05 1252
JS实现原生注册表单，滑块验证，短信验证码
CSS:基础选择器,文字控制属性(HTML)
m0_75035023的博客
11-04 244
CSS:基础选择器,文字控制属性(HTML),javaweb
HTML CSS H5C3样式语句汇总20241105
m0_63615119的博客
11-05 215
H5C3样式语句汇总20241105
Html编写发射粒子爱心
m0_58419490的博客
10-31 1362
【代码】Html编写发射粒子爱心。
HTML 基础标签——文本内容标签 ＜ul＞、＜ol＞、＜blockquote＞ 、＜code＞ 等标签的用法详解
Allen-
11-01 579
在 HTML 文档中，文本内容标签用于定义和格式化文本信息。这些标签不仅使文本内容易于阅读和理解，还可以通过不同的格式和结构增强网页的可读性。本文将详细介绍常用的文本内容标签，包括标题标签、段落标签、文本格式化标签、列表标签、引用标签，以及代码和预格式文本标签。
KF5帮助台：企业工单系统解决方案
其核心特性包括强大的自定义引擎、工单流程控制以及多级客户支持服务。此外，KF5还支持公司组织结构的划分，以便更针对性地处理各部门的问题。" KF5帮助台的产品特性与功能如下： 1. 对外客户支持：KF5帮助台能够...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

格乌恩

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

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

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

打赏作者

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

抵扣说明：

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

余额充值