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> <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 + ');'">
<el-form <div class="box">
ref="loginForm" <h1 class="h1title">广 西 民 政 数 据 仓</h1>
:model="loginForm" <div class="login-form">
:rules="loginRules" <img src="./../assets/images/01-左上角.png" alt="" class="topLeft" />
label-position="left" <img src="./../assets/images/02-右上角.png" alt="" class="topRight" />
label-width="0px" <img src="./../assets/images/03-左下角.png" alt="" class="lowerLeft" />
class="login-form" <img src="./../assets/images/04-右下角.png" alt="" class="lowerRight" />
>
<h3 class="title">广西民政数据仓库</h3> <el-form
<el-form-item prop="username"> ref="loginForm"
<el-input :model="loginForm"
v-model="loginForm.username" :rules="loginRules"
type="text" label-position="left"
auto-complete="off" label-width="0px"
placeholder="账号" >
> <h3 class="title">用 户 登 录</h3>
<svg-icon <el-form-item prop="username">
slot="prefix" <el-input
icon-class="user" v-model="loginForm.username"
class="el-input__icon input-icon" type="text"
/> auto-complete="off"
</el-input> placeholder="账号"
</el-form-item> >
<el-form-item prop="password"> <svg-icon
<el-input slot="prefix"
v-model="loginForm.password" icon-class="user"
type="password" class="el-input__icon input-icon"
auto-complete="off"
placeholder="密码" />
@keyup.enter.native="handleLogin" </el-input>
> </el-form-item>
<svg-icon <el-form-item prop="password">
slot="prefix" <el-input
icon-class="password" v-model="loginForm.password"
class="el-input__icon input-icon" type="password"
/> auto-complete="off"
</el-input> placeholder="密码"
</el-form-item> @keyup.enter.native="handleLogin"
<el-form-item prop="code"> >
<el-input <svg-icon
v-model="loginForm.code" slot="prefix"
auto-complete="off" icon-class="password"
placeholder="验证码" class="el-input__icon input-icon"
style="width: 63%" />
@keyup.enter.native="handleLogin" </el-input>
> </el-form-item>
<svg-icon <el-form-item prop="code">
slot="prefix" <el-input
icon-class="validCode" v-model="loginForm.code"
class="el-input__icon input-icon" auto-complete="off"
/> placeholder="验证码"
</el-input> style="width: 63%;"
<div class="login-code"> @keyup.enter.native="handleLogin"
<img :src="codeUrl" @click="getCode" /> >
</div> <svg-icon
</el-form-item> slot="prefix"
<el-checkbox v-model="loginForm.rememberMe" style="margin: 0 0 25px 0"> icon-class="validCode"
记住我 class="el-input__icon input-icon"
</el-checkbox> />
<el-form-item style="width: 100%"> </el-input>
<el-button <div class="login-code">
:loading="loading" <img :src="codeUrl" @click="getCode" />
size="medium" </div>
type="primary" </el-form-item>
style="width: 100%" <el-checkbox v-model="loginForm.rememberMe" style="margin: 0 0 25px 0;color:#fff">
@click.native.prevent="handleLogin" 记住我
> </el-checkbox>
<span v-if="!loading">登 录</span> <el-form-item style="width: 100%">
<span v-else>登 录 中...</span> <el-button
</el-button> :loading="loading"
</el-form-item> size="medium"
</el-form> 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"> <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
...@@ -236,8 +236,8 @@ ...@@ -236,8 +236,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>
...@@ -612,6 +612,13 @@ export default { ...@@ -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() { proportionFun() {
console.log( console.log(
...@@ -891,6 +898,9 @@ export default { ...@@ -891,6 +898,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
...@@ -263,9 +263,9 @@ ...@@ -263,9 +263,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"
...@@ -750,6 +750,13 @@ export default { ...@@ -750,6 +750,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");
...@@ -1005,6 +1012,7 @@ export default { ...@@ -1005,6 +1012,7 @@ export default {
} }
.scrollbarShow::-webkit-scrollbar { .scrollbarShow::-webkit-scrollbar {
display: block; display: block;
} }
} }
...@@ -1048,6 +1056,7 @@ export default { ...@@ -1048,6 +1056,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
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<el-col :span="6"> <el-col :span="6">
<el-row :gutter="18"> <el-row :gutter="18">
<el-col :span="24"> </el-col> <el-col :span="24"> </el-col>
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <div class="wian">
<img <img
src="./../../../assets/images/01-左上角.png" src="./../../../assets/images/01-左上角.png"
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
alt="" alt=""
class="lowerRight" class="lowerRight"
/> />
<div class="warningInfo" v-if="tionStats">暂无下级数据</div> <div class="warningInfo" v-if="tionStats">暂无下级数据</div>
<div class="titleHead">火化量汇总</div> <div class="titleHead">火化量汇总</div>
<div class="xxxBox"> <div class="xxxBox">
<div class="gradientBoxs"> <div class="gradientBoxs">
...@@ -190,7 +190,9 @@ ...@@ -190,7 +190,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="身份证或者姓名查询"
...@@ -211,8 +213,8 @@ ...@@ -211,8 +213,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"
...@@ -283,9 +285,9 @@ import { ...@@ -283,9 +285,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: [],
...@@ -310,6 +312,12 @@ export default { ...@@ -310,6 +312,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;
...@@ -346,11 +354,11 @@ export default { ...@@ -346,11 +354,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;
}); });
}, },
...@@ -358,14 +366,14 @@ export default { ...@@ -358,14 +366,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();
}); });
}, },
...@@ -374,11 +382,11 @@ export default { ...@@ -374,11 +382,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();
}); });
}, },
...@@ -552,7 +560,7 @@ export default { ...@@ -552,7 +560,7 @@ export default {
// }, // },
series: [ series: [
{ {
name: '火化率统计', name: "火化率统计",
type: "pie", type: "pie",
radius: "65%", radius: "65%",
center: ["50%", "50%"], center: ["50%", "50%"],
...@@ -792,6 +800,11 @@ export default { ...@@ -792,6 +800,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;
...@@ -803,7 +816,7 @@ export default { ...@@ -803,7 +816,7 @@ export default {
} }
input::-webkit-input-placeholder { input::-webkit-input-placeholder {
color: #fff; color: #ffffff;
} }
} }
.lowerLeft { .lowerLeft {
......
src/views/unified/tapSwitch/socialAssistance.vue
...@@ -290,8 +290,8 @@ ...@@ -290,8 +290,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
...@@ -412,6 +412,12 @@ export default { ...@@ -412,6 +412,12 @@ export default {
this.getFivesYearEnjoyStatsFun(); this.getFivesYearEnjoyStatsFun();
}, },
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 {
...@@ -1026,6 +1032,11 @@ export default { ...@@ -1026,6 +1032,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/socialOrganization.vue
...@@ -295,8 +295,8 @@ ...@@ -295,8 +295,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>
...@@ -373,6 +373,12 @@ export default { ...@@ -373,6 +373,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;
...@@ -873,6 +879,11 @@ export default { ...@@ -873,6 +879,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
...@@ -217,8 +217,8 @@ ...@@ -217,8 +217,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"
...@@ -290,8 +290,8 @@ export default { ...@@ -290,8 +290,8 @@ export default {
areaDisabledIssueStats: {}, areaDisabledIssueStats: {},
poorDisabledNum: {}, poorDisabledNum: {},
value: "", value: "",
pk:'', pk: "",
zd:'', zd: "",
}; };
}, },
created() { created() {
...@@ -302,6 +302,12 @@ export default { ...@@ -302,6 +302,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;
...@@ -343,13 +349,18 @@ export default { ...@@ -343,13 +349,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);
}); });
...@@ -852,6 +863,11 @@ export default { ...@@ -852,6 +863,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