Home Esplora Aiuto
Registrati Accedi
lulihong0928
/
bigScreenShow
Segui 1
Vota 0
Forka 1
File Problemi 0 Pull Requests 0 Wiki
Sfoglia il codice sorgente

弹窗遮罩层

zhanghaoyu 6 anni fa
parent
7ba3e7028f
commit
9ae1164ce3
12 ha cambiato i file con 138 aggiunte e 0 eliminazioni
Visualizzazione separata Mostra Diff Stats
  1. 21 0
      page/bigData/html/alert1.html
  2. 21 0
      page/bigData/html/alert2.html
  3. 21 0
      page/bigData/html/alert3.html
  4. 21 0
      page/bigData/html/alert4.html
  5. 21 0
      page/bigData/html/alert5.html
  6. 21 0
      page/bigData/html/alert6.html
  7. 2 0
      page/bigData/js/alert1.js
  8. 2 0
      page/bigData/js/alert2.js
  9. 2 0
      page/bigData/js/alert3.js
  10. 2 0
      page/bigData/js/alert4.js
  11. 2 0
      page/bigData/js/alert5.js
  12. 2 0
      page/bigData/js/alert6.js

+ 21 - 0
page/bigData/html/alert1.html
Vedi File 

@ -16,6 +16,27 @@
 
</head>
 
<body>
 
    <div id="main" v-cloak>
 
        <!-- 遮罩层 -->
 
        <div class="div-mask-layer">
 
            <div class="ibox-content">
 
                <div class="spiner-example">
 
                    <div class="sk-spinner sk-spinner-fading-circle">
 
                        <div class="sk-circle1 sk-circle"></div>
 
                        <div class="sk-circle2 sk-circle"></div>
 
                        <div class="sk-circle3 sk-circle"></div>
 
                        <div class="sk-circle4 sk-circle"></div>
 
                        <div class="sk-circle5 sk-circle"></div>
 
                        <div class="sk-circle6 sk-circle"></div>
 
                        <div class="sk-circle7 sk-circle"></div>
 
                        <div class="sk-circle8 sk-circle"></div>
 
                        <div class="sk-circle9 sk-circle"></div>
 
                        <div class="sk-circle10 sk-circle"></div>
 
                        <div class="sk-circle11 sk-circle"></div>
 
                        <div class="sk-circle12 sk-circle"></div>
 
                    </div>
 
                </div>
 
            </div>
 
        </div>
 
        <div class="alert_content">
 
            <div class="alert_title">
 
                <div class="left">

+ 21 - 0
page/bigData/html/alert2.html
Vedi File 

@ -16,6 +16,27 @@
 
</head>
 
<body>
 
    <div id="main" v-cloak>
 
        <!-- 遮罩层 -->
 
        <div class="div-mask-layer">
 
            <div class="ibox-content">
 
                <div class="spiner-example">
 
                    <div class="sk-spinner sk-spinner-fading-circle">
 
                        <div class="sk-circle1 sk-circle"></div>
 
                        <div class="sk-circle2 sk-circle"></div>
 
                        <div class="sk-circle3 sk-circle"></div>
 
                        <div class="sk-circle4 sk-circle"></div>
 
                        <div class="sk-circle5 sk-circle"></div>
 
                        <div class="sk-circle6 sk-circle"></div>
 
                        <div class="sk-circle7 sk-circle"></div>
 
                        <div class="sk-circle8 sk-circle"></div>
 
                        <div class="sk-circle9 sk-circle"></div>
 
                        <div class="sk-circle10 sk-circle"></div>
 
                        <div class="sk-circle11 sk-circle"></div>
 
                        <div class="sk-circle12 sk-circle"></div>
 
                    </div>
 
                </div>
 
            </div>
 
        </div>
 
        <div class="alert_content">
 
            <div class="alert_title">
 
                <div class="left">

+ 21 - 0
page/bigData/html/alert3.html
Vedi File 

@ -16,6 +16,27 @@
 
</head>
 
<body>
 
    <div id="main" v-cloak>
 
        <!-- 遮罩层 -->
 
        <div class="div-mask-layer">
 
            <div class="ibox-content">
 
                <div class="spiner-example">
 
                    <div class="sk-spinner sk-spinner-fading-circle">
 
                        <div class="sk-circle1 sk-circle"></div>
 
                        <div class="sk-circle2 sk-circle"></div>
 
                        <div class="sk-circle3 sk-circle"></div>
 
                        <div class="sk-circle4 sk-circle"></div>
 
                        <div class="sk-circle5 sk-circle"></div>
 
                        <div class="sk-circle6 sk-circle"></div>
 
                        <div class="sk-circle7 sk-circle"></div>
 
                        <div class="sk-circle8 sk-circle"></div>
 
                        <div class="sk-circle9 sk-circle"></div>
 
                        <div class="sk-circle10 sk-circle"></div>
 
                        <div class="sk-circle11 sk-circle"></div>
 
                        <div class="sk-circle12 sk-circle"></div>
 
                    </div>
 
                </div>
 
            </div>
 
        </div>
 
        <div class="alert_content">
 
            <div class="alert_title">
 
                <div class="left">

