This commit is contained in:
parent
a41f816df0
commit
7c15dbe66a
|
@ -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",
|
||||||
|
|
|
@ -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",
|
||||||
|
|
|
@ -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",
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue