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

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

...@@ -42,6 +42,7 @@ ...@@ -42,6 +42,7 @@
:percentage="citys.municipalnum" :percentage="citys.municipalnum"
:width="iswidth" :width="iswidth"
:show-text="false" :show-text="false"
:stroke-width="10"
></el-progress> ></el-progress>
</div> </div>
<div class="Progress"> <div class="Progress">
...@@ -53,6 +54,7 @@ ...@@ -53,6 +54,7 @@
:percentage="citys.countynum" :percentage="citys.countynum"
color="#fac858" color="#fac858"
:width="iswidth" :width="iswidth"
:stroke-width="10"
:show-text="false" :show-text="false"
></el-progress> ></el-progress>
</div> </div>
...@@ -99,7 +101,7 @@ export default defineComponent({ ...@@ -99,7 +101,7 @@ export default defineComponent({
}, },
data() { data() {
return { return {
iswidth: 82, iswidth: 100,
}; };
}, },
}); });
...@@ -116,7 +118,7 @@ export default defineComponent({ ...@@ -116,7 +118,7 @@ export default defineComponent({
// font-size: 20px; // font-size: 20px;
// } // }
.card-item { .card-item {
background-color: #0d417140; background-color: #197ded15;
border: 1px solid #125ba3; border: 1px solid #125ba3;
border-radius: 5px; border-radius: 5px;
padding: 15px 20px; padding: 15px 20px;
...@@ -139,7 +141,7 @@ export default defineComponent({ ...@@ -139,7 +141,7 @@ export default defineComponent({
.xbox-content { .xbox-content {
height: 150px; height: 150px;
box-sizing: border-box; box-sizing: border-box;
background-color: #0e4785; background-color: #197ded15;
border-radius: 4px; border-radius: 4px;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
...@@ -152,22 +154,22 @@ export default defineComponent({ ...@@ -152,22 +154,22 @@ export default defineComponent({
p { p {
color: #fff; color: #fff;
position: absolute; position: absolute;
top: 10px; top: 25px;
right: 20%; right: 16%;
font-size: 14px; font-size: 14px;
} }
.percent { .percent {
color: #4198ff; color: #4198ff;
position: absolute; position: absolute;
top: 40px; top: 60px;
right: 18%; right: 14%;
font-size: 16px; font-size: 16px;
} }
.yellow { .yellow {
color: #fac858; color: #fac858;
position: absolute; position: absolute;
top: 40px; top: 60px;
right: 18%; right: 14%;
font-size: 16px; font-size: 16px;
} }
} }
......
...@@ -89,6 +89,9 @@ export default defineComponent({ ...@@ -89,6 +89,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
formatter: (params) => { formatter: (params) => {
let html = ``; let html = ``;
...@@ -231,7 +234,7 @@ export default defineComponent({ ...@@ -231,7 +234,7 @@ export default defineComponent({
line-height: 50px; line-height: 50px;
border-radius: 4px; border-radius: 4px;
color: #fff; color: #fff;
background: #0e4785; background: #197ded15;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0 10px 0 14px; padding: 0 10px 0 14px;
......
...@@ -69,6 +69,9 @@ export default defineComponent({ ...@@ -69,6 +69,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
textStyle: {}, textStyle: {},
className: "target-bar-tooltip", className: "target-bar-tooltip",
...@@ -111,7 +114,7 @@ export default defineComponent({ ...@@ -111,7 +114,7 @@ export default defineComponent({
}, },
label: { label: {
show: true, show: true,
color: "#00dbf6", color: "#fff",
position: "top", position: "top",
formatter: "{c} 分", formatter: "{c} 分",
}, },
......
...@@ -90,6 +90,9 @@ export default defineComponent({ ...@@ -90,6 +90,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
formatter: (params) => { formatter: (params) => {
let html = ``; let html = ``;
...@@ -198,7 +201,7 @@ export default defineComponent({ ...@@ -198,7 +201,7 @@ export default defineComponent({
flex: 1; flex: 1;
padding: 8px 15px; padding: 8px 15px;
margin-right: 15px; margin-right: 15px;
background: #0e4785; background: #197ded15;
border-radius: 5px; border-radius: 5px;
font-size: 14px; font-size: 14px;
color: #fff; color: #fff;
......
...@@ -168,7 +168,7 @@ export default defineComponent({ ...@@ -168,7 +168,7 @@ export default defineComponent({
{ {
name: "Access From", name: "Access From",
type: "pie", type: "pie",
radius: ["48%", "80%"], radius: ["40%", "80%"],
data: pieData, data: pieData,
}, },
...@@ -242,7 +242,7 @@ export default defineComponent({ ...@@ -242,7 +242,7 @@ export default defineComponent({
flex: 1; flex: 1;
padding: 8px 15px; padding: 8px 15px;
margin-right: 15px; margin-right: 15px;
background: #0e4785; background: #197ded15;
border-radius: 5px; border-radius: 5px;
font-size: 14px; font-size: 14px;
color: #fff; color: #fff;
......
...@@ -150,6 +150,9 @@ export default defineComponent({ ...@@ -150,6 +150,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
className: "economic-echart", className: "economic-echart",
formatter: (params) => { formatter: (params) => {
......
...@@ -127,6 +127,9 @@ export default defineComponent({ ...@@ -127,6 +127,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
className: "munition-echart", className: "munition-echart",
formatter: (params) => { formatter: (params) => {
...@@ -261,6 +264,9 @@ export default defineComponent({ ...@@ -261,6 +264,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
formatter: (params) => { formatter: (params) => {
let html = `<span class="name">${params[0].axisValue}</span>`; let html = `<span class="name">${params[0].axisValue}</span>`;
......
...@@ -122,6 +122,9 @@ export default defineComponent({ ...@@ -122,6 +122,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
className: "person-echart", className: "person-echart",
formatter: (params) => { formatter: (params) => {
......
...@@ -65,6 +65,9 @@ export default defineComponent({ ...@@ -65,6 +65,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
textStyle: {}, textStyle: {},
className: "target-bar-tooltip", className: "target-bar-tooltip",
......
...@@ -100,6 +100,9 @@ export default defineComponent({ ...@@ -100,6 +100,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
className: "income-echart", className: "income-echart",
formatter: (params) => { formatter: (params) => {
......
...@@ -123,6 +123,13 @@ export default defineComponent({ ...@@ -123,6 +123,13 @@ export default defineComponent({
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
className: "extend-tooltip", className: "extend-tooltip",
axisPointer: {
type: 'line',
lineStyle: {
type: 'solid', // 打开就是实线类型
color: '#4198ff',
},
},
formatter: formatter:
"<span class='title'>{b0}</span>: <br /> <span class='bar-text'>{c0}</span> 亿元", "<span class='title'>{b0}</span>: <br /> <span class='bar-text'>{c0}</span> 亿元",
}, },
......
...@@ -141,6 +141,9 @@ export default defineComponent({ ...@@ -141,6 +141,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
className: "industry-tooltip-des", className: "industry-tooltip-des",
formatter: (params) => { formatter: (params) => {
......
...@@ -72,6 +72,9 @@ export default defineComponent({ ...@@ -72,6 +72,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
textStyle: {}, textStyle: {},
className: "target-bar-tooltip", className: "target-bar-tooltip",
......
...@@ -145,6 +145,9 @@ export default defineComponent({ ...@@ -145,6 +145,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
formatter: (params) => { formatter: (params) => {
let html = ``; let html = ``;
...@@ -234,7 +237,7 @@ export default defineComponent({ ...@@ -234,7 +237,7 @@ export default defineComponent({
} }
.card-item { .card-item {
background-color: #0d417140; background-color: #197ded15;
border: 1px solid #125ba3; border: 1px solid #125ba3;
border-radius: 5px; border-radius: 5px;
padding: 15px 20px; padding: 15px 20px;
...@@ -262,7 +265,7 @@ export default defineComponent({ ...@@ -262,7 +265,7 @@ export default defineComponent({
flex: 1; flex: 1;
padding: 8px 15px; padding: 8px 15px;
margin-right: 15px; margin-right: 15px;
background: #0d488d; background: #197ded15;
border-radius: 5px; border-radius: 5px;
font-size: 14px; font-size: 14px;
color: #fff; color: #fff;
......
...@@ -101,6 +101,9 @@ export default defineComponent({ ...@@ -101,6 +101,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
formatter: (params) => { formatter: (params) => {
let html = ``; let html = ``;
...@@ -237,7 +240,7 @@ export default defineComponent({ ...@@ -237,7 +240,7 @@ export default defineComponent({
line-height: 50px; line-height: 50px;
border-radius: 4px; border-radius: 4px;
color: #fff; color: #fff;
background: #0e4785; background: #197ded15;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0 10px 0 10px; padding: 0 10px 0 10px;
......
...@@ -73,6 +73,9 @@ export default defineComponent({ ...@@ -73,6 +73,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
textStyle: {}, textStyle: {},
className: "target-bar-tooltip", className: "target-bar-tooltip",
...@@ -115,10 +118,11 @@ export default defineComponent({ ...@@ -115,10 +118,11 @@ export default defineComponent({
}, },
label: { label: {
show: true, show: true,
color: "#00dbf6", color: "#fff",
position: "top", position: "top",
formatter: "{c}分", formatter: "{c}分",
}, },
barWidth: 20, barWidth: 20,
data: this.seriesData, data: this.seriesData,
}, },
......
...@@ -86,6 +86,9 @@ export default defineComponent({ ...@@ -86,6 +86,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
formatter: (params) => { formatter: (params) => {
let html = ``; let html = ``;
......
...@@ -102,7 +102,9 @@ export default defineComponent({ ...@@ -102,7 +102,9 @@ export default defineComponent({
color: PieColor[`level_${index + 1}`], color: PieColor[`level_${index + 1}`],
}, },
tooltip: { tooltip: {
borderColor: "none", // borderColor: "none",
// extraCssText: "z-index:99999;",
confine: true,
className: "business-pie-tooltip", className: "business-pie-tooltip",
formatter: `<div class="business-pie-tooltip"> formatter: `<div class="business-pie-tooltip">
<span class='title'>${item.label}</span>: <span class='title'>${item.label}</span>:
...@@ -162,6 +164,10 @@ export default defineComponent({ ...@@ -162,6 +164,10 @@ export default defineComponent({
}); });
</script> </script>
<style> <style>
/* .scientific-research-input .business-pie-tooltip {
z-index: 999;
} */
.scientific-research-input .business-pie-tooltip .title { .scientific-research-input .business-pie-tooltip .title {
color: #333; color: #333;
font-weight: bold; font-weight: bold;
...@@ -198,7 +204,7 @@ export default defineComponent({ ...@@ -198,7 +204,7 @@ export default defineComponent({
padding: 10px 15px; padding: 10px 15px;
margin-right: 15px; margin-right: 15px;
background: #0d488d; background: #197ded15;
border-radius: 5px; border-radius: 5px;
font-size: 14px; font-size: 14px;
color: #333; color: #333;
...@@ -238,14 +244,12 @@ export default defineComponent({ ...@@ -238,14 +244,12 @@ export default defineComponent({
color: #fff; color: #fff;
} }
.pie-value { .pie-value {
margin-top: 5px; margin-top: 8px;
padding-left: 20px; padding-left: 20px;
font-size: 12px;
color: #999;
display: flex; display: flex;
align-items: center; align-items: center;
color: #19ecff; color: #19ecff;
font-size: 20px; font-size: 18px;
span { span {
font-size: 12px; font-size: 12px;
color: #fff; color: #fff;
......
...@@ -81,6 +81,9 @@ export default defineComponent({ ...@@ -81,6 +81,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
className: "tooltip-income", className: "tooltip-income",
formatter: (params) => { formatter: (params) => {
......
...@@ -92,6 +92,9 @@ export default defineComponent({ ...@@ -92,6 +92,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
className: "tooltip-progress", className: "tooltip-progress",
formatter: (params) => { formatter: (params) => {
......
...@@ -88,6 +88,9 @@ export default defineComponent({ ...@@ -88,6 +88,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
className: "per-formance-echart", className: "per-formance-echart",
formatter: (params) => { formatter: (params) => {
...@@ -149,7 +152,6 @@ export default defineComponent({ ...@@ -149,7 +152,6 @@ export default defineComponent({
}, },
}, },
}, },
series: seriesList, series: seriesList,
}; };
}, },
......
...@@ -73,7 +73,7 @@ export default defineComponent({ ...@@ -73,7 +73,7 @@ export default defineComponent({
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.card-item { .card-item {
background-color: #0d417140; background-color: #197ded15;
border: 1px solid #125ba3; border: 1px solid #125ba3;
border-radius: 5px; border-radius: 5px;
padding: 16px; padding: 16px;
......
...@@ -231,7 +231,7 @@ export default defineComponent({ ...@@ -231,7 +231,7 @@ export default defineComponent({
line-height: 50px; line-height: 50px;
border-radius: 4px; border-radius: 4px;
color: #fff; color: #fff;
background: #0d488d; background: #197ded15;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0 10px 0 10px; padding: 0 10px 0 10px;
......
...@@ -75,6 +75,9 @@ export default defineComponent({ ...@@ -75,6 +75,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
className: "facility-echart-tooltip", className: "facility-echart-tooltip",
formatter: (params) => { formatter: (params) => {
......
...@@ -91,6 +91,9 @@ export default defineComponent({ ...@@ -91,6 +91,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
formatter: (params) => { formatter: (params) => {
let html = ``; let html = ``;
...@@ -225,7 +228,7 @@ export default defineComponent({ ...@@ -225,7 +228,7 @@ export default defineComponent({
line-height: 50px; line-height: 50px;
border-radius: 4px; border-radius: 4px;
color: #fff; color: #fff;
background: #0d488d; background: #197ded15;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0 10px 0 10px; padding: 0 10px 0 10px;
......
...@@ -72,6 +72,9 @@ export default defineComponent({ ...@@ -72,6 +72,9 @@ export default defineComponent({
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "shadow", type: "shadow",
shadowStyle: {
color: "#1881e120",
},
}, },
textStyle: {}, textStyle: {},
className: "resource-share-target-tooltip", className: "resource-share-target-tooltip",
...@@ -117,7 +120,7 @@ export default defineComponent({ ...@@ -117,7 +120,7 @@ export default defineComponent({
barWidth: 20, barWidth: 20,
label: { label: {
show: true, show: true,
color: "#00dbf6", color: "#fff",
position: "top", position: "top",
formatter: "{c}分", formatter: "{c}分",
}, },
......
...@@ -199,14 +199,15 @@ export default defineComponent({ ...@@ -199,14 +199,15 @@ export default defineComponent({
background: #47d6ad; background: #47d6ad;
} }
.resource-share-tooltip .level_6::before { .resource-share-tooltip .level_6::before {
background: #6fdef7; background: #f78a77;
} }
.resource-share-tooltip .level_7::before { .resource-share-tooltip .level_7::before {
background: #f78a77; background: #8a8aa8;
} }
.resource-share-tooltip .level_8::before { .resource-share-tooltip .level_8::before {
background: #8a8aa8; background: #6fdef7;
} }
.resource-share-tooltip .level_9::before { .resource-share-tooltip .level_9::before {
background: #634cf0; background: #634cf0;
} }
...@@ -243,7 +244,7 @@ export default defineComponent({ ...@@ -243,7 +244,7 @@ export default defineComponent({
line-height: 50px; line-height: 50px;
border-radius: 4px; border-radius: 4px;
color: #fff; color: #fff;
background: #0d488d; background: #197ded15;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0 10px 0 10px; padding: 0 10px 0 10px;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论