如何使用AppCube應(yīng)用魔方創(chuàng)建業(yè)務(wù)大屏應(yīng)用

華為云大前端活動(dòng)接近尾聲，受益良多，本文將自己第三階段的作業(yè)考核-使用AppCube應(yīng)用魔方創(chuàng)建業(yè)務(wù)大屏應(yīng)用的開發(fā)過程做一個(gè)分享，如有錯(cuò)誤，歡迎指正！

按照考核作業(yè)中給的設(shè)計(jì)圖，將頁面布局大致如下，具體細(xì)節(jié)后面會(huì)有微調(diào)。

說明：作業(yè)中給的設(shè)計(jì)圖是1274x708，考慮到構(gòu)圖的美觀性和考核作業(yè)的性質(zhì)還是決定使用1920x1080，但是組件大小設(shè)置和原設(shè)計(jì)圖基本是成比例設(shè)置的！

{ "resCode": "0", "resMsg": "成功", "result": [ { "order": { "dataValue": [ { "output": "PVC", "order_day": 16, "order_month": 480, "sales_day": 13, "sales_month": 390, "shipments_day": 10, "shipments_month": 300 }, { "output": "燒堿", "order_day": 20, "order_month": 600, "sales_day": 16, "sales_month": 480, "shipments_day": 15, "shipments_month": 450 }, { "output": "鹽酸", "order_day": 15, "order_month": 450, "sales_day": 9, "sales_month": 270, "shipments_day": 5, "shipments_month": 150 }, { "output": "水泥", "order_day": 25, "order_month": 750, "sales_day": 13, "sales_month": 280, "shipments_day": 8, "shipments_month": 240 } ], "total": 4 } } ] }

{ "resCode": "0", "resMsg": "成功", "result": [ { "order": { "dataX": [ "PVC", "燒堿", "鹽酸", "水泥" ], "dataValue": [ { "title": "30天內(nèi)", "value": [ 78, 68, 70, 70 ] }, { "title": "", "value": [ 0, 0, 0, 0 ] }, { "title": "30天外", "value": [ 55, 50, 85, 85 ] } ] } } ] }

{ "resCode": "0", "resMsg": "成功", "result": [ { "dataValue": [ { "name": "完成率", "data": [ { "value": 96 } ] } ] } ] }

{ "resCode": "0", "resMsg": "成功", "result": [ { "order": { "dataX": [ "7/22", "7/23", "7/24", "7/25", "7/26", "7/27", "7/28", "7/29", "7/30", "7/31" ], "dataValue": [ { "title": "原鹽單價(jià)", "value": [ 9, 4, 5, 3, 15, 24, 15, 24, 22, 21 ] } ] } } ] }

{ "resCode": "0", "resMsg": "成功", "result": [ { "dataValue": [ { "name": "化工", "value": [ { "value": 64.29, "name": "30天內(nèi)" }, { "value": 35.71, "name": "30天外" } ] } ] } ] }

{ "resCode": "0", "resMsg": "成功", "result": [ { "dataValue": [ { "name": "PVC合格率", "value": [ { "value": 0.96, "name": "percent" } ] } ] } ] }

第三部分：效果圖

應(yīng)用魔方 AppCube

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。