ccsens_zhengzhichuan
/
acupuncture
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

统计颜色调整

new-ays
1747191978@qq.com 2 months ago
parent
48cbf8d670
commit
187df77326
6 changed files with 72 additions and 65 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 10
      acupuncture-后台/src/views/indexCom/XGZL.vue
  2. 70
      acupuncture-后台/src/views/indexCom/follow.vue
  3. BIN
      acupuncture-后台/src/views/indexCom/image.png
  4. 44
      acupuncture-后台/src/views/indexCom/index.js
  5. 6
      acupuncture-后台/src/views/indexCom/patient.vue
  6. 7
      acupuncture-后台/src/views/indexCom/query.vue

10
acupuncture-后台/src/views/indexCom/XGZL.vue
View File

@ -9,7 +9,7 @@
<div class="dis">
<div class="dian-box dis">
<div class="dian-box dis">
<span class="dian" style="background: #c6a268"></span>
<span class="dian" style="background: #df8845"></span>
中西医结合
</div>
<span class="dian" style="background: #d8d8d8"></span>
@ -52,11 +52,11 @@
<div class="dis">
<div class="dian-box dis">
<div class="dian-box dis">
<span class="dian" style="background: #c6a268"></span>
<span class="dian" style="background: #df8845"></span>
治愈
</div>
<div class="dian-box dis">
<span class="dian" style="background: #906c4a"></span>
<span class="dian" style="background: #00a046"></span>
显效
</div>
<div class="dian-box dis">
@ -64,7 +64,7 @@
好转
</div>
<div class="dian-box dis">
<span class="dian" style="background: #c7bdb1"></span>
<span class="dian" style="background: #ebe4c6"></span>
无效
</div>
</div>
@ -381,7 +381,7 @@ export default {
display: inline-block;
height: 20px;
width: 6px;
background: #4f8bff;
background: #406e49;
margin-right: 10px;
border-radius: 8px;
}

70
acupuncture-后台/src/views/indexCom/follow.vue
View File

@ -89,46 +89,50 @@ export default {
handleFollow() {
followEcharts.series = [];
let colorArr = [
"#C7BDB1",
"#C6A268",
"#906C4A",
"#EBE4C6",
"#DF8845",
"#406E49",
"#582518",
"#C7BDB1",
"#C6A268",
"#906C4A",
"#00A046",
"#EBE4C6",
"#DF8845",
"#406E49",
"#582518",
"#C7BDB1",
"#C6A268",
"#906C4A",
"#00A046",
"#EBE4C6",
"#DF8845",
"#406E49",
"#582518",
"#C7BDB1",
"#C6A268",
"#906C4A",
"#00A046",
"#EBE4C6",
"#DF8845",
"#406E49",
"#582518",
"#C7BDB1",
"#C6A268",
"#906C4A",
"#00A046",
"#EBE4C6",
"#DF8845",
"#406E49",
"#582518",
"#C7BDB1",
"#C6A268",
"#906C4A",
"#00A046",
"#EBE4C6",
"#DF8845",
"#406E49",
"#582518",
"#C7BDB1",
"#C6A268",
"#906C4A",
"#00A046",
"#EBE4C6",
"#DF8845",
"#406E49",
"#582518",
"#C7BDB1",
"#C6A268",
"#906C4A",
"#00A046",
"#EBE4C6",
"#DF8845",
"#406E49",
"#582518",
"#00A046",
"#EBE4C6",
"#DF8845",
"#406E49",
"#00A046",
"#EBE4C6",
"#DF8845",
"#406E49",
"#00A046",
"#EBE4C6",
"#DF8845",
"#406E49",
"#00A046",
];
let index = 0;
for (let key in this.followValue) {
@ -254,7 +258,7 @@ export default {
display: inline-block;
height: 20px;
width: 6px;
background: #4f8bff;
background: #406e49;
margin-right: 10px;
border-radius: 8px;
}

BIN
acupuncture-后台/src/views/indexCom/image.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

44
acupuncture-后台/src/views/indexCom/index.js
View File

@ -23,7 +23,7 @@ export const HZXX = {
bottom: "0%",
containLabel: true,
},
color: ["#C6A268"],
color: ["#DF8845"],
graphic: {
type: "text",
left: "center",
@ -76,7 +76,7 @@ export const gende = {
bottom: "0%",
containLabel: true,
},
color: ["#406E49", "#C7BDB1"],
color: ["#406E49", "#EBE4C6"],
series: [
{
type: "pie",
@ -108,7 +108,7 @@ export const ageEcharts = {
axisPointer: {
type: "cross",
label: {
backgroundColor: "#6a7985",
backgroundColor: "#DF8845",
},
},
formatter: function (params) {
@ -156,14 +156,14 @@ export const ageEcharts = {
data: [],
type: "bar",
barMaxWidth: 24, //柱图宽度
color: "#C6A268",
color: "#DF8845",
// itemStyle: {
// normal: {
// //这里设置柱形图圆角 [左上角，右上角，右下角，左下角]
// barBorderRadius: [50, 50, 0, 0],
// color: function (params) {
// var colorList = [
// "#C6A268",
// "#DF8845",
// ];
// return colorList[params.dataIndex];
// },
@ -179,7 +179,7 @@ export const diseaseEcharts = {
axisPointer: {
type: "cross",
label: {
backgroundColor: "#6a7985",
backgroundColor: "#DF8845",
},
},
formatter: function (params) {
@ -240,7 +240,7 @@ export const diagnoseEcharts = {
axisPointer: {
type: "cross",
label: {
backgroundColor: "#6a7985",
backgroundColor: "#DF8845",
},
},
formatter: function (params) {
@ -290,7 +290,7 @@ export const diagnoseEcharts = {
data: [],
type: "bar",
barMaxWidth: 24, //柱图宽度
color: "#906C4A",
color: "#406E49",
},
],
};
@ -301,7 +301,7 @@ export const systemEcharts = {
axisPointer: {
type: "cross",
label: {
backgroundColor: "#6a7985",
backgroundColor: "#DF8845",
},
},
formatter: function (params) {
@ -349,7 +349,7 @@ export const systemEcharts = {
data: [],
type: "bar",
barMaxWidth: 24, //柱图宽度
color: "#C6A268",
color: "#DF8845",
// itemStyle: {
// normal: {
// //这里设置柱形图圆角 [左上角，右上角，右下角，左下角]
@ -366,7 +366,7 @@ export const physiqueEcharts = {
axisPointer: {
type: "cross",
label: {
backgroundColor: "#6a7985",
backgroundColor: "#DF8845",
},
},
formatter: function (params) {
@ -447,7 +447,7 @@ export const postureEcharts = {
bottom: "0%",
containLabel: true,
},
color: ["#C7BDB1", "#C6A268", "#906C4A", "#406E49", "#582518"],
color: ["#C7BDB1", "#DF8845", "#906C4A", "#406E49", "#582518"],
series: [
{
type: "pie",
@ -479,7 +479,7 @@ export const agrypniaEcharts = {
axisPointer: {
type: "cross",
label: {
backgroundColor: "#6a7985",
backgroundColor: "#DF8845",
},
},
formatter: function (params) {
@ -527,7 +527,7 @@ export const agrypniaEcharts = {
data: [],
type: "bar",
barMaxWidth: 24, //柱图宽度
color: "#C6A268",
color: "#DF8845",
// itemStyle: {
// normal: {
// //这里设置柱形图圆角 [左上角，右上角，右下角，左下角]
@ -544,7 +544,7 @@ export const anxietyEcharts = {
axisPointer: {
type: "cross",
label: {
backgroundColor: "#6a7985",
backgroundColor: "#DF8845",
},
},
formatter: function (params) {
@ -626,7 +626,7 @@ export const healTypeEcharts = {
bottom: "0%",
containLabel: true,
},
color: ["#C6A268", "#D8D8D8"],
color: ["#DF8845", "#D8D8D8"],
series: [
{
type: "pie",
@ -658,7 +658,7 @@ export const diseaseMethodEcharts = {
axisPointer: {
type: "cross",
label: {
backgroundColor: "#6a7985",
backgroundColor: "#DF8845",
},
},
formatter: function (params) {
@ -747,7 +747,7 @@ export const effectEcharts = {
bottom: "0%",
containLabel: true,
},
color: ["#C6A268", "#906C4A", "#406E49", "#C7BDB1"],
color: ["#DF8845", "#00A046", "#406E49", "#EBE4C6"],
series: [
{
type: "pie",
@ -779,7 +779,7 @@ export const costEcharts = {
axisPointer: {
type: "cross",
label: {
backgroundColor: "#6a7985",
backgroundColor: "#DF8845",
},
},
formatter: function (params) {
@ -827,7 +827,7 @@ export const costEcharts = {
data: [],
type: "bar",
barMaxWidth: 24, //柱图宽度
color: "#C6A268",
color: "#DF8845",
// itemStyle: {
// normal: {
// //这里设置柱形图圆角 [左上角，右上角，右下角，左下角]
@ -844,7 +844,7 @@ export const followEcharts = {
axisPointer: {
type: "cross",
label: {
backgroundColor: "#6a7985",
backgroundColor: "#DF8845",
},
},
formatter: function (params) {
@ -895,7 +895,7 @@ export const lossFollowEcharts = {
axisPointer: {
type: "cross",
label: {
backgroundColor: "#6a7985",
backgroundColor: "#DF8845",
},
},
formatter: function (params) {

6
acupuncture-后台/src/views/indexCom/patient.vue
View File

@ -44,7 +44,7 @@
<span class="dian" style="background: #406e49"></span>
男
</div>
<span class="dian" style="background: #c7bdb1"></span>
<span class="dian" style="background: #ebe4c6"></span>
女
</div>
</div>
@ -283,7 +283,7 @@ export default {
<style scoped src="@/assets/styles/common.css"></style>
<style scoped>
.div-hz {
background: #c6a268;
background: #df8845;
width: 80%;
height: 70%;
border-radius: 10px;
@ -372,7 +372,7 @@ export default {
display: inline-block;
height: 20px;
width: 6px;
background: #4f8bff;
background: #406e49;
margin-right: 10px;
border-radius: 8px;
}

7
acupuncture-后台/src/views/indexCom/query.vue
View File

@ -147,7 +147,10 @@ export default {
</script>
<style scoped src="@/assets/styles/common.css"></style>
<style scoped>
. >>> .el-radio--small.is-bordered {
>>> .el-card {
margin-bottom: 0 !important;
}
>>> .el-radio--small.is-bordered {
margin-right: 20px !important;
margin-left: 0 !important;
}
@ -172,7 +175,7 @@ export default {
display: inline-block;
height: 20px;
width: 6px;
background: #4f8bff;
background: #406e49;
margin-right: 10px;
border-radius: 8px;
}

Write Preview
Loading…
Cancel
Save