xiangshan
/
ggfwjsc
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

This commit is contained in:
姚宇浩 2024-06-11 13:19:32 +08:00
parent 9f8ce67f83
commit e4c1baf971
2 changed files with 176 additions and 211 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

386
src/view/sy.vue
View File

@ -15,13 +15,16 @@
</div> </div>
<div class="item_content"> <div class="item_content">
<div class="sr"> <div class="sr">
<span class="left">收入：</span><span class="right">{{ data.LivelihoodWelfare.zgylbxzsr }}万元</span> <span class="left">收入：</span
><span class="right"
>{{ data.LivelihoodWelfare.zgylbxzsr }}万元</span
>
</div> </div>
<div <div class="sr" style="margin-top: 5px">
class="sr" <span class="left">支出：</span
style="margin-top: 5px" ><span class="right"
> >{{ data.LivelihoodWelfare.zgylbxzzc }}万元</span
<span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.zgylbxzzc }}万元</span> >
</div> </div>
</div> </div>
</div> </div>
@ -29,13 +32,16 @@
<div class="item_title"><span class="blue">工伤</span>保险</div> <div class="item_title"><span class="blue">工伤</span>保险</div>
<div class="item_content"> <div class="item_content">
<div class="sr"> <div class="sr">
<span class="left">收入：</span><span class="right">{{ data.LivelihoodWelfare.gsbxzsr }}万元</span> <span class="left">收入：</span
><span class="right"
>{{ data.LivelihoodWelfare.gsbxzsr }}万元</span
>
</div> </div>
<div <div class="sr" style="margin-top: 5px">
class="sr" <span class="left">支出：</span
style="margin-top: 5px" ><span class="right"
> >{{ data.LivelihoodWelfare.gsbxzzc }}万元</span
<span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.gsbxzzc }}万元</span> >
</div> </div>
</div> </div>
</div> </div>
@ -45,13 +51,16 @@
</div> </div>
<div class="item_content"> <div class="item_content">
<div class="sr"> <div class="sr">
<span class="left">收入：</span><span class="right">{{ data.LivelihoodWelfare.cxylbxzsr }}万元</span> <span class="left">收入：</span
><span class="right"
>{{ data.LivelihoodWelfare.cxylbxzsr }}万元</span
>
</div> </div>
<div <div class="sr" style="margin-top: 5px">
class="sr" <span class="left">支出：</span
style="margin-top: 5px" ><span class="right"
> >{{ data.LivelihoodWelfare.cxylbxzzc }}万元</span
<span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.cxylbxzzc }}万元</span> >
</div> </div>
</div> </div>
</div> </div>
@ -61,13 +70,16 @@
</div> </div>
<div class="item_content"> <div class="item_content">
<div class="sr"> <div class="sr">
<span class="left">收入：</span><span class="right">{{ data.LivelihoodWelfare.zgyilbxzsr }}万元</span> <span class="left">收入：</span
><span class="right"
>{{ data.LivelihoodWelfare.zgyilbxzsr }}万元</span
>
</div> </div>
<div <div class="sr" style="margin-top: 5px">
class="sr" <span class="left">支出：</span
style="margin-top: 5px" ><span class="right"
> >{{ data.LivelihoodWelfare.zgyilbxzzc }}万元</span
<span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.zgyilbxzzc }}万元</span> >
</div> </div>
</div> </div>
</div> </div>
@ -77,13 +89,16 @@
</div> </div>
<div class="item_content"> <div class="item_content">
<div class="sr"> <div class="sr">
<span class="left">收入：</span><span class="right">{{ data.LivelihoodWelfare.cxyilbxzsr }}万元</span> <span class="left">收入：</span
><span class="right"
>{{ data.LivelihoodWelfare.cxyilbxzsr }}万元</span
>
</div> </div>
<div <div class="sr" style="margin-top: 5px">
class="sr" <span class="left">支出：</span
style="margin-top: 5px" ><span class="right"
> >{{ data.LivelihoodWelfare.cxyilbxzzc }}万元</span
<span class="left">支出：</span><span class="right">{{ data.LivelihoodWelfare.cxyilbxzzc }}万元</span> >
</div> </div>
</div> </div>
</div> </div>
@ -100,10 +115,7 @@
</div> </div>
</div> </div>
</div> </div>
<div <div class="flex1" style="margin-top: 10px">
class="flex1"
style="margin-top: 10px"
>
<div class="yd_title left_2"> <div class="yd_title left_2">
<div class="animate-border"> <div class="animate-border">
<i></i> <i></i>
@ -128,41 +140,35 @@
<div class="left_2_bottom_item"> <div class="left_2_bottom_item">
<div class="left_2_bottom_item_shang"> <div class="left_2_bottom_item_shang">
<div class="left"> <div class="left">
<span class="span1">{{ jysyList[0].title }}</span>学校师生比 <span class="span1">{{ jysyList[0].title }}</span
>学校师生比
</div> </div>
<div class="right"> <div class="right">
<span class="span1">{{ jysyList[0].teacher }}</span>:{{ jysyList[0].student }} <span class="span1">{{ jysyList[0].teacher }}</span
>:{{ jysyList[0].student }}
</div> </div>
</div> </div>
<div class="left_2_bottom_item_xia"> <div class="left_2_bottom_item_xia">
<div <div class="csbl" :style="cs"></div>
class="csbl"
:style="cs"
></div>
</div> </div>
</div> </div>
<div class="left_2_bottom_item"> <div class="left_2_bottom_item">
<div class="left_2_bottom_item_shang"> <div class="left_2_bottom_item_shang">
<div class="left"> <div class="left">
<span class="span2">{{ jysyList[1].title }}</span>学校师生比 <span class="span2">{{ jysyList[1].title }}</span
>学校师生比
</div> </div>
<div class="right"> <div class="right">
{{ jysyList[1].teacher }}:{{ jysyList[1].student }} {{ jysyList[1].teacher }}:{{ jysyList[1].student }}
</div> </div>
</div> </div>
<div class="left_2_bottom_item_xia"> <div class="left_2_bottom_item_xia">
<div <div class="ncbl" :style="nc"></div>
class="ncbl"
:style="nc"
></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div <div class="flex1" style="margin-top: 10px">
class="flex1"
style="margin-top: 10px"
>
<div class="yd_title left_3"> <div class="yd_title left_3">
<div class="animate-border"> <div class="animate-border">
<i></i> <i></i>
@ -207,47 +213,24 @@
/> />
<div class="people_total_item left"> <div class="people_total_item left">
<div class="number">{{ data.PopulationData.man }}</div> <div class="number">{{ data.PopulationData.man }}</div>
<img <img src="../assets/images/sy/man.png" alt="" />
src="../assets/images/sy/man.png"
alt=""
/>
<div class="sex">男性人口</div> <div class="sex">男性人口</div>
<img <img class="sexMove" src="../assets/images/sy/sexImg.png" alt="" />
class="sexMove"
src="../assets/images/sy/sexImg.png"
alt=""
/>
</div> </div>
<div class="people_total_item2 center"> <div class="people_total_item2 center">
<img <img src="../assets/images/sy/people_total.png" alt="" />
src="../assets/images/sy/people_total.png"
alt=""
/>
<div class="number">{{ data.PopulationData.rkzs }}</div> <div class="number">{{ data.PopulationData.rkzs }}</div>
<div class="total">人口总数</div> <div class="total">人口总数</div>
</div> </div>
<div class="people_total_item right"> <div class="people_total_item right">
<div class="number">{{ data.PopulationData.woman }}</div> <div class="number">{{ data.PopulationData.woman }}</div>
<img <img src="../assets/images/sy/woman.png" alt="" />
src="../assets/images/sy/woman.png"
alt=""
/>
<div class="sex">女性人口</div> <div class="sex">女性人口</div>
<img <img class="sexMove" src="../assets/images/sy/sexImg.png" alt="" />
class="sexMove"
src="../assets/images/sy/sexImg.png"
alt=""
/>
</div> </div>
</div> </div>
<ePie2 <ePie2 style="margin-top: 20px" :list="data.ageRatio"></ePie2>
style="margin-top: 20px" <ePie style="margin-bottom: 20px" :list="data.ageGroup"></ePie>
:list="data.ageRatio"
></ePie2>
<ePie
style="margin-bottom: 20px"
:list="data.ageGroup"
></ePie>
<div class="table"> <div class="table">
<div class="table_choose"> <div class="table_choose">
<div <div
@ -277,20 +260,13 @@
:header-cell-style="tableHeaderColor" :header-cell-style="tableHeaderColor"
v-if="choose == '1'" v-if="choose == '1'"
> >
<el-table-column <el-table-column prop="company" label="企业名称" width="200" />
prop="company"
label="企业名称"
width="200"
/>
<el-table-column <el-table-column
prop="address" prop="address"
label="项目事项牵头单位" label="项目事项牵头单位"
width="200" width="200"
/> />
<el-table-column <el-table-column prop="finish" label="完成情况">
prop="finish"
label="完成情况"
>
<template #default="scope"> <template #default="scope">
<div <div
style="letter-spacing: 3px" style="letter-spacing: 3px"
@ -301,35 +277,24 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div <div class="qyfw" v-if="choose == '2'">
class="qyfw"
v-if="choose == '2'"
>
<div <div
class="qyfw_item" class="qyfw_item"
v-for="(item, index) in qyfyList" v-for="(item, index) in qyfyList"
:key="index" :key="index"
> >
<img <img class="qyfw_item_left" :src="item.img" />
class="qyfw_item_left"
:src="item.img"
/>
<div class="qyfw_item_right"> <div class="qyfw_item_right">
<div class="name">{{ item.name }}</div> <div class="name">{{ item.name }}</div>
<img <img class="line" src="@/assets/images/sy/zwfw_line.png" />
class="line"
src="@/assets/images/sy/zwfw_line.png"
/>
<div class="number"> <div class="number">
<span>{{ item.value }}</span>{{ item.dw }} <span>{{ item.value }}</span
>{{ item.dw }}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div <div class="zwfw" v-if="choose == '3'">
class="zwfw"
v-if="choose == '3'"
>
<div class="shang"> <div class="shang">
<div class="shang_item"> <div class="shang_item">
<div class="title">一网通办事</div> <div class="title">一网通办事</div>
@ -352,31 +317,19 @@
</div> </div>
<div class="xia"> <div class="xia">
<div class="xia_item"> <div class="xia_item">
<img <img class="left" src="@/assets/images/sy/zwfw_sl.png" />
class="left"
src="@/assets/images/sy/zwfw_sl.png"
/>
<div class="right"> <div class="right">
<div class="name">平均受理时长</div> <div class="name">平均受理时长</div>
<img <img class="line" src="@/assets/images/sy/zwfw_line.png" />
class="line"
src="@/assets/images/sy/zwfw_line.png"
/>
<div class="time"><span>0.22</span>小时</div> <div class="time"><span>0.22</span>小时</div>
</div> </div>
</div> </div>
<div class="fgx"></div> <div class="fgx"></div>
<div class="xia_item"> <div class="xia_item">
<img <img class="left" src="@/assets/images/sy/zwfw_bl.png" />
class="left"
src="@/assets/images/sy/zwfw_bl.png"
/>
<div class="right"> <div class="right">
<div class="name">平均办理时长</div> <div class="name">平均办理时长</div>
<img <img class="line" src="@/assets/images/sy/zwfw_line.png" />
class="line"
src="@/assets/images/sy/zwfw_line.png"
/>
<div class="time"><span>0.54</span>小时</div> <div class="time"><span>0.54</span>小时</div>
</div> </div>
</div> </div>
@ -398,16 +351,14 @@
class="ylws_item" class="ylws_item"
v-for="(item, index) in data.ylwsList" v-for="(item, index) in data.ylwsList"
:key="index" :key="index"
@click="showDialog2(item.name, '')"
> >
<div class="name">{{ item.name }}</div> <div class="name">{{ item.name }}</div>
<div class="value">{{ item.value }}</div> <div class="value">{{ item.value }}</div>
</div> </div>
</div> </div>
</div> </div>
<div <div class="flex1" style="margin-top: 10px">
class="flex1"
style="margin-top: 10px"
>
<div class="yd_title service"> <div class="yd_title service">
<div class="animate-border"> <div class="animate-border">
<i></i> <i></i>
@ -427,10 +378,7 @@
</div> </div>
</div> </div>
</div> </div>
<div <div class="flex1" style="margin-top: 10px">
class="flex1"
style="margin-top: 10px"
>
<div class="yd_title last"> <div class="yd_title last">
<div class="animate-border"> <div class="animate-border">
<i></i> <i></i>
@ -455,10 +403,7 @@
</div> </div>
</div> </div>
</div> </div>
<div <div class="flex1" style="margin-top: 10px">
class="flex1"
style="margin-top: 10px"
>
<div class="yd_title last_1"> <div class="yd_title last_1">
<div class="animate-border"> <div class="animate-border">
<i></i> <i></i>
@ -487,15 +432,8 @@
<div class="jtsyBox"> <div class="jtsyBox">
<div class="jtsyBoxtop"> <div class="jtsyBoxtop">
<div class="jtsyBoxtop1" @click="showEc('公共自行车')"> <div class="jtsyBoxtop1" @click="showEc('公共自行车')">
<img <img :src="data.jtsyList[0].img" alt="" />
:src="data.jtsyList[0].img" <img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
alt=""
/>
<img
src="../assets/images/sy/jtsy.gif"
class="turn"
alt=""
/>
<div> <div>
<div class="jtsyname">{{ data.jtsyList[0].name }}</div> <div class="jtsyname">{{ data.jtsyList[0].name }}</div>
<div class="jtsytext"> <div class="jtsytext">
@ -509,15 +447,8 @@
</div> </div>
</div> </div>
<div class="jtsyBoxtop1"> <div class="jtsyBoxtop1">
<img <img :src="data.jtsyList[1].img" alt="" />
:src="data.jtsyList[1].img" <img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
alt=""
/>
<img
src="../assets/images/sy/jtsy.gif"
class="turn"
alt=""
/>
<div> <div>
<div class="jtsyname">{{ data.jtsyList[1].name }}</div> <div class="jtsyname">{{ data.jtsyList[1].name }}</div>
<div class="jtsytext"> <div class="jtsytext">
@ -533,15 +464,8 @@
</div> </div>
<div class="jtsyBoxbot"> <div class="jtsyBoxbot">
<div class="jtsyBoxtop1" @click="showTab('公共汽车')"> <div class="jtsyBoxtop1" @click="showTab('公共汽车')">
<img <img :src="data.jtsyList[2].img" alt="" />
:src="data.jtsyList[2].img" <img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
alt=""
/>
<img
src="../assets/images/sy/jtsy.gif"
class="turn"
alt=""
/>
<div> <div>
<div class="jtsyname">{{ data.jtsyList[2].name }}</div> <div class="jtsyname">{{ data.jtsyList[2].name }}</div>
<div class="jtsytext"> <div class="jtsytext">
@ -555,15 +479,8 @@
</div> </div>
</div> </div>
<div class="jtsyBoxtop1"> <div class="jtsyBoxtop1">
<img <img :src="data.jtsyList[3].img" alt="" />
:src="data.jtsyList[3].img" <img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
alt=""
/>
<img
src="../assets/images/sy/jtsy.gif"
class="turn"
alt=""
/>
<div> <div>
<div class="jtsyname">{{ data.jtsyList[3].name }}</div> <div class="jtsyname">{{ data.jtsyList[3].name }}</div>
<div class="jtsytext"> <div class="jtsytext">
@ -577,15 +494,8 @@
</div> </div>
</div> </div>
<div class="jtsyBoxtop1"> <div class="jtsyBoxtop1">
<img <img :src="data.jtsyList[4].img" alt="" />
:src="data.jtsyList[4].img" <img src="../assets/images/sy/jtsy.gif" class="turn" alt="" />
alt=""
/>
<img
src="../assets/images/sy/jtsy.gif"
class="turn"
alt=""
/>
<div> <div>
<div class="jtsyname">{{ data.jtsyList[4].name }}</div> <div class="jtsyname">{{ data.jtsyList[4].name }}</div>
<div class="jtsytext"> <div class="jtsytext">
@ -799,6 +709,28 @@ const columnss = reactive({
}, },
], ],
}); });
const ylws_columns = ref([
{
label: "医院名称",
property: "name",
},
{
label: "医生数",
property: "ys",
},
{
label: "护士数",
property: "hs",
},
{
label: "家庭医生签约数",
property: "jtysqys",
},
{
label: "床位数",
property: "cws",
},
]);
const tableType = reactive({ const tableType = reactive({
url: "", url: "",
title: "", title: "",
@ -813,7 +745,11 @@ const pagination = reactive({
}); });
const handlePagination = (current) => { const handlePagination = (current) => {
pagination.currentPage = current; pagination.currentPage = current;
getTable(tableType.url, pagination.currentPage); if (tableType.title == "医院卫生院") {
getTable2(tableType.url, pagination.currentPage);
} else {
getTable(tableType.url, pagination.currentPage);
}
}; };
const showDialog = (title, url) => { const showDialog = (title, url) => {
tableType.title = title; tableType.title = title;
@ -827,21 +763,34 @@ const close = () => {
dialogShow.value = false; dialogShow.value = false;
dialogShowEc.value = false; dialogShowEc.value = false;
dialogShowTab.value = false; dialogShowTab.value = false;
pagination.currentPage = 1;
pagination.total=100;
}; };
//医疗卫生
const showDialog2 = (title, url) => {
if (title == "医院卫生院") {
tableType.title = title;
tableType.url = url;
tableType.columns = ylws_columns.value;
getTable2(url, pagination.currentPage);
}
};
// 交通事业-自行车，电动车 // 交通事业-自行车，电动车
const dataEc = reactive({ const dataEc = reactive({
title: '', title: "",
list1: [], list1: [],
list2: [], list2: [],
year: [], year: [],
}) });
// 交通事业-公交，高铁，大巴 // 交通事业-公交，高铁，大巴
const dataTab = reactive({ const dataTab = reactive({
title: '', title: "",
list1: [], list1: [],
list2: [], list2: [],
year: [], year: [],
columns: [{ columns: [
{
label: "班次", label: "班次",
property: "bc", property: "bc",
}, },
@ -852,9 +801,10 @@ const dataTab = reactive({
{ {
label: "始发时间", label: "始发时间",
property: "time", property: "time",
},], },
],
data: [], data: [],
}) });
const data = reactive({ const data = reactive({
PopulationData: { PopulationData: {
@ -1186,14 +1136,16 @@ const jtsyList = ref([
// 县城学校师生比样式 // 县城学校师生比样式
const cs = computed(() => { const cs = computed(() => {
let str = `--teacher: ${jysyList.value[0].teacher}; --total: ${jysyList.value[0].teacher + jysyList.value[0].student let str = `--teacher: ${jysyList.value[0].teacher}; --total: ${
}`; jysyList.value[0].teacher + jysyList.value[0].student
}`;
return str; return str;
}); });
// 农村学校师生比样式 // 农村学校师生比样式
const nc = computed(() => { const nc = computed(() => {
let str = `--teacher: ${jysyList.value[1].teacher}; --total: ${jysyList.value[1].teacher + jysyList.value[1].student let str = `--teacher: ${jysyList.value[1].teacher}; --total: ${
}`; jysyList.value[1].teacher + jysyList.value[1].student
}`;
return str; return str;
}); });
// 服务表格样式 // 服务表格样式
@ -1360,6 +1312,18 @@ const getTable = (url, currentPage) => {
} }
}); });
}; };
const getTable2 = (url, currentPage) => {
dialogShow.value = true;
// http
// .get(`${url}?page=${currentPage}&size=${pagination.pageSize}`)
// .then((res) => {
// if (res.code == 200) {
// tableType.data = res.data;
// pagination.total = res.count;
// dialogShow.value = true;
// }
// });
};
//企业服务 //企业服务
const qyfyList = reactive([ const qyfyList = reactive([
{ {
@ -1393,35 +1357,35 @@ onBeforeMount(async () => {
// 交通事业弹框 // 交通事业弹框
const showEc = (val) => { const showEc = (val) => {
dataEc.title = val dataEc.title = val;
dataEc.list1 = [1,2,3,4,5,6,7,8,9,10,11,122] dataEc.list1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 122];
dataEc.list2 = [1,2,3,4,5,6,7,8,9,10,11,112] dataEc.list2 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 112];
dataEc.year = [1,2,3,4,5,6,7,8,9,10,11,12] dataEc.year = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
dialogShowEc.value = true dialogShowEc.value = true;
} };
const showTab = (val) => { const showTab = (val) => {
dataTab.title = val dataTab.title = val;
dataTab.list1 = [1,2,3,4,5,6,7,8,9,10,11,122] dataTab.list1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 122];
dataTab.year = [1,2,3,4,5,6,7,8,9,10,11,12] dataTab.year = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
dataTab.data = [ dataTab.data = [
{ {
bc: 'G13214', bc: "G13214",
sfzd: 'A-B', sfzd: "A-B",
time: '2024-06-11' time: "2024-06-11",
}, },
{ {
bc: 'G13214', bc: "G13214",
sfzd: 'A-B', sfzd: "A-B",
time: '2024-06-11' time: "2024-06-11",
}, },
{ {
bc: 'G13214', bc: "G13214",
sfzd: 'A-B', sfzd: "A-B",
time: '2024-06-11' time: "2024-06-11",
} },
] ];
dialogShowTab.value = true dialogShowTab.value = true;
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

1
src/view/yl.vue
View File

@ -394,6 +394,7 @@ const getTable = (url, currentPage) => {
const close = () => { const close = () => {
dialogShow.value = false; dialogShow.value = false;
pagination.currentPage = 1; pagination.currentPage = 1;
pagination.total = 100;
}; };
const handlePagination = (current) => { const handlePagination = (current) => {
pagination.currentPage = current; pagination.currentPage = current;