This commit is contained in:
parent
9f8ce67f83
commit
e4c1baf971
380
src/view/sy.vue
380
src/view/sy.vue
|
|
@ -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
|
||||||
</div>
|
><span class="right"
|
||||||
<div
|
>{{ data.LivelihoodWelfare.zgylbxzsr }}万元</span
|
||||||
class="sr"
|
>
|
||||||
style="margin-top: 5px"
|
</div>
|
||||||
|
<div class="sr" style="margin-top: 5px">
|
||||||
|
<span class="left">支出：</span
|
||||||
|
><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
|
||||||
</div>
|
><span class="right"
|
||||||
<div
|
>{{ data.LivelihoodWelfare.gsbxzsr }}万元</span
|
||||||
class="sr"
|
>
|
||||||
style="margin-top: 5px"
|
</div>
|
||||||
|
<div class="sr" style="margin-top: 5px">
|
||||||
|
<span class="left">支出：</span
|
||||||
|
><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
|
||||||
</div>
|
><span class="right"
|
||||||
<div
|
>{{ data.LivelihoodWelfare.cxylbxzsr }}万元</span
|
||||||
class="sr"
|
>
|
||||||
style="margin-top: 5px"
|
</div>
|
||||||
|
<div class="sr" style="margin-top: 5px">
|
||||||
|
<span class="left">支出：</span
|
||||||
|
><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
|
||||||
</div>
|
><span class="right"
|
||||||
<div
|
>{{ data.LivelihoodWelfare.zgyilbxzsr }}万元</span
|
||||||
class="sr"
|
>
|
||||||
style="margin-top: 5px"
|
</div>
|
||||||
|
<div class="sr" style="margin-top: 5px">
|
||||||
|
<span class="left">支出：</span
|
||||||
|
><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
|
||||||
</div>
|
><span class="right"
|
||||||
<div
|
>{{ data.LivelihoodWelfare.cxyilbxzsr }}万元</span
|
||||||
class="sr"
|
>
|
||||||
style="margin-top: 5px"
|
</div>
|
||||||
|
<div class="sr" style="margin-top: 5px">
|
||||||
|
<span class="left">支出：</span
|
||||||
|
><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;
|
||||||
|
if (tableType.title == "医院卫生院") {
|
||||||
|
getTable2(tableType.url, pagination.currentPage);
|
||||||
|
} 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;
|
||||||
|
|
@ -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,13 +1136,15 @@ 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>
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue