This commit is contained in:
姚宇浩 2024-06-12 09:50:40 +08:00
parent a41f816df0
commit 7c15dbe66a
4 changed files with 55 additions and 53 deletions

View File

@ -11,17 +11,17 @@ const chart = ref(); // 创建DOM引用
const dataList = [ const dataList = [
{ {
name: "2.0收件数", name: "2.0收件数",
value: 90, value: 33044,
}, },
{ {
name: "总收件数", name: "总收件数",
value: 100, value: 33295,
}, },
]; ];
// //
var data = [ var data = [
{ {
value: 90, value: dataList[0].value,
name: "2.0收件数", name: "2.0收件数",
itemStyle: { itemStyle: {
normal: { normal: {
@ -45,7 +45,7 @@ var data = [
}, },
}, },
{ {
value: 10, value: dataList[1].value - dataList[0].value,
name: "", name: "",
itemStyle: { itemStyle: {
normal: { normal: {
@ -63,7 +63,7 @@ var data = [
}, },
}, },
{ {
value: 100, value: dataList[1].value,
name: "总收件数", name: "总收件数",
itemStyle: { itemStyle: {
normal: { normal: {
@ -75,7 +75,7 @@ var data = [
// //
const data1 = [ const data1 = [
{ {
value: 100, value: dataList[1].value,
name: "", name: "",
itemStyle: { itemStyle: {
normal: { normal: {
@ -95,7 +95,7 @@ const data1 = [
}, },
}, },
{ {
value: 100, value: dataList[1].value,
name: "", name: "",
itemStyle: { itemStyle: {
normal: { normal: {
@ -106,34 +106,33 @@ const data1 = [
]; ];
const option = { const option = {
legend: legend: {
{ selectedMode: false,
selectedMode:false, itemWidth: 10,
itemWidth: 10, itemHeight: 10,
itemHeight: 10, itemGap: 10,
itemGap: 10, icon: "circle",
icon: "circle", data: ["2.0收件数", "", "总收件数"],
data: ["2.0收件数","",'总收件数'], bottom: "3%",
bottom: "3%", width: 380,
width: 380, textStyle: {
textStyle: { color: "#ffffff", //
color: "#ffffff", //
},
formatter: function (params) {
var num = "";
for (let i = 0; i < dataList.length; i++) {
if (dataList[i].name == params) {
num = dataList[i].value;
}
}
return params + " " + num;
},
}, },
formatter: function (params) {
var num = "";
for (let i = 0; i < dataList.length; i++) {
if (dataList[i].name == params) {
num = dataList[i].value;
}
}
return params + " " + num;
},
},
title: [ title: [
{ {
text: "90%", text: "99.25%",
right: "24%", right: "18%",
bottom: "40%", bottom: "40%",
textStyle: { textStyle: {
color: "#ffffff", color: "#ffffff",

View File

@ -11,16 +11,16 @@ const chart = ref(); // 创建DOM引用
const dataList = [ const dataList = [
{ {
name: "超期受理数", name: "超期受理数",
value: 90, value: 9,
}, },
{ {
name: "应受理数", name: "应受理数",
value: 100, value: 32561,
}, },
]; ];
var data = [ var data = [
{ {
value: 90, value: dataList[0].value,
name: "超期受理数", name: "超期受理数",
itemStyle: { itemStyle: {
normal: { normal: {
@ -58,7 +58,7 @@ var data = [
}, },
}, },
{ {
value: 100, value: dataList[1].value,
name: "应受理数", name: "应受理数",
itemStyle: { itemStyle: {
normal: { normal: {
@ -69,7 +69,7 @@ var data = [
]; ];
const data1 = [ const data1 = [
{ {
value: 100, value: dataList[1].value,
name: "", name: "",
itemStyle: { itemStyle: {
normal: { normal: {
@ -89,7 +89,7 @@ const data1 = [
}, },
}, },
{ {
value: 100, value: dataList[1].value,
name: "", name: "",
itemStyle: { itemStyle: {
normal: { normal: {
@ -127,8 +127,8 @@ const option = {
title: [ title: [
{ {
text: "90%", text: "0.03%",
right: "24%", right: "22%",
bottom: "40%", bottom: "40%",
textStyle: { textStyle: {
color: "#ffffff", color: "#ffffff",

View File

@ -11,16 +11,16 @@ const chart = ref(); // 创建DOM引用
const dataList = [ const dataList = [
{ {
name: "超期办理数", name: "超期办理数",
value: 90, value: 7,
}, },
{ {
name: "应办理数", name: "应办理数",
value: 100, value: 31615,
}, },
]; ];
var data = [ var data = [
{ {
value: 90, value: dataList[0].value,
name: "超期办理数", name: "超期办理数",
itemStyle: { itemStyle: {
normal: { normal: {
@ -58,7 +58,7 @@ var data = [
}, },
}, },
{ {
value: 100, value: dataList[1].value,
name: "应办理数", name: "应办理数",
itemStyle: { itemStyle: {
normal: { normal: {
@ -69,7 +69,7 @@ var data = [
]; ];
const data1 = [ const data1 = [
{ {
value: 100, value: dataList[1].value,
name: "", name: "",
itemStyle: { itemStyle: {
normal: { normal: {
@ -89,7 +89,7 @@ const data1 = [
}, },
}, },
{ {
value: 100, value: dataList[1].value,
name: "", name: "",
itemStyle: { itemStyle: {
normal: { normal: {
@ -126,8 +126,8 @@ const option = {
title: [ title: [
{ {
text: "90%", text: "0.02%",
right: "24%", right: "22%",
bottom: "40%", bottom: "40%",
textStyle: { textStyle: {
color: "#ffffff", color: "#ffffff",

View File

@ -745,11 +745,11 @@ const pagination = reactive({
}); });
const handlePagination = (current) => { const handlePagination = (current) => {
pagination.currentPage = current; pagination.currentPage = current;
if (tableType.title == "医院卫生院") { // if (tableType.title == "") {
getTable2(tableType.url, pagination.currentPage); // getTable2(tableType.url, pagination.currentPage);
} else { // } else {
getTable(tableType.url, pagination.currentPage); getTable(tableType.url, pagination.currentPage);
} // }
}; };
const showDialog = (title, url) => { const showDialog = (title, url) => {
tableType.title = title; tableType.title = title;
@ -765,7 +765,6 @@ const close = () => {
dialogShowTab.value = false; dialogShowTab.value = false;
pagination.currentPage = 1; pagination.currentPage = 1;
pagination.total = 100; pagination.total = 100;
tableType.title = "";
}; };
// //
const showDialog2 = (title, url) => { const showDialog2 = (title, url) => {
@ -773,7 +772,8 @@ const showDialog2 = (title, url) => {
tableType.title = title; tableType.title = title;
tableType.url = url; tableType.url = url;
tableType.columns = ylws_columns.value; tableType.columns = ylws_columns.value;
getTable2(url, pagination.currentPage); dialogShow.value = true;
// getTable(url, pagination.currentPage);
} }
}; };
@ -2394,6 +2394,7 @@ const showTab = (val) => {
margin-bottom: 20px; margin-bottom: 20px;
.choose { .choose {
cursor: pointer;
text-align: center; text-align: center;
line-height: 40px; line-height: 40px;
width: 170px; width: 170px;
@ -2409,6 +2410,7 @@ const showTab = (val) => {
} }
.noChoose { .noChoose {
cursor: pointer;
text-align: center; text-align: center;
line-height: 40px; line-height: 40px;
width: 170px; width: 170px;
@ -2832,6 +2834,7 @@ table {
.jtsyBoxtop1 { .jtsyBoxtop1 {
position: relative; position: relative;
display: flex; display: flex;
overflow: hidden;
.turn { .turn {
width: 146px; width: 146px;
height: 104px; height: 104px;