+ 21 - 0
page/bigData/html/alert4.html
Vedi File 

@ -16,6 +16,27 @@
 
</head>
 
<body>
 
    <div id="main" v-cloak>
 
        <!-- 遮罩层 -->
 
        <div class="div-mask-layer">
 
            <div class="ibox-content">
 
                <div class="spiner-example">
 
                    <div class="sk-spinner sk-spinner-fading-circle">
 
                        <div class="sk-circle1 sk-circle"></div>
 
                        <div class="sk-circle2 sk-circle"></div>
 
                        <div class="sk-circle3 sk-circle"></div>
 
                        <div class="sk-circle4 sk-circle"></div>
 
                        <div class="sk-circle5 sk-circle"></div>
 
                        <div class="sk-circle6 sk-circle"></div>
 
                        <div class="sk-circle7 sk-circle"></div>
 
                        <div class="sk-circle8 sk-circle"></div>
 
                        <div class="sk-circle9 sk-circle"></div>
 
                        <div class="sk-circle10 sk-circle"></div>
 
                        <div class="sk-circle11 sk-circle"></div>
 
                        <div class="sk-circle12 sk-circle"></div>
 
                    </div>
 
                </div>
 
            </div>
 
        </div>
 
        <div class="alert_content">
 
            <div class="alert_title">
 
                <div class="left">

+ 21 - 0
page/bigData/html/alert5.html
Vedi File 

@ -16,6 +16,27 @@
 
</head>
 
<body>
 
    <div id="main" v-cloak>
 
        <!-- 遮罩层 -->
 
        <div class="div-mask-layer">
 
            <div class="ibox-content">
 
                <div class="spiner-example">
 
                    <div class="sk-spinner sk-spinner-fading-circle">
 
                        <div class="sk-circle1 sk-circle"></div>
 
                        <div class="sk-circle2 sk-circle"></div>
 
                        <div class="sk-circle3 sk-circle"></div>
 
                        <div class="sk-circle4 sk-circle"></div>
 
                        <div class="sk-circle5 sk-circle"></div>
 
                        <div class="sk-circle6 sk-circle"></div>
 
                        <div class="sk-circle7 sk-circle"></div>
 
                        <div class="sk-circle8 sk-circle"></div>
 
                        <div class="sk-circle9 sk-circle"></div>
 
                        <div class="sk-circle10 sk-circle"></div>
 
                        <div class="sk-circle11 sk-circle"></div>
 
                        <div class="sk-circle12 sk-circle"></div>
 
                    </div>
 
                </div>
 
            </div>
 
        </div>
 
        <div class="alert_content">
 
            <div class="alert_title">
 
                <div class="left">

+ 21 - 0
page/bigData/html/alert6.html
Vedi File 

@ -16,6 +16,27 @@
 
</head>
 
<body>
 
    <div id="main" v-cloak>
 
        <!-- 遮罩层 -->
 
        <div class="div-mask-layer">
 
            <div class="ibox-content">
 
                <div class="spiner-example">
 
                    <div class="sk-spinner sk-spinner-fading-circle">
 
                        <div class="sk-circle1 sk-circle"></div>
 
                        <div class="sk-circle2 sk-circle"></div>
 
                        <div class="sk-circle3 sk-circle"></div>
 
                        <div class="sk-circle4 sk-circle"></div>
 
                        <div class="sk-circle5 sk-circle"></div>
 
                        <div class="sk-circle6 sk-circle"></div>
 
                        <div class="sk-circle7 sk-circle"></div>
 
                        <div class="sk-circle8 sk-circle"></div>
 
                        <div class="sk-circle9 sk-circle"></div>
 
                        <div class="sk-circle10 sk-circle"></div>
 
                        <div class="sk-circle11 sk-circle"></div>
 
                        <div class="sk-circle12 sk-circle"></div>
 
                    </div>
 
                </div>
 
            </div>
 
        </div>
 
        <div class="alert_content">
 
            <div class="alert_title">
 
                <div class="left">

+ 2 - 0
page/bigData/js/alert1.js
Vedi File 

