提交 a7f33bb5 authored 作者: 邓文彬's avatar 邓文彬

Merge branch 'plus1.1.0' of https://git.yfzx.zjtys.com.cn/cold-coffee/cxsfjx_project into plus1.1.0

...@@ -189,7 +189,7 @@ export default defineComponent({ ...@@ -189,7 +189,7 @@ export default defineComponent({
lineStyle: { lineStyle: {
// 使用深浅的间隔色 // 使用深浅的间隔色
type: 'dashed', type: 'dashed',
color: ["#0087ED"], color: ["#125ba3"],
}, },
}, },
axisLine: { axisLine: {
...@@ -218,10 +218,16 @@ export default defineComponent({ ...@@ -218,10 +218,16 @@ export default defineComponent({
xAxis: { xAxis: {
type: "category", type: "category",
data: xAxisValue, data: xAxisValue,
axisLabel: {
show: true,
textStyle: {
color: "#d4f7ff", //更改坐标轴文字颜色
},
},
axisLine: { axisLine: {
show: true,
lineStyle: { lineStyle: {
color: "#d4f7ff", color: "#125ba3",
// width: 1, //这里是为了突出显示加上的
}, },
}, },
}, },
...@@ -513,7 +519,7 @@ export default defineComponent({ ...@@ -513,7 +519,7 @@ export default defineComponent({
margin-bottom: 8px; margin-bottom: 8px;
} }
.title { .title {
font-weight: bold; // font-weight: bold;
color: #d4f7ff; color: #d4f7ff;
font-size: 14px; font-size: 14px;
position: relative; position: relative;
...@@ -555,7 +561,11 @@ export default defineComponent({ ...@@ -555,7 +561,11 @@ export default defineComponent({
.el-divider { .el-divider {
margin: 15% auto; margin: 15% auto;
height: 70%; height: 70%;
background: #f3f3f3; // position: relative;
// width: 20px;
// display: none;
// border-right: 1px dashed #197ded;
background: #197ded;
} }
} }
...@@ -568,6 +578,6 @@ export default defineComponent({ ...@@ -568,6 +578,6 @@ export default defineComponent({
min-height: 150px; min-height: 150px;
height: calc(100% - 200px); height: calc(100% - 200px);
box-sizing: border-box; box-sizing: border-box;
margin-top: 10px; margin-top: 20px;
} }
</style> </style>
...@@ -168,7 +168,7 @@ export default defineComponent({ ...@@ -168,7 +168,7 @@ export default defineComponent({
lineStyle: { lineStyle: {
// 使用深浅的间隔色 // 使用深浅的间隔色
type: 'dashed', type: 'dashed',
color: ["#0087ED"], color: ["#125ba3"],
}, },
}, },
axisLine: { axisLine: {
...@@ -187,7 +187,7 @@ export default defineComponent({ ...@@ -187,7 +187,7 @@ export default defineComponent({
lineStyle: { lineStyle: {
// 使用深浅的间隔色 // 使用深浅的间隔色
type: 'dashed', type: 'dashed',
color: ["#0087ED"], color: ["#125ba3"],
}, },
}, },
axisLine: { axisLine: {
...@@ -201,10 +201,16 @@ export default defineComponent({ ...@@ -201,10 +201,16 @@ export default defineComponent({
xAxis: { xAxis: {
type: "category", type: "category",
data: xAxisCountry, data: xAxisCountry,
axisLabel: {
show: true,
textStyle: {
color: "#d4f7ff", //更改坐标轴文字颜色
},
},
axisLine: { axisLine: {
show: true,
lineStyle: { lineStyle: {
color: "#d4f7ff", color: "#125ba3",
// width: 1, //这里是为了突出显示加上的
}, },
}, },
}, },
...@@ -295,7 +301,7 @@ export default defineComponent({ ...@@ -295,7 +301,7 @@ export default defineComponent({
lineStyle: { lineStyle: {
// 使用深浅的间隔色 // 使用深浅的间隔色
type: 'dashed', type: 'dashed',
color: ["#0087ED"], color: ["#125ba3"],
}, },
}, },
axisLine: { axisLine: {
...@@ -320,7 +326,7 @@ export default defineComponent({ ...@@ -320,7 +326,7 @@ export default defineComponent({
lineStyle: { lineStyle: {
// 使用深浅的间隔色 // 使用深浅的间隔色
type: 'dashed', type: 'dashed',
color: ["#0087ED"], color: ["#125ba3"],
}, },
}, },
}, },
...@@ -328,10 +334,16 @@ export default defineComponent({ ...@@ -328,10 +334,16 @@ export default defineComponent({
xAxis: { xAxis: {
type: "category", type: "category",
data: xAxisCity, data: xAxisCity,
axisLine: { axisLabel: {
show: true,
textStyle: {
color: "#d4f7ff", //更改坐标轴文字颜色
},
},
axisLine: {
show: true,
lineStyle: { lineStyle: {
color: "#d4f7ff", color: "#125ba3",
// width: 1, //这里是为了突出显示加上的
}, },
}, },
}, },
......
...@@ -169,7 +169,7 @@ export default defineComponent({ ...@@ -169,7 +169,7 @@ export default defineComponent({
lineStyle: { lineStyle: {
// 使用深浅的间隔色 // 使用深浅的间隔色
type: 'dashed', type: 'dashed',
color: ["#0087ED"], color: ["#125ba3"],
}, },
}, },
}, },
...@@ -188,7 +188,7 @@ export default defineComponent({ ...@@ -188,7 +188,7 @@ export default defineComponent({
lineStyle: { lineStyle: {
// 使用深浅的间隔色 // 使用深浅的间隔色
type: 'dashed', type: 'dashed',
color: ["#0087ED"], color: ["#125ba3"],
}, },
}, },
}, },
...@@ -196,10 +196,16 @@ export default defineComponent({ ...@@ -196,10 +196,16 @@ export default defineComponent({
xAxis: { xAxis: {
type: "category", type: "category",
data: xAxisCity, data: xAxisCity,
axisLine: { axisLabel: {
show: true,
textStyle: {
color: "#d4f7ff", //更改坐标轴文字颜色
},
},
axisLine: {
show: true,
lineStyle: { lineStyle: {
color: "#d4f7ff", color: "#125ba3",
// width: 1, //这里是为了突出显示加上的
}, },
}, },
}, },
...@@ -293,7 +299,7 @@ export default defineComponent({ ...@@ -293,7 +299,7 @@ export default defineComponent({
flex: 1; flex: 1;
padding: 8px 15px; padding: 8px 15px;
margin-right: 15px; margin-right: 15px;
background: #0d4479; background: rgba(25, 125, 237, 15%);
border-radius: 5px; border-radius: 5px;
font-size: 14px; font-size: 14px;
color: #d4f7ff; color: #d4f7ff;
......
...@@ -161,10 +161,16 @@ export default defineComponent({ ...@@ -161,10 +161,16 @@ export default defineComponent({
xAxis: { xAxis: {
type: "category", type: "category",
data: xAxisValue, data: xAxisValue,
axisLine: { axisLabel: {
show: true,
textStyle: {
color: "#d4f7ff", //更改坐标轴文字颜色
},
},
axisLine: {
show: true,
lineStyle: { lineStyle: {
color: "#d4f7ff", color: "#125ba3",
// width: 1, //这里是为了突出显示加上的
}, },
}, },
}, },
...@@ -239,7 +245,7 @@ export default defineComponent({ ...@@ -239,7 +245,7 @@ export default defineComponent({
color: #d4f7ff; color: #d4f7ff;
padding: 8px 15px; padding: 8px 15px;
box-sizing: border-box; box-sizing: border-box;
background: rgba(25, 125, 237, 0.2); background: rgba(25, 125, 237, 0.15);
border-radius: 5px; border-radius: 5px;
margin-bottom: 8px; margin-bottom: 8px;
&:last-of-type { &:last-of-type {
......
...@@ -85,10 +85,16 @@ export default defineComponent({ ...@@ -85,10 +85,16 @@ export default defineComponent({
xAxis: { xAxis: {
type: "category", type: "category",
data: xAxisValue, data: xAxisValue,
axisLine: { axisLabel: {
show: true,
textStyle: {
color: "#d4f7ff", //更改坐标轴文字颜色
},
},
axisLine: {
show: true,
lineStyle: { lineStyle: {
color: "#d4f7ff", color: "#125ba3",
// width: 1, //这里是为了突出显示加上的
}, },
}, },
}, },
...@@ -101,7 +107,8 @@ export default defineComponent({ ...@@ -101,7 +107,8 @@ export default defineComponent({
label: { label: {
show: true, show: true,
position: "top", position: "top",
color:"#19ecff", color:"#ffffff",
formatter: "{c}分",
}, },
barWidth: 20, barWidth: 20,
data: this.seriesData, data: this.seriesData,
......
...@@ -82,7 +82,7 @@ export default defineComponent({ ...@@ -82,7 +82,7 @@ export default defineComponent({
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.card-item { .card-item {
background-color: rgba(25, 125, 237, 0.1); background-color: rgba(25, 125, 237, 15%);
border-radius: 5px; border-radius: 5px;
padding: 16px; padding: 16px;
overflow: hidden; overflow: hidden;
......
...@@ -191,15 +191,16 @@ export default defineComponent({ ...@@ -191,15 +191,16 @@ export default defineComponent({
.echarts-circular { .echarts-circular {
position: relative; position: relative;
.money-logo { .money-logo {
top: 40%; top: 43%;
left: 37%; left: 39%;
position: absolute; position: absolute;
text-align: center; text-align: center;
transform: scale(1.2); transform: scale(1.2);
div { div {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 22px; // justify-content: center;
font-size: 18px;
color: #d4f7ff; color: #d4f7ff;
span { span {
font-size: 16px; font-size: 16px;
...@@ -210,7 +211,7 @@ export default defineComponent({ ...@@ -210,7 +211,7 @@ export default defineComponent({
} }
} }
.mony-number { .mony-number {
font-size: 36px; font-size: 30px;
color: #19ecff; color: #19ecff;
} }
} }
...@@ -228,7 +229,7 @@ export default defineComponent({ ...@@ -228,7 +229,7 @@ export default defineComponent({
padding: 10px 15px; padding: 10px 15px;
border-radius: 5px; border-radius: 5px;
// background: #f8f9fb; // background: #f8f9fb;
background: rgba(25, 125, 237, 0.2); background: rgba(25, 125, 237, 0.15);
.el-row { .el-row {
font-size: 14px; font-size: 14px;
color: #d4f7ff; color: #d4f7ff;
......
...@@ -141,7 +141,7 @@ export default defineComponent({ ...@@ -141,7 +141,7 @@ export default defineComponent({
lineStyle: { lineStyle: {
// 使用深浅的间隔色 // 使用深浅的间隔色
type: 'dashed', type: 'dashed',
color: ["#0087ED"], color: ["#125ba3"],
}, },
}, },
axisLine: { axisLine: {
...@@ -160,7 +160,7 @@ export default defineComponent({ ...@@ -160,7 +160,7 @@ export default defineComponent({
lineStyle: { lineStyle: {
// 使用深浅的间隔色 // 使用深浅的间隔色
type: 'dashed', type: 'dashed',
color: ["#0087ED"], color: ["#125ba3"],
}, },
}, },
axisLine: { axisLine: {
...@@ -174,10 +174,17 @@ export default defineComponent({ ...@@ -174,10 +174,17 @@ export default defineComponent({
xAxis: { xAxis: {
type: "category", type: "category",
data: xAxisValue, data: xAxisValue,
axisLine: { //横坐标轴文字颜色
axisLabel: {
show: true,
textStyle: {
color: "#d4f7ff", //更改坐标轴文字颜色
},
},
axisLine: {
show: true,
lineStyle: { lineStyle: {
color: "#d4f7ff", color: "#125ba3",
// width: 1, //这里是为了突出显示加上的
}, },
}, },
}, },
......
...@@ -141,10 +141,17 @@ export default defineComponent({ ...@@ -141,10 +141,17 @@ export default defineComponent({
xAxis: { xAxis: {
type: "category", type: "category",
data: xAxisValue, data: xAxisValue,
axisLine: { //横坐标轴文字颜色
axisLabel: {
show: true,
textStyle: {
color: "#d4f7ff", //更改坐标轴文字颜色
},
},
axisLine: {
show: true,
lineStyle: { lineStyle: {
color: "#d4f7ff", color: "#125ba3",
// width: 1, //这里是为了突出显示加上的
}, },
}, },
}, },
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<span>{{ item.label }}</span> <span>{{ item.label }}</span>
<div class="value-des"> <div class="value-des">
<span class="value-des-val">{{ item.value || "--" }}</span> <span class="value-des-val">{{ item.value || "--" }}</span>
<span v-if="index===0"> 亿元</span> <span v-if="index===0">亿元</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -168,55 +168,62 @@ export default defineComponent({ ...@@ -168,55 +168,62 @@ export default defineComponent({
}, },
legend: { legend: {
right: "2%", right: "2%",
textStyle:{ textStyle: {
color:"#d4f7ff" color: "#d4f7ff",
} },
}, },
yAxis: [ yAxis: [
{ {
type: "value", type: "value",
name: "金额(亿元)", name: "金额(亿元)",
splitLine: { splitLine: {
lineStyle: { lineStyle: {
// 使用深浅的间隔色 // 使用深浅的间隔色
type: 'dashed', type: "dashed",
color: ["#0087ED"], color: ["#125ba3"],
},
}, },
}, axisLine: {
axisLine: { lineStyle: {
lineStyle: { color: "#d4f7ff",
color: "#d4f7ff", // width: 1, //这里是为了突出显示加上的
// width: 1, //这里是为了突出显示加上的 },
}, },
}, },
},
{ {
type: "value", type: "value",
name: "增长率%", name: "增长率%",
min: -10, min: -10,
max: 100, max: 100,
splitLine: { splitLine: {
lineStyle: { lineStyle: {
// 使用深浅的间隔色 // 使用深浅的间隔色
type: 'dashed', type: "dashed",
color: ["#0087ED"], color: ["#125ba3"],
},
}, },
}, axisLine: {
axisLine: { lineStyle: {
lineStyle: { color: "#d4f7ff",
color: "#d4f7ff", // width: 1, //这里是为了突出显示加上的
// width: 1, //这里是为了突出显示加上的 },
}, },
}, },
},
], ],
xAxis: { xAxis: {
type: "category", type: "category",
data: xAxisValue, data: xAxisValue,
axisLine: { //横坐标轴文字颜色
axisLabel: {
show: true,
textStyle: {
color: "#d4f7ff", //更改坐标轴文字颜色
},
},
axisLine: {
show: true,
lineStyle: { lineStyle: {
color: "#d4f7ff", color: "#125ba3",
// width: 1, //这里是为了突出显示加上的
}, },
}, },
}, },
...@@ -322,8 +329,7 @@ export default defineComponent({ ...@@ -322,8 +329,7 @@ export default defineComponent({
padding: 10px 15px; padding: 10px 15px;
margin-right: 15px; margin-right: 15px;
// background: #f8f9fb; background: rgba(25, 125, 237, 0.2);
background: rgba(25, 125, 237, 0.2);
border-radius: 5px; border-radius: 5px;
font-size: 14px; font-size: 14px;
color: #d4f7ff; color: #d4f7ff;
...@@ -340,7 +346,7 @@ export default defineComponent({ ...@@ -340,7 +346,7 @@ export default defineComponent({
margin-right: 5px; margin-right: 5px;
color: #19ecff; color: #19ecff;
} }
.value-des-unit{ .value-des-unit {
color: #4198ff; color: #4198ff;
} }
} }
......
...@@ -94,10 +94,17 @@ export default defineComponent({ ...@@ -94,10 +94,17 @@ export default defineComponent({
xAxis: { xAxis: {
type: "category", type: "category",
data: xAxisValue, data: xAxisValue,
axisLine: { //横坐标轴文字颜色
axisLabel: {
show: true,
textStyle: {
color: "#d4f7ff", //更改坐标轴文字颜色
},
},
axisLine: {
show: true,
lineStyle: { lineStyle: {
color: "#d4f7ff", color: "#125ba3",
// width: 1, //这里是为了突出显示加上的
}, },
}, },
}, },
...@@ -111,8 +118,8 @@ export default defineComponent({ ...@@ -111,8 +118,8 @@ export default defineComponent({
label: { label: {
show: true, show: true,
position: "top", position: "top",
color:"#19ecff", color:"#ffffff",
// formatter: "{c}亿元" formatter: "{c}分"
}, },
data: this.seriesData, data: this.seriesData,
}, },
......
...@@ -87,7 +87,7 @@ export default defineComponent({ ...@@ -87,7 +87,7 @@ export default defineComponent({
<style lang="scss" scoped> <style lang="scss" scoped>
.card-item { .card-item {
// background: #fff; // background: #fff;
background-color: rgba(25, 125, 237, 10%); background-color: rgba(25, 125, 237, 15%);
border-radius: 5px; border-radius: 5px;
padding: 16px; padding: 16px;
overflow: hidden; overflow: hidden;
......
...@@ -14,12 +14,12 @@ ...@@ -14,12 +14,12 @@
color: #d4f7ff; color: #d4f7ff;
} }
.color-pramiry{ .color-pramiry{
color: #4198ff; color: #19ecff;
margin-right:5px; margin-right:5px;
} }
.item-bg { .item-bg {
padding: 8px; padding: 8px;
background: rgba(25, 125, 237, 0.2); background: rgba(25, 125, 237, 0.1);
border-radius: 5px; border-radius: 5px;
} }
.flex-row { .flex-row {
......
...@@ -111,7 +111,7 @@ export default defineComponent({ ...@@ -111,7 +111,7 @@ export default defineComponent({
@import url("./common.css"); @import url("./common.css");
.item-bg { .item-bg {
padding: 12px 8px; padding: 12px 8px;
background-color: rgba(25, 125, 237, 20%); background-color: rgba(25, 125, 237, 10%);
} }
.info { .info {
padding: 10px 0; padding: 10px 0;
......
...@@ -122,7 +122,7 @@ export default defineComponent({ ...@@ -122,7 +122,7 @@ export default defineComponent({
lineStyle: { lineStyle: {
// 使用深浅的间隔色 // 使用深浅的间隔色
type: 'dashed', type: 'dashed',
color: ["#0087ED"], color: ["#125ba3"],
}, },
}, },
axisLine: { axisLine: {
...@@ -141,7 +141,7 @@ export default defineComponent({ ...@@ -141,7 +141,7 @@ export default defineComponent({
lineStyle: { lineStyle: {
// 使用深浅的间隔色 // 使用深浅的间隔色
type: 'dashed', type: 'dashed',
color: ["#0087ED"], color: ["#125ba3"],
}, },
}, },
axisLine: { axisLine: {
...@@ -150,18 +150,23 @@ export default defineComponent({ ...@@ -150,18 +150,23 @@ export default defineComponent({
// width: 1, //这里是为了突出显示加上的 // width: 1, //这里是为了突出显示加上的
}, },
}, },
splitLine: {
show: false,
},
}, },
], ],
xAxis: { xAxis: {
type: "category", type: "category",
data: xAxisValue, data: xAxisValue,
axisLine: { //横坐标轴文字颜色
axisLabel: {
show: true,
textStyle: {
color: "#d4f7ff", //更改坐标轴文字颜色
},
},
axisLine: {
show: true,
lineStyle: { lineStyle: {
color: "#d4f7ff", color: "#125ba3",
// width: 1, //这里是为了突出显示加上的
}, },
}, },
}, },
......
...@@ -137,7 +137,7 @@ export default defineComponent({ ...@@ -137,7 +137,7 @@ export default defineComponent({
lineStyle: { lineStyle: {
type: 'dashed', type: 'dashed',
// 使用深浅的间隔色 // 使用深浅的间隔色
color: ["#0087ED"], color: ["#125ba3"],
}, },
}, },
}, },
...@@ -149,7 +149,7 @@ export default defineComponent({ ...@@ -149,7 +149,7 @@ export default defineComponent({
lineStyle: { lineStyle: {
// 使用深浅的间隔色 // 使用深浅的间隔色
type: 'dashed', type: 'dashed',
color: ["#0087ED"], color: ["#125ba3"],
}, },
}, },
axisLine: { axisLine: {
...@@ -165,10 +165,17 @@ export default defineComponent({ ...@@ -165,10 +165,17 @@ export default defineComponent({
xAxis: { xAxis: {
type: "category", type: "category",
data: xAxisValue, data: xAxisValue,
axisLine: { //横坐标轴文字颜色
axisLabel: {
show: true,
textStyle: {
color: "#d4f7ff", //更改坐标轴文字颜色
},
},
axisLine: {
show: true,
lineStyle: { lineStyle: {
color: "#d4f7ff", color: "#125ba3",
// width: 1, //这里是为了突出显示加上的
}, },
}, },
}, },
......
...@@ -15,11 +15,11 @@ import { mapState } from "vuex"; ...@@ -15,11 +15,11 @@ import { mapState } from "vuex";
let MAP_ECHARTS = null; let MAP_ECHARTS = null;
enum Bar_Enum { enum Bar_Enum {
level_1 = "#4f5d81", level_1 = "#23bcf9",
level_2 = "#429a9d", level_2 = "#67bbf9",
level_3 = "#007fb2", level_3 = "#0ecedd",
level_4 = "#eca933", level_4 = "#eca933",
level_5 = "#4191ff", level_5 = "#4198ff",
} }
const xAxisValue = [ const xAxisValue = [
...@@ -105,9 +105,9 @@ export default defineComponent({ ...@@ -105,9 +105,9 @@ export default defineComponent({
}, },
}, },
legend: { legend: {
textStyle:{ textStyle: {
color:"#fff" color: "#fff",
} },
}, },
grid: { grid: {
left: "0%", left: "0%",
...@@ -127,19 +127,25 @@ export default defineComponent({ ...@@ -127,19 +127,25 @@ export default defineComponent({
splitLine: { splitLine: {
lineStyle: { lineStyle: {
// 使用深浅的间隔色 // 使用深浅的间隔色
type: 'dashed', type: "dashed",
color: ["#0087ED"], color: ["#125ba3"],
}, },
}, },
}, },
xAxis: { xAxis: {
type: "category", type: "category",
data: xAxisValue, data: xAxisValue,
//横坐标轴文字颜色
axisLabel: {
show: true,
textStyle: {
color: "#d4f7ff", //更改坐标轴文字颜色
},
},
axisLine: { axisLine: {
show: true,
lineStyle: { lineStyle: {
color: "#125ba3",
color: "#d4f7ff",
// width: 1, //这里是为了突出显示加上的
}, },
}, },
}, },
......
...@@ -75,22 +75,19 @@ export default defineComponent({ ...@@ -75,22 +75,19 @@ export default defineComponent({
font-weight: bold; font-weight: bold;
font-size: 14px; font-size: 14px;
} }
/* .el-scrollbar__wrap {
background: #0e4780 !important;
} */
.el-table__body tr:hover > td { .el-table__body tr:hover > td {
background-color: #134087 !important; background-color: #134087 !important;
} }
.el-table tr { .el-table tr {
background: #0c3a65 !important; background: #093971 !important;
} }
.el-table td.el-table__cell, .el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf { .el-table th.el-table__cell.is-leaf {
border-bottom: 1px dashed #197ded; border-bottom: 1px dashed #125ba3;
} }
.el-scrollbar { .el-scrollbar {
height: 86%; height: 86%;
border-bottom: 1px dashed #197ded; border-bottom: 1px dashed #125ba3;
} }
.el-table .cell { .el-table .cell {
color: #d4f7ff; color: #d4f7ff;
...@@ -99,7 +96,6 @@ export default defineComponent({ ...@@ -99,7 +96,6 @@ export default defineComponent({
<style lang="scss" scoped> <style lang="scss" scoped>
.el-scrollbar { .el-scrollbar {
margin-top: 10px; margin-top: 10px;
// background: red;
} }
.tab-other-index { .tab-other-index {
text-align: center; text-align: center;
...@@ -111,7 +107,6 @@ export default defineComponent({ ...@@ -111,7 +107,6 @@ export default defineComponent({
justify-content: center; justify-content: center;
width: 22px; width: 22px;
height: 22px; height: 22px;
// border: 1px solid;
color: #fff; color: #fff;
font-size: 16px; font-size: 16px;
font-family: tabTypeFace; font-family: tabTypeFace;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论