Skip to content

C
civil-front
Commit 2a15e973 by 李耀琨
Options

页面广西

parent fe4104d1
Showing with 88 additions and 69 deletions
src/layout/components/Sidebar/Logo.vue
......@@ -2,11 +2,11 @@
<div class="sidebar-logo-container" :class="{'collapse':collapse}">
<transition name="sidebarLogoFade">
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
<img v-if="logo" :src="logo" class="sidebar-logo">
<h1 v-else class="sidebar-title">{{ title }} </h1>
<!-- <img v-if="logo" :src="logo" class="sidebar-logo"> -->
<!-- <h1 v-else class="sidebar-title">{{ title }} </h1> -->
</router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
<img v-if="logo" :src="logo" class="sidebar-logo">
<!-- <img v-if="logo" :src="logo" class="sidebar-logo"> -->
<h1 class="sidebar-title">{{ title }} </h1>
</router-link>
</transition>
......@@ -25,7 +25,7 @@ export default {
},
data() {
return {
title: '广西民政决策分析',
title: '民政数据分析系统',
logo: Logo
}
}
......
src/settings.js
......@@ -2,7 +2,7 @@ module.exports = {
/**
* @description 网站标题
*/
title: 'EL-ADMIN',
title: '民政数据分析系统',
/**
* @description 是否显示 tagsView
*/
......@@ -34,11 +34,11 @@ module.exports = {
/**
* @description 是否显示logo
*/
sidebarLogo: true,
sidebarLogo: false,
/**
* 是否显示设置的底部信息
*/
showFooter: true,
showFooter: false,
/**
* 底部文字，支持html语法
*/
......
src/views/home.vue
......@@ -29,6 +29,8 @@
</router-link>
</div>
</div>
<div class="footerTxt">©2021 广西壮族自治区民政厅 版权所有
</div>
</div>
</template>
......@@ -95,6 +97,13 @@ export default {
</script>
<style lang="scss" scoped>
.footerTxt{
margin-top: 50px;
color: #fff;
width: 100%;
text-align: center;
font-size: 16px;
}
.dataList-img {
width: 50px;
}
......
src/views/login.vue
......@@ -2,7 +2,7 @@
<div class="login" :style="'background-image:url('+ Background +');'">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-position="left" label-width="0px" class="login-form">
<h3 class="title">
广西民政决策分析
民政数据分析系统
</h3>
<el-form-item prop="username">
<el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
......
src/views/population/population.vue
......@@ -6,7 +6,7 @@
</el-col>
<el-col :span="8">
<div class="topTitle">广西民政人口专题分析</div>
<div class="topTitle">民政数据分析系统</div>
</el-col>
<el-col :span="8">
......
src/views/unified/entrance.vue
......@@ -45,6 +45,9 @@
</div>
</el-col>
</el-row>
<div class="footerTxt">©2021 广西壮族自治区民政厅 版权所有
</div>
</div>
</template>
......@@ -102,10 +105,11 @@ export default {
},
created(){
if (this.$route.query == {}) {
this.TapId = '0'
}else{
console.log('值',this.$route.query);
this.TapId = this.$route.query.params
}else{
this.TapId = '0'
}
},
......@@ -125,6 +129,14 @@ export default {
</script>
<style lang="scss" scoped>
.footerTxt{
margin-top: 20px;
color: #fff;
width: 100%;
text-align: center;
font-size: 16px;
}
.switchMa{
margin: 0 10px;
background-color: #0b0f4e;
......
src/views/unified/tapSwitch/childWelfare.vue
......@@ -11,7 +11,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">儿童福利机构汇总</div>
<div class="titleHead">儿童福利机构汇总</div>
<div class="socialOrganizationFlex">
<div class="textLefts">收养总数</div>
<div>
......@@ -54,7 +54,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">机构占比</div>
<div class="titleHead">机构占比</div>
<div id="proportion" class="proportion"></div>
</div>
</el-col>
......@@ -70,7 +70,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">当前选择：广西全区</div>
<div class="titleHead">当前选择：广西全区</div>
<div class="childWelfareMap" id="childWelfareMap"></div>
<a class="returnInfos" @click="returnInfo">返回上一级</a>
</div>
......@@ -84,7 +84,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">年度按月份统计</div>
<div class="titleHead">年度按月份统计</div>
<div id="annualStatistics" class="annualStatistics"></div>
</div>
</el-col>
......@@ -100,7 +100,7 @@
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="wiansInfo">
<div class="title">婚姻统计</div>
<div class="titleHead">婚姻统计</div>
<el-input
type="text"
placeholder="身份证或者姓名查询"
......@@ -653,7 +653,7 @@ bottom: -2px;
height: 220px;
}
.title {
.titleHead {
height: 30px;
font-size: 16px;
line-height: 32px;
......
src/views/unified/tapSwitch/marriage.vue
......@@ -30,7 +30,7 @@
alt=""
class="lowerRight"
/>
<div class="title">婚姻统计</div>
<div class="titleHead">婚姻统计</div>
<div class="socialOrganizationFlex">
<div class="text">共</div>
<div>
......@@ -68,7 +68,7 @@
alt=""
class="lowerRight"
/>
<div class="title">婚姻统计</div>
<div class="titleHead">婚姻统计</div>
<div class="marriageStatistics">
<div class="flexBox">
<!-- <div class="imgBox"></div> -->
......@@ -154,7 +154,7 @@
alt=""
class="lowerRight"
/>
<div class="title">
<div class="titleHead">
当前选择：广西全区
<el-select
v-model="value"
......@@ -200,7 +200,7 @@
alt=""
class="lowerRight"
/>
<div class="title">年度按月份统计</div>
<div class="titleHead">年度按月份统计</div>
<div id="annualStatistics" class="annualStatistics"></div>
</div>
</el-col>
......@@ -231,7 +231,7 @@
class="lowerRight"
/>
<div class="wiansInfo">
<div class="title">婚姻统计</div>
<div class="titleHead">婚姻统计</div>
<el-input
type="text"
placeholder="身份证或者姓名查询"
......@@ -511,7 +511,7 @@ export default {
option = {
backgroundColor: "#082C61",
title: {
titleHead: {
left: "3%",
top: "8%",
text: "5年结婚/离婚统计(对)",
......@@ -829,9 +829,7 @@ export default {
</script>
<style lang="scss" scoped>
.qqq {
width: 20px;
}
::v-deep {
.el-input__inner {
background-color: #051d3f;
......@@ -890,7 +888,7 @@ export default {
height: 240px;
}
.title {
.titleHead {
height: 30px;
font-size: 16px;
line-height: 32px;
......
src/views/unified/tapSwitch/mechanism.vue
......@@ -27,7 +27,7 @@
alt=""
class="lowerRight"
/>
<div class="title">儿童福利机构</div>
<div class="titleHead">儿童福利机构</div>
<div class="mechanismNum">1000个</div>
<div id="children" class="children"></div>
<div></div>
......@@ -58,7 +58,7 @@
alt=""
class="lowerRight"
/>
<div class="title">养老机构</div>
<div class="titleHead">养老机构</div>
<div class="mechanismNum">{{ nursingFacilityNum }}</div>
<div class="pension" id="pension"></div>
</div>
......@@ -92,7 +92,7 @@
class="lowerRight"
/>
<div class="wians">
<div class="title">当前选择：广西全区</div>
<div class="titleHead">当前选择：广西全区</div>
<div class="mechanismMap" id="mechanismMap"></div>
<a class="returnInfos" @click="returnInfo">返回上一级</a>
</div>
......@@ -122,7 +122,7 @@
class="lowerRight"
/>
<div class="wians">
<div class="title">敬老院</div>
<div class="titleHead">敬老院</div>
<div class="mechanismNum">{{ beadhouseNum }}</div>
<div class="datalist">
<el-table
......@@ -178,7 +178,7 @@
alt=""
class="lowerRight"
/>
<div class="title">社会组织</div>
<div class="titleHead">社会组织</div>
<el-row :gutter="20">
<el-col :span="6">
<br />
......@@ -921,7 +921,7 @@ export default {
height: 260px;
}
.title {
.titleHead {
height: 30px;
font-size: 16px;
line-height: 32px;
......
src/views/unified/tapSwitch/population.vue
......@@ -28,7 +28,7 @@
alt=""
class="lowerRight"
/>
<div class="title">婚姻登记分析</div>
<div class="titleHead">婚姻登记分析</div>
<el-row :gutter="20" justify="center">
<el-col :span="12">
<el-row justify="center">
......@@ -88,7 +88,7 @@
alt=""
class="lowerRight"
/>
<div class="title">儿童福利统计</div>
<div class="titleHead">儿童福利统计</div>
<el-row :gutter="20">
<el-col :span="12">
<div class="rescue">
......@@ -134,7 +134,7 @@
alt=""
class="lowerRight"
/>
<div class="title">当前选择：广西全区</div>
<div class="titleHead">当前选择：广西全区</div>
<div class="populationMap" id="populationMap"></div>
<a class="returnInfos" @click="returnInfo">返回上一级</a>
</div>
......@@ -164,7 +164,7 @@
alt=""
class="lowerRight"
/>
<div class="title">残疾人两项补贴</div>
<div class="titleHead">残疾人两项补贴</div>
<div id="annualStatistics" class="annualStatistics"></div>
</div>
</el-col>
......@@ -196,7 +196,7 @@
alt=""
class="lowerRight"
/>
<div class="title">社会救助对象统计</div>
<div class="titleHead">社会救助对象统计</div>
<el-row :gutter="20">
<el-col :span="12">
<div class="rescue">
......@@ -242,7 +242,7 @@
alt=""
class="lowerRight"
/>
<div class="title">殡葬火化统计</div>
<div class="titleHead">殡葬火化统计</div>
<div id="proportion" class="proportion"></div>
</div>
</el-col>
......@@ -653,7 +653,7 @@ export default {
option = {
backgroundColor: "#082C61",
title: {
titleHead: {
left: "3%",
top: "8%",
text: "5年结婚/离婚统计(对)",
......@@ -763,7 +763,7 @@ export default {
option = {
backgroundColor: "#082C61",
title: {
titleHead: {
left: "3%",
top: "8%",
text: "3年救助统计",
......@@ -1201,7 +1201,7 @@ export default {
height: 240px;
}
.title {
.titleHead {
height: 30px;
font-size: 16px;
line-height: 32px;
......
src/views/unified/tapSwitch/provide.vue
......@@ -11,7 +11,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">火化量汇总</div>
<div class="titleHead">火化量汇总</div>
<div class="provideFlex">
<div class="text">火化总数</div>
<div>
......@@ -41,7 +41,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">火化率统计</div>
<div class="titleHead">火化率统计</div>
<div id="proportion" class="proportion"></div>
</div>
</el-col>
......@@ -57,7 +57,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">当前选择：广西全区</div>
<div class="titleHead">当前选择：广西全区</div>
<div class="provideMap" id="provideMap"></div>
<a class="returnInfos" @click="returnInfo">返回上一级</a>
</div>
......@@ -71,7 +71,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">火化区域分析</div>
<div class="titleHead">火化区域分析</div>
<div id="annualStatistics" class="annualStatistics"></div>
</div>
</el-col>
......@@ -88,7 +88,7 @@
<div class="wiansInfo">
<div class="title">火化信息查询</div>
<div class="titleHead">火化信息查询</div>
<el-input
type="text"
placeholder="身份证或者姓名查询"
......@@ -687,7 +687,7 @@ bottom: -2px;
height: 240px;
}
.title {
.titleHead {
height: 30px;
font-size: 16px;
line-height: 32px;
......
src/views/unified/tapSwitch/socialAssistance.vue
......@@ -11,7 +11,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">三年享受低保人数</div>
<div class="titleHead">三年享受低保人数</div>
<div class="display">
<div>
<div class="flex">
......@@ -45,7 +45,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">三年享受低保资金</div>
<div class="titleHead">三年享受低保资金</div>
<div class="display">
<div>
<div class="flex">
......@@ -89,7 +89,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">当前选择：广西全区</div>
<div class="titleHead">当前选择：广西全区</div>
<div class="socialAssistanceMap" id="socialAssistanceMap"></div>
<a class="returnInfos" @click="returnInfo">返回上一级</a>
</div>
......@@ -103,7 +103,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">农村城市低保人数统计</div>
<div class="titleHead">农村城市低保人数统计</div>
<div id="ruralAndcity" class="ruralAndcity"></div>
</div>
</el-col>
......@@ -119,7 +119,7 @@
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="wiansInfo">
<div class="title">低保对象查询</div>
<div class="titleHead">低保对象查询</div>
<el-input
type="text"
placeholder="身份证或者姓名查询"
......@@ -426,7 +426,7 @@ export default {
option = {
backgroundColor: "#082C61",
title: {},
titleHead: {},
tooltip: {
trigger: "axis",
},
......@@ -529,7 +529,7 @@ export default {
option = {
backgroundColor: "#082C61",
title: {},
titleHead: {},
tooltip: {
trigger: "axis",
},
......@@ -880,7 +880,7 @@ bottom: -2px;
height: 260px;
}
.title {
.titleHead {
height: 30px;
font-size: 16px;
line-height: 32px;
......
src/views/unified/tapSwitch/socialOrganization.vue
......@@ -11,7 +11,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">社会组织汇总</div>
<div class="titleHead">社会组织汇总</div>
<div class="socialOrganizationFlex">
<div class="text">社会组织总数</div>
<div>
......@@ -59,7 +59,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">区域占比</div>
<div class="titleHead">区域占比</div>
<div id="proportion" class="proportion"></div>
</div>
</el-col>
......@@ -75,7 +75,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">当前选择：广西全区</div>
<div class="titleHead">当前选择：广西全区</div>
<div
class="socialOrganizationMap"
id="socialOrganizationMap"
......@@ -92,7 +92,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">年度按月份统计</div>
<div class="titleHead">年度按月份统计</div>
<el-row :gutter="20">
<el-col :span="6">
<br />
......@@ -138,7 +138,7 @@
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="wiansInfo">
<div class="title">婚姻统计</div>
<div class="titleHead">婚姻统计</div>
<el-input
type="text"
placeholder="请输入组织代码或名称查询"
......@@ -769,7 +769,7 @@ bottom: -2px;
height: 260px;
}
.title {
.titleHead {
height: 30px;
font-size: 16px;
line-height: 32px;
......
src/views/unified/tapSwitch/subsidies.vue
......@@ -11,7 +11,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">三年贫困残疾资金发放</div>
<div class="titleHead">三年贫困残疾资金发放</div>
<div class="display">
<div>
<div class="flex">
......@@ -43,7 +43,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">残疾人比例</div>
<div class="titleHead">残疾人比例</div>
<div
class="subsidiesBox"
v-for="(item, index) in disabledLevelStats"
......@@ -75,7 +75,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">当前选择：广西全区</div>
<div class="titleHead">当前选择：广西全区</div>
<div class="subsidiesMap" id="subsidiesMap"></div>
<a class="returnInfos" @click="returnInfo">返回上一级</a>
</div>
......@@ -89,7 +89,7 @@
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="title">农村城市低保人数统计</div>
<div class="titleHead">农村城市低保人数统计</div>
<div id="ruralAndcity" class="ruralAndcity"></div>
</div>
</el-col>
......@@ -105,7 +105,7 @@
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<div class="wiansInfo">
<div class="title">婚姻统计</div>
<div class="titleHead">婚姻统计</div>
<el-input
type="text"
placeholder="身份证或者姓名查询"
......@@ -358,7 +358,7 @@ export default {
option = {
backgroundColor: "#082C61",
title: {},
titleHead: {},
tooltip: {
trigger: "axis",
},
......@@ -708,7 +708,7 @@ bottom: -2px;
height: 260px;
}
.title {
.titleHead {
height: 30px;
font-size: 16px;
line-height: 32px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment