django報障系統(tǒng)之解決工單和報表-創(chuàng)新互聯(lián)

前面實現(xiàn)了用戶的角色管理、權(quán)限管理、故障管理。下面學(xué)習(xí)下解決故障

創(chuàng)新互聯(lián)一直通過網(wǎng)站建設(shè)和網(wǎng)站營銷幫助企業(yè)獲得更多客戶資源。以"深度挖掘，量身打造，注重實效"的一站式服務(wù)，以做網(wǎng)站、成都網(wǎng)站設(shè)計、移動互聯(lián)產(chǎn)品、成都營銷網(wǎng)站建設(shè)服務(wù)為核心業(yè)務(wù)。十多年網(wǎng)站制作的經(jīng)驗，使用新網(wǎng)站建設(shè)技術(shù)，全新開發(fā)出的標(biāo)準(zhǔn)網(wǎng)站，不但價格便宜而且實用、靈活，特別適合中小公司網(wǎng)站制作。網(wǎng)站管理系統(tǒng)簡單易用，維護(hù)方便，您可以完全操作網(wǎng)站資料，是中小公司快速網(wǎng)站建設(shè)的選擇。

當(dāng)有權(quán)限的用戶登錄后，可以看到自己創(chuàng)建的單子，或者自己已經(jīng)接了單子和解決完成的單子
創(chuàng)建好對應(yīng)的url
當(dāng)用戶處理的時候，跳轉(zhuǎn)到處理的頁面
處理完成后把狀態(tài) 改成“已處理”，沒有完成的把狀態(tài)改成“處理中”
下面是報表管理
報表只有總監(jiān)能看到，這里用的報表使用了hichart，插件來實現(xiàn)的
```
{% extends 'layout.html' %}
```

{% block content %}
<div id="container" style="min-width:300px;height:300px"></div>
<div id="container2" style="min-width:500px;height:500px"></div>
{% endblock %}

{% block js %}
<script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
<script src="https://img.hcharts.cn/highcharts/modules/exporting.js"></script>
<script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>

<script>
    $(function () {
        Highcharts.setOptions({
            global: {
                useUTC: false
            }
        });
        $.ajax({
            url: '/report.html',
            type: "POST",
            data: {'csrfmiddlewaretoken': '{{ csrf_token }}'},
            dataType: 'JSON',
            success: function (arg) {
                console.log(arg);

                $('#container').highcharts({
                    chart: {
                        plotBackgroundColor: null,
                        plotBorderWidth: null,
                        plotShadow: false
                    },
                    title: {
                        text: '運維人員處理報障占比'
                    },
                    tooltip: {
                        headerFormat: '{series.name}<br>',
                        pointFormat: '{point.name}: <b>{point.percentage:.1f}%</b>'
                    },
                    plotOptions: {
                        pie: {
                            allowPointSelect: true,
                            cursor: 'pointer',
                            dataLabels: {
                                enabled: true,
                                format: '<b>{point.name}</b>: {point.percentage:.1f} %',
                                style: {
                                    color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
                                }
                            }
                        }
                    },
                    series: [{
                        type: 'pie',
                        name: '運維人員處理報障占比',
                        data: arg.pie
                    }]
                });

                Highcharts.chart('container2', {
                    title: {
                        text: '每日處理訂單詳細(xì)',
                        x: -20 //center
                    },
                    subtitle: {
                        text: '...',
                        x: -20
                    },
                    legend: {
                        layout: 'horizontal',
                        align: 'center',
                        verticalAlign: 'bottom',
                        borderWidth: 1
                    },
                    xAxis:{
                        labels:{
                            formatter:function(){
                                return Highcharts.dateFormat("%Y-%m-%d",this.value);
                                //return this.value;
                            }
                        },
                        minTickInterval:24
                    },
                    series: arg.zhexian
                });
            }
        });

    })
</script>

{% endblock %}

后端的數(shù)據(jù)提供是：

def report(request):
if request.permission_code == "LOOK":
if request.method == "GET":
return render(request,'report.html')
else:
from django.db.models import Count
#餅圖
result = models.Order.objects.filter(status=3).values_list('processor__nickname').annotate(ct=Count('id'))
response = {}
result_dic ={}

for bin in result:

#     key = bin['processor_id']
        #     if key in result_dic:
        #         result_dic[key]['data'].append([bin['processor__nickname'],bin['ct']])
        #     else:
        #         result_dic[key]={'data':[[bin['processor__nickname'],bin['ct']],]}
        response['pie']=list(result)
        ymd_list = models.Order.objects.filter(status=3).extra(select={'ymd':"strftime('%%s',strftime('%%Y-%%m-%%d',ptime))"}).values('processor_id','processor__nickname','ymd').annotate(ct=Count('id'))
        ymd_dict = {}
        for row in ymd_list:
            key = row['processor_id']
            if key in ymd_dict:
                ymd_dict[key]['data'].append([float(row['ymd'])*1000, row['ct']])
            else:
                ymd_dict[key] = {'name':row['processor__nickname'],'data':[ [float(row['ymd'])*1000, row['ct']],  ]}
        response['zhexian']=list(ymd_dict.values())
        return HttpResponse(json.dumps(response))

結(jié)果：
![](https://s1.51cto.com/images/blog/201805/22/f5728870af697d0d7f23052846fb8791.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=)

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務(wù)器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證，機房獨有T級流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確進(jìn)行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務(wù)器買多久送多久。

新聞名稱：django報障系統(tǒng)之解決工單和報表-創(chuàng)新互聯(lián)
當(dāng)前鏈接：http://muchs.cn/article24/dpccje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計、網(wǎng)站設(shè)計、網(wǎng)站營銷、網(wǎng)站維護(hù)、標(biāo)簽優(yōu)化、電子商務(wù)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

django報障系統(tǒng)之解決工單和報表-創(chuàng)新互聯(lián)

下面是報表管理

for bin in result: