2026.3.26

使用ucharts图表,兼容app
每个图表组件添加:canvas2d="false"
加载方法改成onMounted
This commit is contained in:
2026-03-26 14:49:26 +08:00
parent ab4646b43a
commit 925e9f1876
115 changed files with 413 additions and 424 deletions
@@ -37,9 +37,9 @@ const _sfc_main = {
});
const chartData = common_vendor.ref({});
const handleTap = (e) => {
common_vendor.index.__f__("log", "at pages/index/board/safe/bigCrisisCard.vue:45", e);
common_vendor.index.__f__("log", "at pages/index/board/safe/bigCrisisCard.vue:41", e);
};
common_vendor.onReady(() => {
common_vendor.onMounted(() => {
let res = {
categories: ["未开始", "进行中", "已完成", "培训人次", "作业人次"],
series: [{
@@ -50,10 +50,11 @@ const _sfc_main = {
});
return (_ctx, _cache) => {
return {
a: common_vendor.o(handleTap, "dc"),
a: common_vendor.o(handleTap, "c4"),
b: common_vendor.p({
type: "column",
opts: opts.value,
canvas2d: false,
chartData: chartData.value
}),
c: common_vendor.p({
@@ -1 +1 @@
<chart-card wx:if="{{c}}" u-s="{{['d']}}" u-i="200c7ae4-0" bind:__l="__l" u-p="{{c}}"><view class="big-crisis"><qiun-data-charts wx:if="{{b}}" bindgetIndex="{{a}}" u-i="200c7ae4-1,200c7ae4-0" bind:__l="__l" u-p="{{b}}"/></view></chart-card>
<chart-card wx:if="{{c}}" u-s="{{['d']}}" u-i="e34231bc-0" bind:__l="__l" u-p="{{c}}"><view class="big-crisis"><qiun-data-charts wx:if="{{b}}" bindgetIndex="{{a}}" u-i="e34231bc-1,e34231bc-0" bind:__l="__l" u-p="{{b}}"/></view></chart-card>
@@ -1 +1 @@
<chart-card wx:if="{{a}}" u-s="{{['d']}}" u-i="7965665c-0" bind:__l="__l" u-p="{{a}}"><view class="cost u-flex"><view class="cost-box"><view class="cost-box-lab">费用提取(亿元)</view><view class="cost-box-num u-margin-top-20">800</view></view><view class="cost-box"><view class="cost-box-lab">费用使用(亿元)</view><view class="cost-box-num u-margin-top-20">800</view></view></view></chart-card>
<chart-card wx:if="{{a}}" u-s="{{['d']}}" u-i="8cfec884-0" bind:__l="__l" u-p="{{a}}"><view class="cost u-flex"><view class="cost-box"><view class="cost-box-lab">费用提取(亿元)</view><view class="cost-box-num u-margin-top-20">800</view></view><view class="cost-box"><view class="cost-box-lab">费用使用(亿元)</view><view class="cost-box-num u-margin-top-20">800</view></view></view></chart-card>
@@ -1 +1 @@
<chart-card wx:if="{{c}}" u-s="{{['d']}}" u-i="2662a872-0" bind:__l="__l" u-p="{{c}}"><view class="defect"><u-subsection wx:if="{{b}}" bindchange="{{a}}" u-i="2662a872-1,2662a872-0" bind:__l="__l" u-p="{{b}}"></u-subsection><view class="defect-main u-flex u-row-between u-margin-top-20"><view class="defect-box gb-all"><text class="defect-box-lab">安全隐患</text><text class="defect-box-num u-margin-top-20">4567</text></view><view class="defect-box gb-rectified"><text class="defect-box-lab">整改闭环</text><text class="defect-box-num u-margin-top-20">20</text></view><view class="defect-box gb-not-rectified"><text class="defect-box-lab">未整改</text><text class="defect-box-num u-margin-top-20">6</text></view><view class="defect-box gb-rectified-rate"><text class="defect-box-lab">整改率</text><text class="defect-box-num u-margin-top-20">99.99%</text></view></view></view></chart-card>
<chart-card wx:if="{{c}}" u-s="{{['d']}}" u-i="cb11e3f4-0" bind:__l="__l" u-p="{{c}}"><view class="defect"><u-subsection wx:if="{{b}}" bindchange="{{a}}" u-i="cb11e3f4-1,cb11e3f4-0" bind:__l="__l" u-p="{{b}}"></u-subsection><view class="defect-main u-flex u-row-between u-margin-top-20"><view class="defect-box gb-all"><text class="defect-box-lab">安全隐患</text><text class="defect-box-num u-margin-top-20">4567</text></view><view class="defect-box gb-rectified"><text class="defect-box-lab">整改闭环</text><text class="defect-box-num u-margin-top-20">20</text></view><view class="defect-box gb-not-rectified"><text class="defect-box-lab">未整改</text><text class="defect-box-num u-margin-top-20">6</text></view><view class="defect-box gb-rectified-rate"><text class="defect-box-lab">整改率</text><text class="defect-box-num u-margin-top-20">99.99%</text></view></view></view></chart-card>
@@ -44,23 +44,26 @@ const _sfc_main = {
});
const chartData = common_vendor.ref({});
const handleTap = (e) => {
common_vendor.index.__f__("log", "at pages/index/board/safe/educationCard.vue:52", e);
common_vendor.index.__f__("log", "at pages/index/board/safe/educationCard.vue:47", e);
};
common_vendor.onReady(() => {
common_vendor.onMounted(() => {
let res = {
categories: ["专项培训", "特种作业\n培训", "三级安全\n教育培训", "安全技术\n交底"],
series: [{
data: [302265, 70770, 399175, 14851]
}]
series: [
{
data: [302265, 70770, 399175, 14851]
}
]
};
chartData.value = JSON.parse(JSON.stringify(res));
});
return (_ctx, _cache) => {
return {
a: common_vendor.o(handleTap, "c3"),
a: common_vendor.o(handleTap, "47"),
b: common_vendor.p({
type: "area",
opts: opts.value,
canvas2d: false,
chartData: chartData.value
}),
c: common_vendor.p({
@@ -1,5 +1,5 @@
.charts-box.data-v-a6a882bc {
width: 100%;
height: 400rpx;
width: 100%;
height: 400rpx;
}
@@ -38,9 +38,9 @@ const _sfc_main = {
});
const chartData = common_vendor.ref({});
const handleTap = (e) => {
common_vendor.index.__f__("log", "at pages/index/board/safe/emergencyCard.vue:46", e);
common_vendor.index.__f__("log", "at pages/index/board/safe/emergencyCard.vue:43", e);
};
common_vendor.onReady(() => {
common_vendor.onMounted(() => {
let res = {
categories: ["应急预案", "专项预案", "现场处置\n预案", "演练次数", "参演人数"],
series: [{
@@ -48,20 +48,21 @@ const _sfc_main = {
color: "#eef82f"
}],
formatter: function(value, index, series, opts2) {
common_vendor.index.__f__("log", "at pages/index/board/safe/emergencyCard.vue:58", value);
common_vendor.index.__f__("log", "at pages/index/board/safe/emergencyCard.vue:59", index);
common_vendor.index.__f__("log", "at pages/index/board/safe/emergencyCard.vue:60", series);
common_vendor.index.__f__("log", "at pages/index/board/safe/emergencyCard.vue:61", opts2);
common_vendor.index.__f__("log", "at pages/index/board/safe/emergencyCard.vue:55", value);
common_vendor.index.__f__("log", "at pages/index/board/safe/emergencyCard.vue:56", index);
common_vendor.index.__f__("log", "at pages/index/board/safe/emergencyCard.vue:57", series);
common_vendor.index.__f__("log", "at pages/index/board/safe/emergencyCard.vue:58", opts2);
}
};
chartData.value = JSON.parse(JSON.stringify(res));
});
return (_ctx, _cache) => {
return {
a: common_vendor.o(handleTap, "8d"),
a: common_vendor.o(handleTap, "bb"),
b: common_vendor.p({
type: "column",
opts: opts.value,
canvas2d: false,
chartData: chartData.value
}),
c: common_vendor.p({
@@ -1 +1 @@
<chart-card wx:if="{{c}}" u-s="{{['d']}}" u-i="b57ac788-0" bind:__l="__l" u-p="{{c}}"><view class="emergencyCard"><qiun-data-charts wx:if="{{b}}" bindgetIndex="{{a}}" u-i="b57ac788-1,b57ac788-0" bind:__l="__l" u-p="{{b}}"/></view></chart-card>
<chart-card wx:if="{{c}}" u-s="{{['d']}}" u-i="43a7c0d0-0" bind:__l="__l" u-p="{{c}}"><view class="emergencyCard"><qiun-data-charts wx:if="{{b}}" bindgetIndex="{{a}}" u-i="43a7c0d0-1,43a7c0d0-0" bind:__l="__l" u-p="{{b}}"/></view></chart-card>
@@ -1 +1 @@
<chart-card wx:if="{{a}}" u-s="{{['d']}}" u-i="61830bda-0" bind:__l="__l" u-p="{{a}}"><view class="organizer"><view class="row u-flex u-padding-20 u-margin-bottom-20"><view class="row_li u-flex u-row-center"><text class="organizer-lab">集团总人数</text><text class="organizer_num">13273</text></view><view class="row_li u-flex u-row-center"><text class="organizer-lab">总监</text><text class="organizer_num">13273</text></view><view class="row_li u-flex u-row-center"><text class="organizer-lab">专职</text><text class="organizer_num">13273</text></view><view class="row_li u-flex u-row-center"><text class="organizer-lab">企业</text><text class="organizer_num">13273</text></view></view><view class="organizer-tit">分支机构</view><view class="row u-flex u-padding-20 u-margin-bottom-20"><view class="row_li u-flex u-row-center"><text class="organizer-lab">总监</text><text class="organizer_num">13273</text></view><view class="row_li u-flex u-row-center"><text class="organizer-lab">专职</text><text class="organizer_num">13273</text></view></view><view class="organizer-tit">注安师</view><view class="row u-flex u-padding-20 u-margin-bottom-20"><view class="row_li u-flex u-row-center"><text class="organizer-lab">在岗职业</text><text class="organizer_num">13273</text></view></view><view class="organizer-tit">项目人数</view><view class="row u-flex u-padding-20 u-margin-bottom-20"><view class="row_li u-flex u-row-center"><text class="organizer-lab">总监</text><text class="organizer_num">13273</text></view><view class="row_li u-flex u-row-center"><text class="organizer-lab">专职</text><text class="organizer_num">13273</text></view><view class="row_li u-flex u-row-center"><text class="organizer-lab">安全监护</text><text class="organizer_num">13273</text></view></view><view class="organizer-tit">三类人员</view><view class="row u-flex u-padding-20"><view class="row_li u-flex u-row-center"><text class="organizer-lab">A证</text><text class="organizer_num">13273</text></view><view class="row_li u-flex u-row-center"><text class="organizer-lab">B证</text><text class="organizer_num">13273</text></view><view class="row_li u-flex u-row-center"><text class="organizer-lab">C证</text><text class="organizer_num">13273</text></view></view></view></chart-card>
<chart-card wx:if="{{a}}" u-s="{{['d']}}" u-i="002f9f24-0" bind:__l="__l" u-p="{{a}}"><view class="organizer"><view class="row u-flex u-padding-20 u-margin-bottom-20"><view class="row_li u-flex u-row-center"><text class="organizer-lab">集团总人数</text><text class="organizer_num">13273</text></view><view class="row_li u-flex u-row-center"><text class="organizer-lab">总监</text><text class="organizer_num">13273</text></view><view class="row_li u-flex u-row-center"><text class="organizer-lab">专职</text><text class="organizer_num">13273</text></view><view class="row_li u-flex u-row-center"><text class="organizer-lab">企业</text><text class="organizer_num">13273</text></view></view><view class="organizer-tit">分支机构</view><view class="row u-flex u-padding-20 u-margin-bottom-20"><view class="row_li u-flex u-row-center"><text class="organizer-lab">总监</text><text class="organizer_num">13273</text></view><view class="row_li u-flex u-row-center"><text class="organizer-lab">专职</text><text class="organizer_num">13273</text></view></view><view class="organizer-tit">注安师</view><view class="row u-flex u-padding-20 u-margin-bottom-20"><view class="row_li u-flex u-row-center"><text class="organizer-lab">在岗职业</text><text class="organizer_num">13273</text></view></view><view class="organizer-tit">项目人数</view><view class="row u-flex u-padding-20 u-margin-bottom-20"><view class="row_li u-flex u-row-center"><text class="organizer-lab">总监</text><text class="organizer_num">13273</text></view><view class="row_li u-flex u-row-center"><text class="organizer-lab">专职</text><text class="organizer_num">13273</text></view><view class="row_li u-flex u-row-center"><text class="organizer-lab">安全监护</text><text class="organizer_num">13273</text></view></view><view class="organizer-tit">三类人员</view><view class="row u-flex u-padding-20"><view class="row_li u-flex u-row-center"><text class="organizer-lab">A证</text><text class="organizer_num">13273</text></view><view class="row_li u-flex u-row-center"><text class="organizer-lab">B证</text><text class="organizer_num">13273</text></view><view class="row_li u-flex u-row-center"><text class="organizer-lab">C证</text><text class="organizer_num">13273</text></view></view></view></chart-card>
@@ -1 +1 @@
<chart-card wx:if="{{b}}" u-s="{{['d']}}" u-i="b68f92f8-0" bind:__l="__l" u-p="{{b}}"><view class="project"><view class="project-col" bindtap="{{a}}"><text class="project-col-num">1024</text><text class="project-col-lab u-margin-top-10">在建项目</text></view><view class="project-col"><text class="project-col-num">1024</text><text class="project-col-lab u-margin-top-10">停工项目</text></view><view class="project-col"><text class="project-col-num">1024111</text><text class="project-col-lab u-margin-top-10">参建人数</text></view><view class="project-col"><text class="project-col-num">1024</text><text class="project-col-lab u-margin-top-10">在施危大工程</text></view></view></chart-card>
<chart-card wx:if="{{b}}" u-s="{{['d']}}" u-i="41857018-0" bind:__l="__l" u-p="{{b}}"><view class="project"><view class="project-col" bindtap="{{a}}"><text class="project-col-num">1024</text><text class="project-col-lab u-margin-top-10">在建项目</text></view><view class="project-col"><text class="project-col-num">1024</text><text class="project-col-lab u-margin-top-10">停工项目</text></view><view class="project-col"><text class="project-col-num">1024111</text><text class="project-col-lab u-margin-top-10">参建人数</text></view><view class="project-col"><text class="project-col-num">1024</text><text class="project-col-lab u-margin-top-10">在施危大工程</text></view></view></chart-card>
@@ -34,7 +34,7 @@ const _sfc_main = {
}
});
const chartData = common_vendor.ref({});
common_vendor.onReady(() => {
common_vendor.onMounted(() => {
let res = {
series: [{
data: [{
@@ -63,6 +63,7 @@ const _sfc_main = {
a: common_vendor.p({
type: "pie",
opts: opts.value,
canvas2d: false,
chartData: chartData.value
}),
b: common_vendor.p({
@@ -1 +1 @@
<chart-card wx:if="{{b}}" u-s="{{['d']}}" u-i="4956b652-0" bind:__l="__l" u-p="{{b}}"><view class="rish-ranking"><qiun-data-charts wx:if="{{a}}" u-i="4956b652-1,4956b652-0" bind:__l="__l" u-p="{{a}}"/></view></chart-card>
<chart-card wx:if="{{b}}" u-s="{{['d']}}" u-i="39f5f434-0" bind:__l="__l" u-p="{{b}}"><view class="rish-ranking"><qiun-data-charts wx:if="{{a}}" u-i="39f5f434-1,39f5f434-0" bind:__l="__l" u-p="{{a}}"/></view></chart-card>
@@ -1 +1 @@
<chart-card wx:if="{{a}}" u-s="{{['d']}}" u-i="9d55c5a6-0" bind:__l="__l" u-p="{{a}}"><view class="safe-hours"><text>9024145</text><text>万</text></view></chart-card>
<chart-card wx:if="{{a}}" u-s="{{['d']}}" u-i="4fba41c1-0" bind:__l="__l" u-p="{{a}}"><view class="safe-hours"><text>9024145</text><text>万</text></view></chart-card>
@@ -1 +1 @@
<chart-card wx:if="{{c}}" u-s="{{['d']}}" u-i="2035ee08-0" bind:__l="__l" u-p="{{c}}"><view class="special-equip u-flex"><view class="special-equip-box u-flex u-row-center"><view class="special-equip-box-icon"><u-icon wx:if="{{a}}" u-i="2035ee08-1,2035ee08-0" bind:__l="__l" u-p="{{a}}"></u-icon></view><view class="special-equip-box-row u-padding-left-20"><text class="special-equip-box-row-num">9000个</text><text class="special-equip-box-row-lab">在用个数</text></view></view><view class="special-equip-box u-flex u-row-center"><view class="special-equip-box-icon"><u-icon wx:if="{{b}}" u-i="2035ee08-2,2035ee08-0" bind:__l="__l" u-p="{{b}}"></u-icon></view><view class="special-equip-box-row u-padding-left-20"><text class="special-equip-box-row-num">9000个</text><text class="special-equip-box-row-lab">特种设备</text></view></view></view></chart-card>
<chart-card wx:if="{{c}}" u-s="{{['d']}}" u-i="e7fea830-0" bind:__l="__l" u-p="{{c}}"><view class="special-equip u-flex"><view class="special-equip-box u-flex u-row-center"><view class="special-equip-box-icon"><u-icon wx:if="{{a}}" u-i="e7fea830-1,e7fea830-0" bind:__l="__l" u-p="{{a}}"></u-icon></view><view class="special-equip-box-row u-padding-left-20"><text class="special-equip-box-row-num">9000个</text><text class="special-equip-box-row-lab">在用个数</text></view></view><view class="special-equip-box u-flex u-row-center"><view class="special-equip-box-icon"><u-icon wx:if="{{b}}" u-i="e7fea830-2,e7fea830-0" bind:__l="__l" u-p="{{b}}"></u-icon></view><view class="special-equip-box-row u-padding-left-20"><text class="special-equip-box-row-num">9000个</text><text class="special-equip-box-row-lab">特种设备</text></view></view></view></chart-card>
@@ -1 +1 @@
<chart-card wx:if="{{c}}" u-s="{{['d']}}" u-i="327ce016-0" bind:__l="__l" u-p="{{c}}"><view class="work u-flex"><view class="work-box u-flex u-row-center"><view class="work-box-icon"><u-icon wx:if="{{a}}" u-i="327ce016-1,327ce016-0" bind:__l="__l" u-p="{{a}}"></u-icon></view><view class="work-box-row u-padding-left-20"><text class="work-box-row-num">9000个</text><text class="work-box-row-lab">许可</text></view></view><view class="work-box u-flex u-row-center"><view class="work-box-icon"><u-icon wx:if="{{b}}" u-i="327ce016-2,327ce016-0" bind:__l="__l" u-p="{{b}}"></u-icon></view><view class="work-box-row u-padding-left-20"><text class="work-box-row-num">9000个</text><text class="work-box-row-lab">关闭</text></view></view></view></chart-card>
<chart-card wx:if="{{c}}" u-s="{{['d']}}" u-i="28b02f02-0" bind:__l="__l" u-p="{{c}}"><view class="work u-flex"><view class="work-box u-flex u-row-center"><view class="work-box-icon"><u-icon wx:if="{{a}}" u-i="28b02f02-1,28b02f02-0" bind:__l="__l" u-p="{{a}}"></u-icon></view><view class="work-box-row u-padding-left-20"><text class="work-box-row-num">9000个</text><text class="work-box-row-lab">许可</text></view></view><view class="work-box u-flex u-row-center"><view class="work-box-icon"><u-icon wx:if="{{b}}" u-i="28b02f02-2,28b02f02-0" bind:__l="__l" u-p="{{b}}"></u-icon></view><view class="work-box-row u-padding-left-20"><text class="work-box-row-num">9000个</text><text class="work-box-row-lab">关闭</text></view></view></view></chart-card>