Skip to content

C
civil-front
Commit f61a3aa8 by 苏咏卓
Options

Merge branch 'master' of http://139.159.239.83:9093/civil/civil-front 

# Conflicts:
#	src/views/unified/tapSwitch/socialAssistance.vue
parents 141c859b 815d624d
Showing with 283 additions and 138 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>
\ No newline at end of file
<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
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>
\ No newline at end of file
<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
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>
\ No newline at end of file
<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
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>
<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="账号"
>
<svg-icon
slot="prefix"
icon-class="user"
class="el-input__icon input-icon"
/>
</el-input>
</el-form-item>
<el-form-item prop="password">
<el-input
v-model="loginForm.password"
type="password"
auto-complete="off"
placeholder="密码"
@keyup.enter.native="handleLogin"
>
<svg-icon
slot="prefix"
icon-class="password"
class="el-input__icon input-icon"
/>
</el-input>
</el-form-item>
<el-form-item prop="code">
<el-input
v-model="loginForm.code"
auto-complete="off"
placeholder="验证码"
style="width: 63%"
@keyup.enter.native="handleLogin"
>
<svg-icon
slot="prefix"
icon-class="validCode"
class="el-input__icon input-icon"
/>
</el-input>
<div class="login-code">
<img :src="codeUrl" @click="getCode" />
</div>
</el-form-item>
<el-checkbox v-model="loginForm.rememberMe" style="margin: 0 0 25px 0">
记住我
</el-checkbox>
<el-form-item style="width: 100%">
<el-button
:loading="loading"
size="medium"
type="primary"
style="width: 100%"
@click.native.prevent="handleLogin"
>
<span v-if="!loading">登 录</span>
<span v-else>登 录 中...</span>
</el-button>
</el-form-item>
</el-form>
<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
ref="loginForm"
:model="loginForm"
:rules="loginRules"
label-position="left"
label-width="0px"
>
<h3 class="title">用 户 登 录</h3>
<el-form-item prop="username">
<el-input
v-model="loginForm.username"
type="text"
auto-complete="off"
placeholder="账号"
>
<svg-icon
slot="prefix"
icon-class="user"
class="el-input__icon input-icon"
/>
</el-input>
</el-form-item>
<el-form-item prop="password">
<el-input
v-model="loginForm.password"
type="password"
auto-complete="off"
placeholder="密码"
@keyup.enter.native="handleLogin"
>
<svg-icon
slot="prefix"
icon-class="password"
class="el-input__icon input-icon"
/>
</el-input>
</el-form-item>
<el-form-item prop="code">
<el-input
v-model="loginForm.code"
auto-complete="off"
placeholder="验证码"
style="width: 63%;"
@keyup.enter.native="handleLogin"
>
<svg-icon
slot="prefix"
icon-class="validCode"
class="el-input__icon input-icon"
/>
</el-input>
<div class="login-code">
<img :src="codeUrl" @click="getCode" />
</div>
</el-form-item>
<el-checkbox v-model="loginForm.rememberMe" style="margin: 0 0 25px 0;color:#fff">
记住我
</el-checkbox>
<el-form-item style="width: 100%">
<el-button
:loading="loading"
size="medium"
type="primary"
style="width: 100%"
@click.native.prevent="handleLogin"
>
<span v-if="!loading">登 录</span>
<span v-else>登 录 中...</span>
</el-button>
</el-form-item>
</el-form>
</div>
</div>
<!-- 底部 -->
<div v-if="$store.state.settings.showFooter" id="el-login-footer">
<span v-html="$store.state.settings.footerTxt" />
......@@ -89,7 +99,7 @@ import Config from "@/settings";
import { getCodeImg } from "@/api/login";
import Cookies from "js-cookie";
import qs from "qs";
import Background from "@/assets/images/background.jpg";
import Background from "@/assets/images/background.png";
export default {
name: "Login",
data() {
......@@ -226,34 +236,75 @@ export default {
</script>
<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 {
display: flex;
justify-content: center;
justify-content: flex-end;
align-items: center;
height: 100%;
background-size: cover;
padding-right: 20%;
}
.h1title{
color: #fff;
text-align:center;
}
.title {
margin: 0 auto 30px auto;
text-align: center;
color: #707070;
color: #fff;
}
::v-deep{
}
.login-form {
border-radius: 6px;
background: #ffffff;
width: 385px;
position: relative;
// border-radius: 6px;
background: rgba(53, 135, 188, 0.295);
border: 1px solid #63ceff93;
width: 450px;
padding: 25px 25px 5px 25px;
.el-input {
height: 38px;
input {
height: 38px;
color: #fff;
background-color: rgba(53, 134, 188, 0.514);
border: none;
}
}
.input-icon {
height: 39px;
width: 14px;
margin-left: 2px;
// background-blend-mode: darken;
color: #fff;
}
}
.login-tip {
......
src/views/unified/entrance.vue
<template>
<div class="page">
<img
src="./../../assets/images/img/底层背景图.png"
src="./../../assets/images/img/底层背景图1.png"
alt=""
class="background-image"
/>
<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" />
<div class="title-text">
民政数据分析系统
......@@ -25,9 +29,8 @@
</router-link>
</div>
<el-row :gutter="18">
<el-col :span="12" :offset="12" class="top">
<el-col :span="13" :offset="10" class="top">
<div
class="switchMa"
:class="TapId == item.id ? 'blue ' : 'white'"
......@@ -35,7 +38,9 @@
:key="item.id"
@click="getTapId(item.id)"
>
{{ item.name }}
<div class="orders-lable">
<b>{{ item.name }}</b>
</div>
</div>
</el-col>
</el-row>
......@@ -106,7 +111,7 @@ export default {
id: "1",
},
{
name: "婚姻",
name: "婚姻专题",
id: "2",
},
{
......@@ -118,7 +123,7 @@ export default {
id: "4",
},
{
name: "殡葬",
name: "殡葬专题",
id: "5",
},
{
......@@ -157,10 +162,10 @@ export default {
</script>
<style lang="scss" scoped>
*{
overflow-y: hidden；
* {
overflow-y: hidden；;
}
.flex-container-tetli{
.flex-container-tetli {
width: 100%;
}
.background-image {
......@@ -182,15 +187,32 @@ export default {
.switchMa {
margin: 0 10px;
cursor: pointer;
//background-color: #0b0f4e;
}
.switchMa:hover {
box-shadow: 0px 0px 20px #00f9fd;
}
.orders-lable {
margin: 0 10px;
transform: skew(-20deg);
}
.white {
color: #fff;
display: inline-block;
padding: 10px;
border: 1px solid #44a5fc;
transform: skew(20deg); /* 定义沿着 X 和 Y 轴的 2D 倾斜转换*/
opacity: 0.8;
}
.blue {
color: #3974c7;
border-bottom: 2px solid #3974c7;
color: #1cbfff;
// border-bottom: 2px solid #3974c7;
background-image:radial-gradient( #08308c,#011d47);
padding-bottom: 6px;
display: inline-block;
padding: 10px;
border: 1px solid #44a5fc;
transform: skew(20deg); /* 定义沿着 X 和 Y 轴的 2D 倾斜转换*/
}
.hez {
width: 98%;
......@@ -202,7 +224,8 @@ export default {
position: relative;
width: 100%;
height: 100vh;
overflow-y: hidden；
overflow-y: hidden；;
overflow-x: hidden;
// background-color: #0b0f4e;
}
......@@ -244,6 +267,7 @@ export default {
background-color: brown;
}
.flex-container {
padding-bottom: 20px;
display: flex;
width: 100%;
margin: 0 auto;
......
src/views/unified/tapSwitch/childWelfare.vue
......@@ -236,8 +236,8 @@
element-loading-background="rgba(0, 0, 0, 0.8)"
stripe
style="width: 100%; background-color: #051d3f; color: #2177b9"
:header-cell-style="{ background: '#082C61', color: '#DAD7DB' }"
:cell-style="{ background: '#082C61', color: '#DAD7DB' }"
:header-cell-style="headerCellStyle"
:cell-style="cellStyle"
>
<el-table-column type="index" label="序号" align="center">
</el-table-column>
......@@ -612,6 +612,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() {
console.log(
......@@ -891,6 +898,9 @@ export default {
<style lang="scss" scoped>
::v-deep {
.el-table::before, .el-table--group::after, .el-table--border::after {
background-color: #04234e;
}
.el-input__inner {
background-color: #051d3f;
color: #fff;
......
src/views/unified/tapSwitch/marriage.vue
......@@ -263,9 +263,9 @@
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
stripe
style="width: 100%; background-color: #051d3f; color: #2177b9"
:header-cell-style="{ background: '#082C61', color: '#DAD7DB' }"
:cell-style="{ background: '#082C61', color: '#DAD7DB' }"
style="width: 100%; background-color: #000; color: #2177b9"
:header-cell-style="headerCellStyle"
:cell-style="cellStyle"
>
<el-table-column
type="index"
......@@ -750,6 +750,13 @@ export default {
};
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() {
var chartDom = document.getElementById("annualStatistics");
......@@ -1005,6 +1012,7 @@ export default {
}
.scrollbarShow::-webkit-scrollbar {
display: block;
}
}
......@@ -1048,6 +1056,7 @@ export default {
margin-top: 10px;
width: 100%;
height: 340px;
}
.titleHead {
......
src/views/unified/tapSwitch/provide.vue
......@@ -5,7 +5,7 @@
<el-col :span="6">
<el-row :gutter="18">
<el-col :span="24"> </el-col>
<el-col :span="24">
<el-col :span="24">
<div class="wian">
<img
src="./../../../assets/images/01-左上角.png"
......@@ -27,7 +27,7 @@
alt=""
class="lowerRight"
/>
<div class="warningInfo" v-if="tionStats">暂无下级数据</div>
<div class="warningInfo" v-if="tionStats">暂无下级数据</div>
<div class="titleHead">火化量汇总</div>
<div class="xxxBox">
<div class="gradientBoxs">
......@@ -190,7 +190,9 @@
/>
<div class="wiansInfo">
<div class="titleHead">{{ address ? address : "广西全区" }}火化信息查询</div>
<div class="titleHead">
{{ address ? address : "广西全区" }}火化信息查询
</div>
<el-input
type="text"
placeholder="身份证或者姓名查询"
......@@ -211,8 +213,8 @@
style="width: 100%; background-color: #082c61; color: #2177b9"
:loading="loading"
fit
:header-cell-style="{ background: '#082C61', color: '#DAD7DB' }"
:cell-style="{ background: '#082C61', color: '#DAD7DB' }"
:header-cell-style="headerCellStyle"
:cell-style="cellStyle"
>
<el-table-column
type="index"
......@@ -283,9 +285,9 @@ import {
export default {
data() {
return {
RateStats:false,
tionStats:false,
StatsList:false,
RateStats: false,
tionStats: false,
StatsList: false,
num: 0,
address: "",
tableData: [],
......@@ -310,6 +312,12 @@ export default {
this.cremationSearchFun();
},
methods: {
headerCellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
cellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
inputBtn() {
console.log(this.value);
this.loading = true;
......@@ -346,11 +354,11 @@ export default {
getCremationStats({ areaCode: data }).then((res) => {
console.log(res, "统计该区域的殡葬火化量");
if (!res.data.cremationSum) {
this.tionStats = true
return
this.tionStats = true;
return;
}
this.cremationStats = res.data;
this.tionStats = false
this.tionStats = false;
});
},
......@@ -358,14 +366,14 @@ export default {
getCremationRateStats({ areaCode: data }).then((res) => {
console.log(res, "区域火化率");
if (res.data.length == 0) {
this.RateStats = true
return
this.RateStats = true;
return;
}
this.cremationRateStats = res.data;
res.data.forEach((item) => {
this.cremation.push(item.name);
});
this.RateStats = false
this.RateStats = false;
this.proportionFun();
});
},
......@@ -374,11 +382,11 @@ export default {
getCremationStatsList({ areaCode: data }).then((res) => {
console.log(res, "获取区域殡葬火化分析列表");
if (res.data.cityList.length == 0) {
this.StatsList = true
return
this.StatsList = true;
return;
}
this.cremationStatsList = res.data;
this.StatsList = false
this.StatsList = false;
this.annualStatisticsFun();
});
},
......@@ -552,7 +560,7 @@ export default {
// },
series: [
{
name: '火化率统计',
name: "火化率统计",
type: "pie",
radius: "65%",
center: ["50%", "50%"],
......@@ -792,6 +800,11 @@ export default {
<style lang="scss" scoped>
::v-deep {
.el-table::before,
.el-table--group::after,
.el-table--border::after {
background-color: #04234e;
}
.el-input__inner {
background-color: #051d3f;
color: #fff;
......@@ -803,7 +816,7 @@ export default {
}
input::-webkit-input-placeholder {
color: #fff;
color: #ffffff;
}
}
.lowerLeft {
......
src/views/unified/tapSwitch/socialAssistance.vue
......@@ -290,8 +290,8 @@
element-loading-background="rgba(0, 0, 0, 0.8)"
stripe
style="width: 100%; background-color: #051d3f; color: #2177b9"
:header-cell-style="{ background: '#082C61', color: '#DAD7DB' }"
:cell-style="{ background: '#082C61', color: '#DAD7DB' }"
:header-cell-style="headerCellStyle"
:cell-style="cellStyle"
:row-style="rowStyle"
>
<el-table-column
......@@ -412,6 +412,12 @@ export default {
this.getFivesYearEnjoyStatsFun();
},
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 }) {
if (row) {
return {
......@@ -1026,6 +1032,11 @@ export default {
<style lang="scss" scoped>
::v-deep {
.el-table::before,
.el-table--group::after,
.el-table--border::after {
background-color: #04234e;
}
.el-input__inner {
background-color: #051d3f;
color: #fff;
......
src/views/unified/tapSwitch/socialOrganization.vue
......@@ -295,8 +295,8 @@
element-loading-background="rgba(0, 0, 0, 0.8)"
stripe
style="width: 100%; background-color: #051d3f; color: #2177b9"
:header-cell-style="{ background: '#082C61', color: '#DAD7DB' }"
:cell-style="{ background: '#082C61', color: '#DAD7DB' }"
:header-cell-style="headerCellStyle"
:cell-style="cellStyle"
>
<el-table-column type="index" label="序号" align="center">
</el-table-column>
......@@ -373,6 +373,12 @@ export default {
this.soorganSearchFun();
},
methods: {
headerCellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
cellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
inputBtn() {
console.log(this.value);
this.loading = true;
......@@ -873,6 +879,11 @@ export default {
<style lang="scss" scoped>
::v-deep {
.el-table::before,
.el-table--group::after,
.el-table--border::after {
background-color: #04234e;
}
.el-input__inner {
background-color: #051d3f;
color: #fff;
......
src/views/unified/tapSwitch/subsidies.vue
......@@ -217,8 +217,8 @@
element-loading-background="rgba(0, 0, 0, 0.8)"
stripe
style="width: 100%; background-color: #051d3f; color: #2177b9"
:header-cell-style="{ background: '#082C61', color: '#DAD7DB' }"
:cell-style="{ background: '#082C61', color: '#DAD7DB' }"
:header-cell-style="headerCellStyle"
:cell-style="cellStyle"
>
<el-table-column
type="index"
......@@ -290,8 +290,8 @@ export default {
areaDisabledIssueStats: {},
poorDisabledNum: {},
value: "",
pk:'',
zd:'',
pk: "",
zd: "",
};
},
created() {
......@@ -302,6 +302,12 @@ export default {
this.deformedManSearchFun();
},
methods: {
headerCellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
cellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
inputBtn() {
console.log(this.value);
this.loading = true;
......@@ -343,13 +349,18 @@ export default {
}
this.yearDisabledIssueStats = res.data.admin;
this.poorDisabledNum = res.data.totalNumMap;
let difficultTotalNum = this.poorDisabledNum.difficultTotalNum
let difficultTotal = (difficultTotalNum / 10000).toFixed(1)
let severeTotalNum = this.poorDisabledNum.severeTotalNum
let severeTotal = (severeTotalNum / 10000).toFixed(1)
console.log('----保留一位小数----','贫困',difficultTotal,'重度',severeTotal)
this.pk = difficultTotal,
this.zd = severeTotal
let difficultTotalNum = this.poorDisabledNum.difficultTotalNum;
let difficultTotal = (difficultTotalNum / 10000).toFixed(1);
let severeTotalNum = this.poorDisabledNum.severeTotalNum;
let severeTotal = (severeTotalNum / 10000).toFixed(1);
console.log(
"----保留一位小数----",
"贫困",
difficultTotal,
"重度",
severeTotal
);
(this.pk = difficultTotal), (this.zd = severeTotal);
this.IssueStats = false;
this.fivePeopleFun(res.data.admin);
});
......@@ -852,6 +863,11 @@ export default {
<style lang="scss" scoped>
::v-deep {
.el-table::before,
.el-table--group::after,
.el-table--border::after {
background-color: #04234e;
}
.el-input__inner {
background-color: #051d3f;
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