This commit is contained in:
parent
c6dbb977de
commit
ca2212401a
237
src/view/sy.vue
237
src/view/sy.vue
|
|
@ -229,9 +229,17 @@
|
||||||
<img class="sexMove" src="../assets/images/sy/sexImg.png" alt="" />
|
<img class="sexMove" src="../assets/images/sy/sexImg.png" alt="" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ePie2 style="margin-top: 20px" :list="data.ageRatio" v-if="showEchart"></ePie2>
|
<ePie2
|
||||||
|
style="margin-top: 20px"
|
||||||
|
:list="data.ageRatio"
|
||||||
|
v-if="showEchart"
|
||||||
|
></ePie2>
|
||||||
<div class="bt">
|
<div class="bt">
|
||||||
<ePie style="margin-bottom: 20px" :list="data.ageGroup" v-if="showEchart"></ePie>
|
<ePie
|
||||||
|
style="margin-bottom: 20px"
|
||||||
|
:list="data.ageGroup"
|
||||||
|
v-if="showEchart"
|
||||||
|
></ePie>
|
||||||
<div
|
<div
|
||||||
class="btList"
|
class="btList"
|
||||||
ref="mainRef"
|
ref="mainRef"
|
||||||
|
|
@ -267,52 +275,54 @@
|
||||||
政务服务
|
政务服务
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dailyActivity" v-if="choose == '1'">
|
<transition name="fade" mode="out-in" appear v-if="choose == '1'">
|
||||||
<div class="dailyActivityBox">
|
<div>
|
||||||
<div class="dailyActivitybottom">
|
<div class="dailyActivity" v-if="choose == '1'">
|
||||||
<img src="../assets/images/sy/dropDown.png" />
|
<div class="dailyActivityBox">
|
||||||
<span>浙里办平均日活</span>
|
<div class="dailyActivitybottom">
|
||||||
|
<img src="../assets/images/sy/dropDown.png" />
|
||||||
|
<span>浙里办平均日活</span>
|
||||||
|
</div>
|
||||||
|
<span style="margin-right: 20px">8135</span>
|
||||||
|
</div>
|
||||||
|
<div class="dailyActivityBox">
|
||||||
|
<div class="dailyActivitybottom">
|
||||||
|
<img src="../assets/images/sy/dropDown.png" />
|
||||||
|
<span>龙游通平均日活</span>
|
||||||
|
</div>
|
||||||
|
<span style="margin-right: 20px">9073</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<span style="margin-right: 20px">8135</span>
|
<el-table
|
||||||
</div>
|
:data="data.tableData"
|
||||||
<div class="dailyActivityBox">
|
style="width: 100%; height: 244px"
|
||||||
<div class="dailyActivitybottom">
|
class="table_border"
|
||||||
<img src="../assets/images/sy/dropDown.png" />
|
:row-style="rowState"
|
||||||
<span>龙游通平均日活</span>
|
:header-cell-style="tableHeaderColor"
|
||||||
</div>
|
v-if="choose == '1'"
|
||||||
<span style="margin-right: 20px">9073</span>
|
>
|
||||||
</div>
|
<el-table-column
|
||||||
</div>
|
prop="highFrequencyApp"
|
||||||
<el-table
|
label="高频应用"
|
||||||
:data="data.tableData"
|
width="132"
|
||||||
style="width: 100%; height: 244px"
|
/>
|
||||||
class="table_border"
|
|
||||||
:row-style="rowState"
|
|
||||||
:header-cell-style="tableHeaderColor"
|
|
||||||
v-if="choose == '1'"
|
|
||||||
>
|
|
||||||
<el-table-column
|
|
||||||
prop="highFrequencyApp"
|
|
||||||
label="高频应用"
|
|
||||||
width="132"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="monthlyVisits"
|
prop="monthlyVisits"
|
||||||
label="月访问量"
|
label="月访问量"
|
||||||
width="131"
|
width="131"
|
||||||
/>
|
/>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="highFrequencyApp1"
|
prop="highFrequencyApp1"
|
||||||
label="高频应用"
|
label="高频应用"
|
||||||
width="132"
|
width="132"
|
||||||
/>
|
/>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="monthlyVisits1"
|
prop="monthlyVisits1"
|
||||||
label="月访问量"
|
label="月访问量"
|
||||||
width="132"
|
width="132"
|
||||||
/>
|
/>
|
||||||
<!-- <el-table-column prop="finish" label="完成情况">
|
<!-- <el-table-column prop="finish" label="完成情况">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<div
|
<div
|
||||||
style="letter-spacing: 3px"
|
style="letter-spacing: 3px"
|
||||||
|
|
@ -322,65 +332,71 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column> -->
|
</el-table-column> -->
|
||||||
</el-table>
|
</el-table>
|
||||||
<div class="qyfw" v-if="choose == '2'">
|
</div></transition
|
||||||
<div
|
>
|
||||||
class="qyfw_item"
|
<transition name="fade" mode="out-in" appear v-if="choose == '2'">
|
||||||
v-for="(item, index) in qyfyList"
|
<div class="qyfw" v-if="choose == '2'">
|
||||||
:key="index"
|
<div
|
||||||
>
|
class="qyfw_item"
|
||||||
<img class="qyfw_item_left" :src="item.img" />
|
v-for="(item, index) in qyfyList"
|
||||||
<div class="qyfw_item_right">
|
:key="index"
|
||||||
<div class="name">{{ item.name }}</div>
|
>
|
||||||
<img class="line" src="@/assets/images/sy/zwfw_line.png" />
|
<img class="qyfw_item_left" :src="item.img" />
|
||||||
<div class="number">
|
<div class="qyfw_item_right">
|
||||||
<span>{{ item.value }}</span
|
<div class="name">{{ item.name }}</div>
|
||||||
>{{ item.dw }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="zwfw" v-if="choose == '3'">
|
|
||||||
<div class="shang">
|
|
||||||
<div class="shang_item">
|
|
||||||
<div class="title">一网通办事</div>
|
|
||||||
<div class="i">
|
|
||||||
<zwfw1 />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="shang_item">
|
|
||||||
<div class="title">超期受理率</div>
|
|
||||||
<div class="i">
|
|
||||||
<zwfw2 />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="shang_item">
|
|
||||||
<div class="title">超期办理率</div>
|
|
||||||
<div class="i">
|
|
||||||
<zwfw3 />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="xia">
|
|
||||||
<div class="xia_item">
|
|
||||||
<img class="left" src="@/assets/images/sy/zwfw_sl.png" />
|
|
||||||
<div class="right">
|
|
||||||
<div class="name">平均受理时长</div>
|
|
||||||
<img class="line" src="@/assets/images/sy/zwfw_line.png" />
|
<img class="line" src="@/assets/images/sy/zwfw_line.png" />
|
||||||
<div class="time"><span>0.22</span>小时</div>
|
<div class="number">
|
||||||
|
<span>{{ item.value }}</span
|
||||||
|
>{{ item.dw }}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="fgx"></div>
|
</div></transition
|
||||||
<div class="xia_item">
|
>
|
||||||
<img class="left" src="@/assets/images/sy/zwfw_bl.png" />
|
<transition name="fade" mode="out-in" appear v-if="choose == '3'">
|
||||||
<div class="right">
|
<div class="zwfw">
|
||||||
<div class="name">平均办理时长</div>
|
<div class="shang">
|
||||||
<img class="line" src="@/assets/images/sy/zwfw_line.png" />
|
<div class="shang_item">
|
||||||
<div class="time"><span>0.54</span>小时</div>
|
<div class="title">一网通办事</div>
|
||||||
|
<div class="i">
|
||||||
|
<zwfw1 />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="shang_item">
|
||||||
|
<div class="title">超期受理率</div>
|
||||||
|
<div class="i">
|
||||||
|
<zwfw2 />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="shang_item">
|
||||||
|
<div class="title">超期办理率</div>
|
||||||
|
<div class="i">
|
||||||
|
<zwfw3 />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="xia">
|
||||||
|
<div class="xia_item">
|
||||||
|
<img class="left" src="@/assets/images/sy/zwfw_sl.png" />
|
||||||
|
<div class="right">
|
||||||
|
<div class="name">平均受理时长</div>
|
||||||
|
<img class="line" src="@/assets/images/sy/zwfw_line.png" />
|
||||||
|
<div class="time"><span>0.22</span>小时</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="fgx"></div>
|
||||||
|
<div class="xia_item">
|
||||||
|
<img class="left" src="@/assets/images/sy/zwfw_bl.png" />
|
||||||
|
<div class="right">
|
||||||
|
<div class="name">平均办理时长</div>
|
||||||
|
<img class="line" src="@/assets/images/sy/zwfw_line.png" />
|
||||||
|
<div class="time"><span>0.54</span>小时</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</transition>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -624,7 +640,7 @@ import qyfw2 from "../assets/images/sy/rzbms.png";
|
||||||
import qyfw3 from "../assets/images/sy/shqys.png";
|
import qyfw3 from "../assets/images/sy/shqys.png";
|
||||||
import qyfw4 from "../assets/images/sy/dxje.png";
|
import qyfw4 from "../assets/images/sy/dxje.png";
|
||||||
//控制echart的显示
|
//控制echart的显示
|
||||||
const showEchart=ref(false)
|
const showEchart = ref(false);
|
||||||
// 详情弹框
|
// 详情弹框
|
||||||
const dialogShow = ref(false);
|
const dialogShow = ref(false);
|
||||||
const dialogShowEc = ref(false);
|
const dialogShowEc = ref(false);
|
||||||
|
|
@ -1272,7 +1288,7 @@ const getData = async () => {
|
||||||
data.jtsyList[4].key2_value =
|
data.jtsyList[4].key2_value =
|
||||||
res.data.transportation.highSpeedRail.passengerFlow;
|
res.data.transportation.highSpeedRail.passengerFlow;
|
||||||
}
|
}
|
||||||
showEchart.value=true;
|
showEchart.value = true;
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
//获取表格数据
|
//获取表格数据
|
||||||
|
|
@ -3069,4 +3085,23 @@ table {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
/* 渐变设置 */
|
||||||
|
.fade-enter-from,
|
||||||
|
.fade-leave-to {
|
||||||
|
transform: translateY(50px);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fade-enter-to,
|
||||||
|
.fade-leave-from {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fade-enter-active {
|
||||||
|
transition: all 1s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fade-leave-active {
|
||||||
|
transition: all 0.3s cubic-bezier(1, 0.6, 0.6, 1);
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue