Skip to content

C
civil-front
Commit 815d624d by 李耀琨
Options

登录页面

parent 3047517e
Showing with 215 additions and 70 deletions
src/assets/icons/svg/password.svg
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" class="icon" p-id="3833" t="1561614515233" version="1.1" viewBox="0 0 1024 1024"><defs><style type="text/css"/></defs><path fill="#8a8a8a" d="M807.049 391.258c0.946-9.62 1.45-19.37 1.45-29.239 0-163.7-132.706-296.406-296.406-296.406S215.687 198.318 215.687 362.02c0 9.802 0.498 19.486 1.432 29.043-43.925 18.95-74.675 62.638-74.675 113.516v330.363c0 68.25 55.328 123.58 123.58 123.58h491.672c68.25 0 123.578-55.328 123.578-123.58V504.578c0-50.704-30.54-94.267-74.225-113.32zM510.917 165.905c109.134 0 197.604 88.47 197.604 197.603 0 5.895-0.275 11.726-0.782 17.49H314.094a200.097 200.097 0 0 1-0.782-17.49c0.002-109.132 88.472-197.603 197.605-197.603z" p-id="3834"/></svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" class="icon" p-id="3833" t="1561614515233" version="1.1" viewBox="0 0 1024 1024"><defs><style type="text/css"/></defs><path fill="#fff" d="M807.049 391.258c0.946-9.62 1.45-19.37 1.45-29.239 0-163.7-132.706-296.406-296.406-296.406S215.687 198.318 215.687 362.02c0 9.802 0.498 19.486 1.432 29.043-43.925 18.95-74.675 62.638-74.675 113.516v330.363c0 68.25 55.328 123.58 123.58 123.58h491.672c68.25 0 123.578-55.328 123.578-123.58V504.578c0-50.704-30.54-94.267-74.225-113.32zM510.917 165.905c109.134 0 197.604 88.47 197.604 197.603 0 5.895-0.275 11.726-0.782 17.49H314.094a200.097 200.097 0 0 1-0.782-17.49c0.002-109.132 88.472-197.603 197.605-197.603z" p-id="3834"/></svg>
\ No newline at end of file \ No newline at end of file
src/assets/icons/svg/user.svg
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" class="icon" p-id="2702" t="1561614445035" version="1.1" viewBox="0 0 1024 1024"><defs><style type="text/css"/></defs><path fill="#8a8a8a" d="M914.285769 802.889143q0 68.534857-41.691429 108.251429t-110.884571 39.716571l-499.419429 0q-69.12 0-110.884571-39.716571t-41.691429-108.251429q0-30.281143 1.974857-59.172571t7.972571-62.317714 15.140571-62.025143 24.576-55.734857 35.401143-46.299429 48.859429-30.573714 63.707429-11.410286q5.12 0 23.990857 12.288t42.569143 27.428571 61.732571 27.428571 76.288 12.288 76.288-12.288 61.732571-27.428571 42.569143-27.428571 23.990857-12.288q34.889143 0 63.707429 11.410286t48.859429 30.573714 35.401143 46.299429 24.576 55.734857 15.140571 62.025143 7.972571 62.317714 1.974857 59.172571zM731.428626 292.571429q0 90.843429-64.292571 155.136t-155.136 64.292571-155.136-64.292571-64.292571-155.136 64.292571-155.136 155.136-64.292571 155.136 64.292571 64.292571 155.136z" p-id="2703"/></svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" class="icon" p-id="2702" t="1561614445035" version="1.1" viewBox="0 0 1024 1024"><defs><style type="text/css"/></defs><path fill="#fff" d="M914.285769 802.889143q0 68.534857-41.691429 108.251429t-110.884571 39.716571l-499.419429 0q-69.12 0-110.884571-39.716571t-41.691429-108.251429q0-30.281143 1.974857-59.172571t7.972571-62.317714 15.140571-62.025143 24.576-55.734857 35.401143-46.299429 48.859429-30.573714 63.707429-11.410286q5.12 0 23.990857 12.288t42.569143 27.428571 61.732571 27.428571 76.288 12.288 76.288-12.288 61.732571-27.428571 42.569143-27.428571 23.990857-12.288q34.889143 0 63.707429 11.410286t48.859429 30.573714 35.401143 46.299429 24.576 55.734857 15.140571 62.025143 7.972571 62.317714 1.974857 59.172571zM731.428626 292.571429q0 90.843429-64.292571 155.136t-155.136 64.292571-155.136-64.292571-64.292571-155.136 64.292571-155.136 155.136-64.292571 155.136 64.292571 64.292571 155.136z" p-id="2703"/></svg>
\ No newline at end of file \ No newline at end of file
src/assets/icons/svg/validCode.svg
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" class="icon" p-id="1777" t="1561614261684" version="1.1" viewBox="0 0 1024 1024"><defs><style type="text/css"/></defs><path fill="#8a8a8a" d="M963.801169 218.170758a72.850542 72.850542 0 0 0-57.513586-63.903984 1357.959666 1357.959666 0 0 1-185.960594-42.815669A690.80207 690.80207 0 0 1 554.17663 14.317049a76.045741 76.045741 0 0 0-88.826539 0 435.825173 435.825173 0 0 1-167.428438 96.495016 624.341926 624.341926 0 0 1-180.848276 44.732789 67.738223 67.738223 0 0 0-56.874546 63.903984S58.281712 379.847839 58.281712 521.075644c0 255.615937 301.626806 502.924356 452.440208 502.924356s406.42934-174.457877 447.32789-499.090117c10.224637-191.711953 3.195199-306.100085 3.195199-306.100085zM799.567929 415.63407l-315.046642 297.153527a42.815669 42.815669 0 0 1-52.401267 5.112318l-8.307518-7.029438L249.993665 530.022202a42.815669 42.815669 0 0 1 63.903984-58.791666L457.042574 621.404899l283.73369-268.396734a42.815669 42.815669 0 1 1 58.791665 63.903984" p-id="1778"/></svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" class="icon" p-id="1777" t="1561614261684" version="1.1" viewBox="0 0 1024 1024"><defs><style type="text/css"/></defs><path fill="#fff" d="M963.801169 218.170758a72.850542 72.850542 0 0 0-57.513586-63.903984 1357.959666 1357.959666 0 0 1-185.960594-42.815669A690.80207 690.80207 0 0 1 554.17663 14.317049a76.045741 76.045741 0 0 0-88.826539 0 435.825173 435.825173 0 0 1-167.428438 96.495016 624.341926 624.341926 0 0 1-180.848276 44.732789 67.738223 67.738223 0 0 0-56.874546 63.903984S58.281712 379.847839 58.281712 521.075644c0 255.615937 301.626806 502.924356 452.440208 502.924356s406.42934-174.457877 447.32789-499.090117c10.224637-191.711953 3.195199-306.100085 3.195199-306.100085zM799.567929 415.63407l-315.046642 297.153527a42.815669 42.815669 0 0 1-52.401267 5.112318l-8.307518-7.029438L249.993665 530.022202a42.815669 42.815669 0 0 1 63.903984-58.791666L457.042574 621.404899l283.73369-268.396734a42.815669 42.815669 0 1 1 58.791665 63.903984" p-id="1778"/></svg>
\ No newline at end of file \ No newline at end of file
src/assets/images/img/标题1.png
src/assets/images/img/标题1.png

77.2 KB | W: | H:

src/assets/images/img/标题1.png

43.8 KB | W: | H:

src/assets/images/img/标题1.png
src/assets/images/img/标题1.png
src/assets/images/img/标题1.png
src/assets/images/img/标题1.png
  • 2-up
  • Swipe
  • Onion skin
src/views/login.vue
<template> <template>
<div class="login" :style="'background-image:url(' + Background + ');'"> <div class="login" :style="'background-image:url(' + Background + ');'">
<div class="box">
<h1 class="h1title">广 西 民 政 数 据 仓</h1>
<div class="login-form">
<img src="./../assets/images/01-左上角.png" alt="" class="topLeft" />
<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" />
<el-form <el-form
ref="loginForm" ref="loginForm"
:model="loginForm" :model="loginForm"
:rules="loginRules" :rules="loginRules"
label-position="left" label-position="left"
label-width="0px" label-width="0px"
class="login-form"
> >
<h3 class="title">广西民政数据仓库</h3> <h3 class="title">用 户 登 录</h3>
<el-form-item prop="username"> <el-form-item prop="username">
<el-input <el-input
v-model="loginForm.username" v-model="loginForm.username"
...@@ -20,6 +27,7 @@ ...@@ -20,6 +27,7 @@
slot="prefix" slot="prefix"
icon-class="user" icon-class="user"
class="el-input__icon input-icon" class="el-input__icon input-icon"
/> />
</el-input> </el-input>
</el-form-item> </el-form-item>
...@@ -43,7 +51,7 @@ ...@@ -43,7 +51,7 @@
v-model="loginForm.code" v-model="loginForm.code"
auto-complete="off" auto-complete="off"
placeholder="验证码" placeholder="验证码"
style="width: 63%" style="width: 63%;"
@keyup.enter.native="handleLogin" @keyup.enter.native="handleLogin"
> >
<svg-icon <svg-icon
...@@ -56,7 +64,7 @@ ...@@ -56,7 +64,7 @@
<img :src="codeUrl" @click="getCode" /> <img :src="codeUrl" @click="getCode" />
</div> </div>
</el-form-item> </el-form-item>
<el-checkbox v-model="loginForm.rememberMe" style="margin: 0 0 25px 0"> <el-checkbox v-model="loginForm.rememberMe" style="margin: 0 0 25px 0;color:#fff">
记住我 记住我
</el-checkbox> </el-checkbox>
<el-form-item style="width: 100%"> <el-form-item style="width: 100%">
...@@ -72,6 +80,8 @@ ...@@ -72,6 +80,8 @@
</el-button> </el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div>
</div>
<!-- 底部 --> <!-- 底部 -->
<div v-if="$store.state.settings.showFooter" id="el-login-footer"> <div v-if="$store.state.settings.showFooter" id="el-login-footer">
<span v-html="$store.state.settings.footerTxt" /> <span v-html="$store.state.settings.footerTxt" />
...@@ -89,7 +99,7 @@ import Config from "@/settings"; ...@@ -89,7 +99,7 @@ import Config from "@/settings";
import { getCodeImg } from "@/api/login"; import { getCodeImg } from "@/api/login";
import Cookies from "js-cookie"; import Cookies from "js-cookie";
import qs from "qs"; import qs from "qs";
import Background from "@/assets/images/background.jpg"; import Background from "@/assets/images/background.png";
export default { export default {
name: "Login", name: "Login",
data() { data() {
...@@ -226,34 +236,75 @@ export default { ...@@ -226,34 +236,75 @@ export default {
</script> </script>
<style rel="stylesheet/scss" lang="scss"> <style rel="stylesheet/scss" lang="scss">
.lowerLeft {
position: absolute;
width: 20px;
height: 20px;
left: -2px;
bottom: -2px;
}
.lowerRight {
position: absolute;
width: 20px;
height: 20px;
right: -2px;
bottom: -2px;
}
.topLeft {
position: absolute;
width: 20px;
height: 20px;
top: -2px;
left: -2px;
}
.topRight {
position: absolute;
width: 20px;
height: 20px;
top: -2px;
right: -2px;
}
.login { .login {
display: flex; display: flex;
justify-content: center; justify-content: flex-end;
align-items: center; align-items: center;
height: 100%; height: 100%;
background-size: cover; background-size: cover;
padding-right: 20%;
}
.h1title{
color: #fff;
text-align:center;
} }
.title { .title {
margin: 0 auto 30px auto; margin: 0 auto 30px auto;
text-align: center; text-align: center;
color: #707070; color: #fff;
}
::v-deep{
} }
.login-form { .login-form {
border-radius: 6px; position: relative;
background: #ffffff; // border-radius: 6px;
width: 385px; background: rgba(53, 135, 188, 0.295);
border: 1px solid #63ceff93;
width: 450px;
padding: 25px 25px 5px 25px; padding: 25px 25px 5px 25px;
.el-input { .el-input {
height: 38px; height: 38px;
input { input {
height: 38px; height: 38px;
color: #fff;
background-color: rgba(53, 134, 188, 0.514);
border: none;
} }
} }
.input-icon { .input-icon {
height: 39px; height: 39px;
width: 14px; width: 14px;
margin-left: 2px; margin-left: 2px;
// background-blend-mode: darken;
color: #fff;
} }
} }
.login-tip { .login-tip {
......
src/views/unified/entrance.vue
<template> <template>
<div class="page"> <div class="page">
<img <img
src="./../../assets/images/img/底层背景图.png" src="./../../assets/images/img/底层背景图1.png"
alt="" alt=""
class="background-image" class="background-image"
/> />
<div class="flex-container"> <div class="flex-container">
<img src="./../../assets/images/img/标题1.png" alt="" class="flex-container-tetli"> <img
src="./../../assets/images/img/标题1.png"
alt=""
class="flex-container-tetli"
/>
<!-- <img src="./../../assets/images/标题左边素材.png" alt="" class="about" /> <!-- <img src="./../../assets/images/标题左边素材.png" alt="" class="about" />
<div class="title-text"> <div class="title-text">
民政数据分析系统 民政数据分析系统
...@@ -25,9 +29,8 @@ ...@@ -25,9 +29,8 @@
</router-link> </router-link>
</div> </div>
<el-row :gutter="18"> <el-row :gutter="18">
<el-col :span="12" :offset="12" class="top"> <el-col :span="13" :offset="10" class="top">
<div <div
class="switchMa" class="switchMa"
:class="TapId == item.id ? 'blue ' : 'white'" :class="TapId == item.id ? 'blue ' : 'white'"
...@@ -35,7 +38,9 @@ ...@@ -35,7 +38,9 @@
:key="item.id" :key="item.id"
@click="getTapId(item.id)" @click="getTapId(item.id)"
> >
{{ item.name }} <div class="orders-lable">
<b>{{ item.name }}</b>
</div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
...@@ -106,7 +111,7 @@ export default { ...@@ -106,7 +111,7 @@ export default {
id: "1", id: "1",
}, },
{ {
name: "婚姻", name: "婚姻专题",
id: "2", id: "2",
}, },
{ {
...@@ -118,7 +123,7 @@ export default { ...@@ -118,7 +123,7 @@ export default {
id: "4", id: "4",
}, },
{ {
name: "殡葬", name: "殡葬专题",
id: "5", id: "5",
}, },
{ {
...@@ -157,10 +162,10 @@ export default { ...@@ -157,10 +162,10 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
*{ * {
overflow-y: hidden； overflow-y: hidden；;
} }
.flex-container-tetli{ .flex-container-tetli {
width: 100%; width: 100%;
} }
.background-image { .background-image {
...@@ -182,15 +187,32 @@ export default { ...@@ -182,15 +187,32 @@ export default {
.switchMa { .switchMa {
margin: 0 10px; margin: 0 10px;
cursor: pointer; cursor: pointer;
//background-color: #0b0f4e; }
.switchMa:hover {
box-shadow: 0px 0px 20px #00f9fd;
}
.orders-lable {
margin: 0 10px;
transform: skew(-20deg);
} }
.white { .white {
color: #fff; color: #fff;
display: inline-block;
padding: 10px;
border: 1px solid #44a5fc;
transform: skew(20deg); /* 定义沿着 X 和 Y 轴的 2D 倾斜转换*/
opacity: 0.8;
} }
.blue { .blue {
color: #3974c7; color: #1cbfff;
border-bottom: 2px solid #3974c7; // border-bottom: 2px solid #3974c7;
background-image:radial-gradient( #08308c,#011d47);
padding-bottom: 6px; padding-bottom: 6px;
display: inline-block;
padding: 10px;
border: 1px solid #44a5fc;
transform: skew(20deg); /* 定义沿着 X 和 Y 轴的 2D 倾斜转换*/
} }
.hez { .hez {
width: 98%; width: 98%;
...@@ -202,7 +224,8 @@ export default { ...@@ -202,7 +224,8 @@ export default {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100vh; height: 100vh;
overflow-y: hidden； overflow-y: hidden；;
overflow-x: hidden;
// background-color: #0b0f4e; // background-color: #0b0f4e;
} }
...@@ -244,6 +267,7 @@ export default { ...@@ -244,6 +267,7 @@ export default {
background-color: brown; background-color: brown;
} }
.flex-container { .flex-container {
padding-bottom: 20px;
display: flex; display: flex;
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
......
src/views/unified/tapSwitch/childWelfare.vue
...@@ -214,8 +214,8 @@ ...@@ -214,8 +214,8 @@
element-loading-background="rgba(0, 0, 0, 0.8)" element-loading-background="rgba(0, 0, 0, 0.8)"
stripe stripe
style="width: 100%; background-color: #051d3f; color: #2177b9" style="width: 100%; background-color: #051d3f; color: #2177b9"
:header-cell-style="{ background: '#082C61', color: '#DAD7DB' }" :header-cell-style="headerCellStyle"
:cell-style="{ background: '#082C61', color: '#DAD7DB' }" :cell-style="cellStyle"
> >
<el-table-column type="index" label="序号" align="center"> <el-table-column type="index" label="序号" align="center">
</el-table-column> </el-table-column>
...@@ -589,6 +589,13 @@ export default { ...@@ -589,6 +589,13 @@ export default {
}); });
}, },
headerCellStyle(){
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; "
},
cellStyle(){
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; "
},
//机构占比 //机构占比
proportionFun() { proportionFun() {
console.log( console.log(
...@@ -868,6 +875,9 @@ export default { ...@@ -868,6 +875,9 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep { ::v-deep {
.el-table::before, .el-table--group::after, .el-table--border::after {
background-color: #04234e;
}
.el-input__inner { .el-input__inner {
background-color: #051d3f; background-color: #051d3f;
color: #fff; color: #fff;
......
src/views/unified/tapSwitch/marriage.vue
...@@ -278,9 +278,9 @@ ...@@ -278,9 +278,9 @@
element-loading-spinner="el-icon-loading" element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)" element-loading-background="rgba(0, 0, 0, 0.8)"
stripe stripe
style="width: 100%; background-color: #051d3f; color: #2177b9" style="width: 100%; background-color: #000; color: #2177b9"
:header-cell-style="{ background: '#082C61', color: '#DAD7DB' }" :header-cell-style="headerCellStyle"
:cell-style="{ background: '#082C61', color: '#DAD7DB' }" :cell-style="cellStyle"
> >
<el-table-column <el-table-column
type="index" type="index"
...@@ -764,6 +764,13 @@ export default { ...@@ -764,6 +764,13 @@ export default {
}; };
option && myChart.setOption(option); option && myChart.setOption(option);
}, },
headerCellStyle(){
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; "
},
cellStyle(){
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; "
},
//五年统计 //五年统计
annualStatisticsFun() { annualStatisticsFun() {
var chartDom = document.getElementById("annualStatistics"); var chartDom = document.getElementById("annualStatistics");
...@@ -1019,6 +1026,7 @@ export default { ...@@ -1019,6 +1026,7 @@ export default {
} }
.scrollbarShow::-webkit-scrollbar { .scrollbarShow::-webkit-scrollbar {
display: block; display: block;
} }
} }
...@@ -1062,6 +1070,7 @@ export default { ...@@ -1062,6 +1070,7 @@ export default {
margin-top: 10px; margin-top: 10px;
width: 100%; width: 100%;
height: 340px; height: 340px;
} }
.titleHead { .titleHead {
......
src/views/unified/tapSwitch/provide.vue
...@@ -174,7 +174,9 @@ ...@@ -174,7 +174,9 @@
/> />
<div class="wiansInfo"> <div class="wiansInfo">
<div class="titleHead">{{ address ? address : "广西全区" }}火化信息查询</div> <div class="titleHead">
{{ address ? address : "广西全区" }}火化信息查询
</div>
<el-input <el-input
type="text" type="text"
placeholder="身份证或者姓名查询" placeholder="身份证或者姓名查询"
...@@ -195,8 +197,8 @@ ...@@ -195,8 +197,8 @@
style="width: 100%; background-color: #082c61; color: #2177b9" style="width: 100%; background-color: #082c61; color: #2177b9"
:loading="loading" :loading="loading"
fit fit
:header-cell-style="{ background: '#082C61', color: '#DAD7DB' }" :header-cell-style="headerCellStyle"
:cell-style="{ background: '#082C61', color: '#DAD7DB' }" :cell-style="cellStyle"
> >
<el-table-column <el-table-column
type="index" type="index"
...@@ -267,9 +269,9 @@ import { ...@@ -267,9 +269,9 @@ import {
export default { export default {
data() { data() {
return { return {
RateStats:false, RateStats: false,
tionStats:false, tionStats: false,
StatsList:false, StatsList: false,
num: 0, num: 0,
address: "", address: "",
tableData: [], tableData: [],
...@@ -294,6 +296,12 @@ export default { ...@@ -294,6 +296,12 @@ export default {
this.cremationSearchFun(); this.cremationSearchFun();
}, },
methods: { methods: {
headerCellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
cellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
inputBtn() { inputBtn() {
console.log(this.value); console.log(this.value);
this.loading = true; this.loading = true;
...@@ -330,11 +338,11 @@ export default { ...@@ -330,11 +338,11 @@ export default {
getCremationStats({ areaCode: data }).then((res) => { getCremationStats({ areaCode: data }).then((res) => {
console.log(res, "统计该区域的殡葬火化量"); console.log(res, "统计该区域的殡葬火化量");
if (!res.data.cremationSum) { if (!res.data.cremationSum) {
this.tionStats = true this.tionStats = true;
return return;
} }
this.cremationStats = res.data; this.cremationStats = res.data;
this.tionStats = false this.tionStats = false;
}); });
}, },
...@@ -342,14 +350,14 @@ export default { ...@@ -342,14 +350,14 @@ export default {
getCremationRateStats({ areaCode: data }).then((res) => { getCremationRateStats({ areaCode: data }).then((res) => {
console.log(res, "区域火化率"); console.log(res, "区域火化率");
if (res.data.length == 0) { if (res.data.length == 0) {
this.RateStats = true this.RateStats = true;
return return;
} }
this.cremationRateStats = res.data; this.cremationRateStats = res.data;
res.data.forEach((item) => { res.data.forEach((item) => {
this.cremation.push(item.name); this.cremation.push(item.name);
}); });
this.RateStats = false this.RateStats = false;
this.proportionFun(); this.proportionFun();
}); });
}, },
...@@ -358,11 +366,11 @@ export default { ...@@ -358,11 +366,11 @@ export default {
getCremationStatsList({ areaCode: data }).then((res) => { getCremationStatsList({ areaCode: data }).then((res) => {
console.log(res, "获取区域殡葬火化分析列表"); console.log(res, "获取区域殡葬火化分析列表");
if (res.data.cityList.length == 0) { if (res.data.cityList.length == 0) {
this.StatsList = true this.StatsList = true;
return return;
} }
this.cremationStatsList = res.data; this.cremationStatsList = res.data;
this.StatsList = false this.StatsList = false;
this.annualStatisticsFun(); this.annualStatisticsFun();
}); });
}, },
...@@ -535,7 +543,7 @@ export default { ...@@ -535,7 +543,7 @@ export default {
// }, // },
series: [ series: [
{ {
name: '火化率统计', name: "火化率统计",
type: "pie", type: "pie",
radius: "65%", radius: "65%",
center: ["50%", "50%"], center: ["50%", "50%"],
...@@ -775,6 +783,11 @@ export default { ...@@ -775,6 +783,11 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep { ::v-deep {
.el-table::before,
.el-table--group::after,
.el-table--border::after {
background-color: #04234e;
}
.el-input__inner { .el-input__inner {
background-color: #051d3f; background-color: #051d3f;
color: #fff; color: #fff;
...@@ -786,7 +799,7 @@ export default { ...@@ -786,7 +799,7 @@ export default {
} }
input::-webkit-input-placeholder { input::-webkit-input-placeholder {
color: #fff; color: #ffffff;
} }
} }
.lowerLeft { .lowerLeft {
......
src/views/unified/tapSwitch/socialAssistance.vue
...@@ -155,7 +155,7 @@ ...@@ -155,7 +155,7 @@
</div> </div>
<div class="texts">%</div> <div class="texts">%</div>
</div> </div>
<div class="rural"> 城市</div> <div class="rural">城市</div>
</div> </div>
<div> <div>
<div class="flex"> <div class="flex">
...@@ -293,8 +293,8 @@ ...@@ -293,8 +293,8 @@
element-loading-background="rgba(0, 0, 0, 0.8)" element-loading-background="rgba(0, 0, 0, 0.8)"
stripe stripe
style="width: 100%; background-color: #051d3f; color: #2177b9" style="width: 100%; background-color: #051d3f; color: #2177b9"
:header-cell-style="{ background: '#082C61', color: '#DAD7DB' }" :header-cell-style="headerCellStyle"
:cell-style="{ background: '#082C61', color: '#DAD7DB' }" :cell-style="cellStyle"
:row-style="rowStyle" :row-style="rowStyle"
> >
<el-table-column <el-table-column
...@@ -406,6 +406,12 @@ export default { ...@@ -406,6 +406,12 @@ export default {
this.societyHelpSearchFun(); this.societyHelpSearchFun();
}, },
methods: { methods: {
headerCellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
cellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
rowStyle({ row, rowsIndex }) { rowStyle({ row, rowsIndex }) {
if (row) { if (row) {
return { return {
...@@ -1075,6 +1081,11 @@ export default { ...@@ -1075,6 +1081,11 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep { ::v-deep {
.el-table::before,
.el-table--group::after,
.el-table--border::after {
background-color: #04234e;
}
.el-input__inner { .el-input__inner {
background-color: #051d3f; background-color: #051d3f;
color: #fff; color: #fff;
...@@ -1165,7 +1176,7 @@ export default { ...@@ -1165,7 +1176,7 @@ export default {
.socialAssistanceMap { .socialAssistanceMap {
width: 100%; width: 100%;
height: 460px; height: 460px;
background-color: #082c61; background-color: #011f4d;
} }
.wian { .wian {
......
src/views/unified/tapSwitch/socialOrganization.vue
...@@ -261,8 +261,8 @@ ...@@ -261,8 +261,8 @@
element-loading-background="rgba(0, 0, 0, 0.8)" element-loading-background="rgba(0, 0, 0, 0.8)"
stripe stripe
style="width: 100%; background-color: #051d3f; color: #2177b9" style="width: 100%; background-color: #051d3f; color: #2177b9"
:header-cell-style="{ background: '#082C61', color: '#DAD7DB' }" :header-cell-style="headerCellStyle"
:cell-style="{ background: '#082C61', color: '#DAD7DB' }" :cell-style="cellStyle"
> >
<el-table-column type="index" label="序号" align="center"> <el-table-column type="index" label="序号" align="center">
</el-table-column> </el-table-column>
...@@ -339,6 +339,12 @@ export default { ...@@ -339,6 +339,12 @@ export default {
this.soorganSearchFun(); this.soorganSearchFun();
}, },
methods: { methods: {
headerCellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
cellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
inputBtn() { inputBtn() {
console.log(this.value); console.log(this.value);
this.loading = true; this.loading = true;
...@@ -838,6 +844,11 @@ export default { ...@@ -838,6 +844,11 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep { ::v-deep {
.el-table::before,
.el-table--group::after,
.el-table--border::after {
background-color: #04234e;
}
.el-input__inner { .el-input__inner {
background-color: #051d3f; background-color: #051d3f;
color: #fff; color: #fff;
......
src/views/unified/tapSwitch/subsidies.vue
...@@ -219,8 +219,8 @@ ...@@ -219,8 +219,8 @@
element-loading-background="rgba(0, 0, 0, 0.8)" element-loading-background="rgba(0, 0, 0, 0.8)"
stripe stripe
style="width: 100%; background-color: #051d3f; color: #2177b9" style="width: 100%; background-color: #051d3f; color: #2177b9"
:header-cell-style="{ background: '#082C61', color: '#DAD7DB' }" :header-cell-style="headerCellStyle"
:cell-style="{ background: '#082C61', color: '#DAD7DB' }" :cell-style="cellStyle"
> >
<el-table-column <el-table-column
type="index" type="index"
...@@ -292,8 +292,8 @@ export default { ...@@ -292,8 +292,8 @@ export default {
areaDisabledIssueStats: {}, areaDisabledIssueStats: {},
poorDisabledNum: {}, poorDisabledNum: {},
value: "", value: "",
pk:'', pk: "",
zd:'', zd: "",
}; };
}, },
created() { created() {
...@@ -304,6 +304,12 @@ export default { ...@@ -304,6 +304,12 @@ export default {
this.deformedManSearchFun(); this.deformedManSearchFun();
}, },
methods: { methods: {
headerCellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
cellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
inputBtn() { inputBtn() {
console.log(this.value); console.log(this.value);
this.loading = true; this.loading = true;
...@@ -345,13 +351,18 @@ export default { ...@@ -345,13 +351,18 @@ export default {
} }
this.yearDisabledIssueStats = res.data.admin; this.yearDisabledIssueStats = res.data.admin;
this.poorDisabledNum = res.data.totalNumMap; this.poorDisabledNum = res.data.totalNumMap;
let difficultTotalNum = this.poorDisabledNum.difficultTotalNum let difficultTotalNum = this.poorDisabledNum.difficultTotalNum;
let difficultTotal = (difficultTotalNum / 10000).toFixed(1) let difficultTotal = (difficultTotalNum / 10000).toFixed(1);
let severeTotalNum = this.poorDisabledNum.severeTotalNum let severeTotalNum = this.poorDisabledNum.severeTotalNum;
let severeTotal = (severeTotalNum / 10000).toFixed(1) let severeTotal = (severeTotalNum / 10000).toFixed(1);
console.log('----保留一位小数----','贫困',difficultTotal,'重度',severeTotal) console.log(
this.pk = difficultTotal, "----保留一位小数----",
this.zd = severeTotal "贫困",
difficultTotal,
"重度",
severeTotal
);
(this.pk = difficultTotal), (this.zd = severeTotal);
this.IssueStats = false; this.IssueStats = false;
this.fivePeopleFun(res.data.admin); this.fivePeopleFun(res.data.admin);
}); });
...@@ -853,6 +864,11 @@ export default { ...@@ -853,6 +864,11 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep { ::v-deep {
.el-table::before,
.el-table--group::after,
.el-table--border::after {
background-color: #04234e;
}
.el-input__inner { .el-input__inner {
background-color: #051d3f; background-color: #051d3f;
color: #fff; color: #fff;
......
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