6c8e88e4 by xiaomiao

--no commit message

1 parent a43c33ea
...@@ -135,7 +135,7 @@ export default { ...@@ -135,7 +135,7 @@ export default {
135 label: { 135 label: {
136 136
137 formatter: params => { 137 formatter: params => {
138 return `${params.data.name}\n${params.data.value+"个"}`; 138 return `${params.name}\n${params.value+"个"}`;
139 }, 139 },
140 show: true, 140 show: true,
141 position: 'insideRight', 141 position: 'insideRight',
......
1 <template>
2 <Echart :options="options" id="centreLeft1Chart" :key="key" height="225px" width="80%"></Echart>
3 </template>
4 <script>
5 import Echart from '@/common/echart'
6 export default {
7 components: {
8 Echart,
9 },
10 data() {
11 return {
12 key:0
13 }
14 },
15 props: {
16 cdata: {
17 type: Object,
18 default: () => ({})
19 },
20 },
21 watch: {
22 cdata: {
23 handler (newData) {
24 console.log("newData",newData);
25 this.options = {
26 grid: {
27 right:"1%",
28 bottom:"4%"
29 },
30 color: [
31 "#37a2da",
32 "#32c5e9",
33 "#9fe6b8",
34 "#ffdb5c",
35 "#ff9f7f",
36 "#fb7293",
37 "#e7bcf3",
38 "#8378ea"
39 ],
40 tooltip: {
41 trigger: "item",
42 formatter: "{a} <br/>{b} : {c} ({d}%)"
43 },
44 toolbox: {
45 show: true
46 },
47 calculable: true,
48 series: [
49 {
50 name: "业务量",
51 type: "pie",
52 radius: [40,100],
53 roseType: "area",
54 data: newData.seriesData
55 }
56 ],
57
58 }
59 this.key++
60 },
61 immediate: true,
62 deep: true
63 }
64 }
65 };
66 </script>
67
68 <style lang="scss" scoped>
69 #centreLeft1Chart {
70 margin-bottom: 10px;
71 margin-left: 60px;
72 }
73 </style>
1 <template>
2 <div>
3 <Chart :cdata="cdata" />
4 </div>
5 </template>
6
7 <script>
8 import Chart from "./Chart";
9 import work from "@/api/work";
10 export default {
11 data () {
12 return {
13 cdata: {
14 seriesData: [],
15 },
16 };
17 },
18 components: {
19 Chart,
20 },
21 mounted () {
22 this.getdjywltotal();
23
24
25 },
26 methods: {
27 // 获取登记业务量玫瑰图数据
28 async getdjywltotal () {
29 try {
30 let p = {
31 DJLX: "",
32 QLLX: "",
33 XZQDM: "",
34 };
35 let res = await work.getdjywltotal(p);
36 console.log("res",res);
37 // 遍历修改数组键,作为echars图表的参数
38 res.result.map((item) => {
39 return (
40 this.cdata.seriesData.push({ "name": item.AREACODE, "value": item.ywtotal })
41 )
42 });
43 } catch (error) {
44 console.log(error);
45 }
46
47
48 },
49 },
50 };
51 </script>
52
53 <style lang="scss" scoped>
54 </style>
...@@ -49,7 +49,7 @@ export default { ...@@ -49,7 +49,7 @@ export default {
49 { 49 {
50 name: "业务量", 50 name: "业务量",
51 type: "pie", 51 type: "pie",
52 radius: [40,100], 52 radius: [0,100],
53 roseType: "area", 53 roseType: "area",
54 data: newData.seriesData 54 data: newData.seriesData
55 } 55 }
......
...@@ -33,11 +33,11 @@ export default { ...@@ -33,11 +33,11 @@ export default {
33 XZQDM: "", 33 XZQDM: "",
34 }; 34 };
35 let res = await work.getdjywltotal(p); 35 let res = await work.getdjywltotal(p);
36 console.log("res",res);
37 // 遍历修改数组键,作为echars图表的参数 36 // 遍历修改数组键,作为echars图表的参数
38 res.result.map((item) => { 37 res.result.map((item) => {
39 return ( 38 return (
40 this.cdata.seriesData.push({ "name": item.AREACODE, "value": item.ywtotal }) 39 this.cdata.seriesData.push({ "name": item.AREACODE, "value": item.ywtotal })
40
41 ) 41 )
42 }); 42 });
43 } catch (error) { 43 } catch (error) {
......
...@@ -283,6 +283,19 @@ table td { ...@@ -283,6 +283,19 @@ table td {
283 283
284 // 时间选择框样式 284 // 时间选择框样式
285 .el-date-picker { 285 .el-date-picker {
286 background: url("~@/image/slbg.png") no-repeat;
287 background-size: 100% 100%;
288 padding-top: 13px;
289 padding-bottom: 13px;
290 table{
291 background: url("~@/image/rqjx.png") no-repeat;
292 background-size: 100% 100%;
293 padding: 8px;
294 }
295 table td {
296 box-sizing: border-box;
297 border-bottom: 0px solid #074487!important;
298 }
286 .el-input__inner { 299 .el-input__inner {
287 background-color: #031a46; 300 background-color: #031a46;
288 } 301 }
...@@ -298,18 +311,24 @@ table td { ...@@ -298,18 +311,24 @@ table td {
298 .el-date-table td.disabled div { 311 .el-date-table td.disabled div {
299 background-color: #074487; 312 background-color: #074487;
300 } 313 }
301 314 .el-date-picker__header{
302 background-color: #031a46; 315 margin-bottom: 0px;
303 316 }
304 .el-date-picker__header-label { 317 .el-date-picker__header-label {
305 color: #A6CFD6; 318 color: #A6CFD6;
306 } 319 }
307 320
308 .el-picker-panel__content { 321 .el-picker-panel__content {
309 background-color: #074487; 322 padding-top: 0px;
310 323 margin-top: 0px;
311 .disabled { 324 .disabled {
312 background-color: #074487; 325 background-color: #074487;
326 div{
327 span{
328 color:rgba(172, 239, 250,.5)
329
330 }
331 }
313 332
314 } 333 }
315 } 334 }
...@@ -324,7 +343,7 @@ table td { ...@@ -324,7 +343,7 @@ table td {
324 } 343 }
325 344
326 .el-date-table td span { 345 .el-date-table td span {
327 color: #A6CFD6; 346 color: #DBFAFF
328 } 347 }
329 348
330 .el-date-table td.current:not(.disabled) span { 349 .el-date-table td.current:not(.disabled) span {
......
...@@ -93,8 +93,8 @@ export default { ...@@ -93,8 +93,8 @@ export default {
93 }; 93 };
94 let res = await work.getsthjqxjrtotal(p); 94 let res = await work.getsthjqxjrtotal(p);
95 console.log("res",res); 95 console.log("res",res);
96 this.stjrl=res.result.sum 96 this.stjrl=res.result.stsum
97 this.qxjrl=res.result.sum 97 this.qxjrl=res.result.qxsum
98 this.qxerrer=Number(res.result.qxjrerrer) 98 this.qxerrer=Number(res.result.qxjrerrer)
99 this.sterrer=Number(res.result.sthjerrer) 99 this.sterrer=Number(res.result.sthjerrer)
100 if(res.result.sum=="0"){ 100 if(res.result.sum=="0"){
......