Merge branch 'main' of git.zdool.com:xs/ggfwjsc
This commit is contained in:
commit
edbb1cb7cc
|
@ -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: `${((dataList[0].value / dataList[1].value)*100).toFixed(2)}%`,
|
||||||
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,9 @@ const option = {
|
||||||
|
|
||||||
title: [
|
title: [
|
||||||
{
|
{
|
||||||
text: "90%",
|
// text: "0.03%",
|
||||||
right: "24%",
|
text:`${((dataList[0].value / dataList[1].value)*100).toFixed(2)}%`,
|
||||||
|
right: "19%",
|
||||||
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: `${((dataList[0].value / dataList[1].value)*100).toFixed(2)}%`,
|
||||||
right: "24%",
|
right: "19%",
|
||||||
bottom: "40%",
|
bottom: "40%",
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: "#ffffff",
|
color: "#ffffff",
|
||||||
|
|
|
@ -726,17 +726,17 @@ 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;
|
||||||
tableType.url = url;
|
tableType.url = url;
|
||||||
tableType.columns = columnss[title];
|
tableType.columns = columnss[title];
|
||||||
|
|
||||||
getTable(url, pagination.currentPage);
|
getTable(url, pagination.currentPage);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -745,7 +745,7 @@ const close = () => {
|
||||||
dialogShowEc.value = false;
|
dialogShowEc.value = false;
|
||||||
dialogShowTab.value = false;
|
dialogShowTab.value = false;
|
||||||
pagination.currentPage = 1;
|
pagination.currentPage = 1;
|
||||||
pagination.total=100;
|
pagination.total = 100;
|
||||||
};
|
};
|
||||||
//医疗卫生
|
//医疗卫生
|
||||||
const showDialog2 = (title, url) => {
|
const showDialog2 = (title, url) => {
|
||||||
|
@ -753,7 +753,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);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -2340,6 +2341,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;
|
||||||
|
@ -2355,6 +2357,7 @@ const showTab = (val) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
.noChoose {
|
.noChoose {
|
||||||
|
cursor: pointer;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
width: 170px;
|
width: 170px;
|
||||||
|
@ -2778,6 +2781,7 @@ table {
|
||||||
.jtsyBoxtop1 {
|
.jtsyBoxtop1 {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
overflow: hidden;
|
||||||
.turn {
|
.turn {
|
||||||
width: 146px;
|
width: 146px;
|
||||||
height: 104px;
|
height: 104px;
|
||||||
|
|
|
@ -183,7 +183,10 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="history">
|
<div class="history">
|
||||||
<div class="history1" @click="showDialog('养老机构', '')">
|
<div
|
||||||
|
class="history1"
|
||||||
|
@click="showDialog('养老机构', '/api/ggfwyth/yljghmcList')"
|
||||||
|
>
|
||||||
<div>
|
<div>
|
||||||
<span>{{ data.yljgzlzx.yljg }}<span class="unit">个</span></span>
|
<span>{{ data.yljgzlzx.yljg }}<span class="unit">个</span></span>
|
||||||
</div>
|
</div>
|
||||||
|
@ -198,7 +201,12 @@
|
||||||
<img src="@/assets/YLimg/ylimg3.png" alt="" />
|
<img src="@/assets/YLimg/ylimg3.png" alt="" />
|
||||||
<img class="historyimg" src="@/assets/YLimg/ylimg6.png" alt="" />
|
<img class="historyimg" src="@/assets/YLimg/ylimg6.png" alt="" />
|
||||||
</div> -->
|
</div> -->
|
||||||
<div class="history1" @click="showDialog('居家养老服务照料中心', '')">
|
<div
|
||||||
|
class="history1"
|
||||||
|
@click="
|
||||||
|
showDialog('居家养老服务照料中心', '/api/ggfwyth/yljgzlzxList')
|
||||||
|
"
|
||||||
|
>
|
||||||
<div>
|
<div>
|
||||||
<span>{{ data.yljgzlzx.zlzx }}<span class="unit">个</span></span>
|
<span>{{ data.yljgzlzx.zlzx }}<span class="unit">个</span></span>
|
||||||
</div>
|
</div>
|
||||||
|
@ -345,15 +353,15 @@ const xz_column = ref([
|
||||||
const yl_column = ref([
|
const yl_column = ref([
|
||||||
{
|
{
|
||||||
label: "机构名称",
|
label: "机构名称",
|
||||||
property: "name",
|
property: "mc",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "机构地址",
|
label: "机构地址",
|
||||||
property: "address",
|
property: "dz",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "老人数量",
|
label: "老人数量",
|
||||||
property: "oldMan",
|
property: "rzlrsl",
|
||||||
},
|
},
|
||||||
]);
|
]);
|
||||||
// 表格分页
|
// 表格分页
|
||||||
|
@ -379,17 +387,15 @@ const showDialog = (title, url) => {
|
||||||
};
|
};
|
||||||
//获取表格数据
|
//获取表格数据
|
||||||
const getTable = (url, currentPage) => {
|
const getTable = (url, currentPage) => {
|
||||||
dialogShow.value = true;
|
http
|
||||||
tableType.data = [];
|
.get(`${url}?page=${currentPage}&size=${pagination.pageSize}`)
|
||||||
// http
|
.then((res) => {
|
||||||
// .get(`${url}?page=${currentPage}&size=${pagination.pageSize}`)
|
if (res.code == 200) {
|
||||||
// .then((res) => {
|
tableType.data = res.data;
|
||||||
// if (res.code == 200) {
|
pagination.total = res.count;
|
||||||
// tableType.data = res.data;
|
dialogShow.value = true;
|
||||||
// pagination.total = res.count;
|
}
|
||||||
// dialogShow.value = true;
|
});
|
||||||
// }
|
|
||||||
// });
|
|
||||||
};
|
};
|
||||||
const close = () => {
|
const close = () => {
|
||||||
dialogShow.value = false;
|
dialogShow.value = false;
|
||||||
|
|
Loading…
Reference in New Issue