@ -111,6 +111,7 @@ new Vue({
 
                {url:urlChart,reqType: 'get',data: {viewCode:code[6],linkageFilter:'eventType='+event_type}},//老年人就诊趋势-年
 
                {url:urlChart,reqType: 'get',data: {viewCode:code[7],linkageFilter:linkageFilter1+'eventType='+event_type}},//年龄分布
 
            ]
 
            $(".div-mask-layer").show();
 
            httpRequest.getReqPromises(reqUrl).then(function(datas) {
 
                console.log(datas);
 
                vm.alertData1 = datas[0].obj.VIEW_13_0015[0].HC_15_1006;
 
@ -130,6 +131,7 @@ new Vue({
 
                vm.setAlertChart3(chart2);
 
                vm.setAlertChart4(chart3);
 
                vm.setAlertChart5(chart4);
 
                $(".div-mask-layer").hide();
 
            })
 
        },
 
        setAlertChart1:function(data){

+ 2 - 0
page/bigData/js/alert2.js
Vedi File 

@ -111,6 +111,7 @@ new Vue({
 
                {url:urlChart,reqType: 'get',data: {viewCode:code[6],linkageFilter:'eventType='+event_type}},//老年人就诊趋势-年
 
                {url:urlChart,reqType: 'get',data: {viewCode:code[7],linkageFilter:linkageFilter1+'eventType='+event_type}},//年龄分布
 
            ]
 
            $(".div-mask-layer").show();
 
            httpRequest.getReqPromises(reqUrl).then(function(datas) {          
                console.log(datas);
 
                vm.alertData1 = datas[0].obj.VIEW_13_0026[0].HC_15_1006;
 
@ -130,6 +131,7 @@ new Vue({
 
                vm.setAlertChart3(chart2);
 
                vm.setAlertChart4(chart3);
 
                vm.setAlertChart5(chart4);
 
                $(".div-mask-layer").hide();
 
            })
 
        },
 
        setAlertChart1:function(data){

+ 2 - 0
page/bigData/js/alert3.js
Vedi File 

@ -108,6 +108,7 @@ new Vue({
 
                {url:urlChart,reqType: 'get',data: {viewCode:code[5],linkageFilter:linkageFilter3+'eventType='+event_type}},//老年人就诊趋势-月
 
                {url:urlChart,reqType: 'get',data: {viewCode:code[6],linkageFilter:'eventType='+event_type}},//老年人就诊趋势-年
 
            ]
 
            $(".div-mask-layer").show();
 
            httpRequest.getReqPromises(reqUrl).then(function(datas) {
 
                console.log(datas);
 
                vm.alertData1 = datas[1].obj.VIEW_16_0006[0].HC_15_1003; //新增
 
@ -124,6 +125,7 @@ new Vue({
 
                vm.setAlertChart2(chart2);
 
                vm.setAlertChart4(chart3);
 
                vm.setAlertChart5(chart4);
 
                $(".div-mask-layer").hide();
 
            })
 
        },
 
        setAlertChart1:function(data){

+ 2 - 0
page/bigData/js/alert4.js
Vedi File 

@ -109,6 +109,7 @@ new Vue({
 
                {url:urlChart,reqType: 'get',data: {viewCode:code[5],linkageFilter:linkageFilter3+'eventType='+event_type}},//老年人就诊趋势-月
 
                {url:urlChart,reqType: 'get',data: {viewCode:code[6],linkageFilter:'eventType='+event_type}},//老年人就诊趋势-年
 
            ]
 
            $(".div-mask-layer").show();
 
            httpRequest.getReqPromises(reqUrl).then(function(datas) {
 
                console.log(datas);
 
                debugger
 
@ -127,6 +128,7 @@ new Vue({
 
                vm.setAlertChart3(chart2);
 
                vm.setAlertChart4(chart3);
 
                vm.setAlertChart5(chart4);
 
                $(".div-mask-layer").hide();
 
            })
 
        },
 
        setAlertChart1:function(data){

+ 2 - 0
page/bigData/js/alert5.js
Vedi File 

@ -95,6 +95,7 @@ new Vue({
 
                {url:urlChart,reqType: 'get',data: {viewCode:code[4],linkageFilter:linkageFilter3}},//新增患者月趋势
 
                {url:urlChart,reqType: 'get',data: {viewCode:code[5]}},//老年人就诊趋势-年
 
            ]
 
            $(".div-mask-layer").show();
 
            httpRequest.getReqPromises(reqUrl).then(function(datas) {
 
                console.log(datas);
 
                vm.alertChart1 = datas[0].obj.VIEW_13_0018;
 
@ -112,6 +113,7 @@ new Vue({
 
                vm.setAlertChart3(chart2);
 
                // vm.setAlertChart4(chart3);
 
                vm.setAlertChart5(chart3);
 
                $(".div-mask-layer").hide();
 
            })
 
        },
 
        setAlertChart1:function(data){

+ 2 - 0
page/bigData/js/alert6.js
Vedi File 

@ -87,6 +87,7 @@ new Vue({
 
            var code = this.code;
 
            var urlNumber = '/gov/report/getNoChartTemplateData';
 
            var urlChart = '/gov/report/getTemplateDataByViewCode';
 
            $(".div-mask-layer").show();
 
            var reqUrl = [
 
                {url:urlNumber,reqType: 'get',data: {viewCodeStr:code[0],linkageFilter:linkageFilter1}},//死亡原因-人
 
                {url:urlNumber,reqType: 'get',data: {viewCodeStr:code[1],linkageFilter:linkageFilter1}},//区县分布-人
 
@ -112,6 +113,7 @@ new Vue({
 
                vm.setAlertChart3(chart2);
 
                // vm.setAlertChart4(chart3);
 
                vm.setAlertChart5(chart3);
 
                $(".div-mask-layer").hide();
 
            })
 
        },
 
        setAlertChart1:function(data){