Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
b3e5ffef by xiaomiao
Options

样式调整

1 parent 27c08ae7
Inline Side-by-side
Showing 22 changed files with 96 additions and 62 deletions
...@@ -4,8 +4,8 @@ ...@@ -4,8 +4,8 @@
4 </template> 4 </template>
5 5
6 <script> 6 <script>
7 import Echart from "@/common/echart"; 7 import Echart from "@/common/echart";
8 export default { 8 export default {
9 data () { 9 data () {
10 return { 10 return {
11 xAxisData: {}, 11 xAxisData: {},
...@@ -35,7 +35,7 @@ export default { ...@@ -35,7 +35,7 @@ export default {
35 } 35 }
36 return rgbaColor; 36 return rgbaColor;
37 }, 37 },
38 fontSize(res) { 38 fontSize (res) {
39 let docEl = document.documentElement, 39 let docEl = document.documentElement,
40 clientWidth = 40 clientWidth =
41 window.innerWidth || 41 window.innerWidth ||
...@@ -44,7 +44,7 @@ export default { ...@@ -44,7 +44,7 @@ export default {
44 if (!clientWidth) return; 44 if (!clientWidth) return;
45 let fontSize = clientWidth / 1920; 45 let fontSize = clientWidth / 1920;
46 return res * fontSize; 46 return res * fontSize;
47 } 47 }
48 }, 48 },
49 watch: { 49 watch: {
50 cdata: { 50 cdata: {
...@@ -61,13 +61,14 @@ export default { ...@@ -61,13 +61,14 @@ export default {
61 data: newData.legendItem, 61 data: newData.legendItem,
62 textStyle: { 62 textStyle: {
63 color: "#00DEFF", 63 color: "#00DEFF",
64 fontSize:this.fontSize(12), 64 fontSize: this.fontSize(12),
65 }, 65 },
66 }, 66 },
67 // calculable: true, 67 // calculable: true,
68 tooltip: { 68 tooltip: {
69 trigger: "axis", 69 trigger: "axis",
70 formatter: function (params) { 70 formatter: function (params) {
71 console.log("params222", params);
71 let html = ""; 72 let html = "";
72 params.forEach((v) => { 73 params.forEach((v) => {
73 html += `<div style="color: #000;font-size: 14px;line-height: 24px background-color: #000000"> 74 html += `<div style="color: #000;font-size: 14px;line-height: 24px background-color: #000000">
...@@ -151,10 +152,7 @@ export default { ...@@ -151,10 +152,7 @@ export default {
151 zlevel: 3, 152 zlevel: 3,
152 lineStyle: { 153 lineStyle: {
153 normal: { 154 normal: {
154 color: newData.color[0], 155 color: newData.color[0]
155 shadowBlur: 3,
156 shadowColor: this.hexToRgba(newData.color[0], 0.5),
157 shadowOffsetY: 0,
158 }, 156 },
159 }, 157 },
160 data: this.yAxisData1, 158 data: this.yAxisData1,
...@@ -170,9 +168,6 @@ export default { ...@@ -170,9 +168,6 @@ export default {
170 lineStyle: { 168 lineStyle: {
171 normal: { 169 normal: {
172 color: newData.color[1], 170 color: newData.color[1],
173 shadowBlur: 0,
174 shadowColor: this.hexToRgba(newData.color[1], 0.5),
175 shadowOffsetY: 0,
176 }, 171 },
177 }, 172 },
178 data: this.yAxisData2, 173 data: this.yAxisData2,
...@@ -188,9 +183,6 @@ export default { ...@@ -188,9 +183,6 @@ export default {
188 lineStyle: { 183 lineStyle: {
189 normal: { 184 normal: {
190 color: newData.color[2], 185 color: newData.color[2],
191 shadowBlur: 3,
192 shadowColor: this.hexToRgba(newData.color[2], 0.5),
193 shadowOffsetY: 0,
194 }, 186 },
195 }, 187 },
196 data: this.yAxisData3, 188 data: this.yAxisData3,
...@@ -202,5 +194,5 @@ export default { ...@@ -202,5 +194,5 @@ export default {
202 deep: true, 194 deep: true,
203 }, 195 },
204 }, 196 },
205 }; 197 };
206 </script> 198 </script>
......
...@@ -33,6 +33,21 @@ ...@@ -33,6 +33,21 @@
33 axisPointer: { 33 axisPointer: {
34 type: "shadow", 34 type: "shadow",
35 }, 35 },
36 formatter: function (params) {
37 console.log("params222", params);
38 let html = "";
39 params.forEach((v) => {
40 html += `<div style="color: #000;font-size: 14px;line-height: 24px background-color: #000000">
41 <span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${params[v.componentIndex].color
42 };"></span>
43 ${v.seriesName}.${v.name}
44 <span style="color:blue;font-weight:700;font-size: 18px">${v.value}</span>
45 个`;
46 });
47 return html;
48 },
49 extraCssText:
50 "background: #85a2eb; border-radius: 2;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);color: #333;",
36 }, 51 },
37 grid: { 52 grid: {
38 left: "5%", 53 left: "5%",
......
...@@ -41,7 +41,18 @@ ...@@ -41,7 +41,18 @@
41 ], 41 ],
42 tooltip: { 42 tooltip: {
43 trigger: "item", 43 trigger: "item",
44 formatter: "<br/>{b} : {c} ({d}%)", 44 formatter: function (params) {
45 console.log("params11", params);
46 let html = "";
47 html += `<div style="font-size: 14px;line-height: 24px >
48 <span style="display:inline-block;"></span>
49 ${params.name}
50 <span style="color:blue;font-weight:700;font-size: 18px">${params.value}</span>
51 个`;
52 return html;
53 },
54 extraCssText:
55 "background: #85a2eb; border-radius: 0;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);color: #333;",
45 }, 56 },
46 series: [ 57 series: [
47 { 58 {
......

9.58 KB | W: | H:

3.53 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
...@@ -329,6 +329,7 @@ table td { ...@@ -329,6 +329,7 @@ table td {
329 padding-top: 13px; 329 padding-top: 13px;
330 padding-bottom: 13px; 330 padding-bottom: 13px;
331 border: none; 331 border: none;
332
332 margin-top: 5px !important; 333 margin-top: 5px !important;
333 334
334 table { 335 table {
...@@ -395,12 +396,17 @@ table td { ...@@ -395,12 +396,17 @@ table td {
395 .el-date-table td span { 396 .el-date-table td span {
396 color: #DBFAFF 397 color: #DBFAFF
397 } 398 }
398 399 .el-date-table td span:hover {
400 background-color: #074487;
401 border: 1px solid #02D9FD;
402 color: #02D9FD
403 }
399 .el-date-table td.current:not(.disabled) span { 404 .el-date-table td.current:not(.disabled) span {
400 background-color: #074487; 405 background-color: #074487;
401 // border:1px solid saddlebrown; 406 // border:1px solid saddlebrown;
402 box-shadow: inset 0 0 7px #02D9FD; 407 box-shadow: inset 0 0 7px #02D9FD;
403 border: 1px solid #02D9FD; 408 border: 1px solid #02D9FD;
409 color: #02D9FD
404 } 410 }
405 411
406 } 412 }
...@@ -504,7 +510,7 @@ table td { ...@@ -504,7 +510,7 @@ table td {
504 height: 26px; 510 height: 26px;
505 line-height: 26px; 511 line-height: 26px;
506 background-size: 100% 100%; 512 background-size: 100% 100%;
507 margin-bottom: 7px; 513 margin-bottom: 12px;
508 color: #02D9FD !important; 514 color: #02D9FD !important;
509 } 515 }
510 516
...@@ -572,3 +578,7 @@ table td { ...@@ -572,3 +578,7 @@ table td {
572 background-clip: initial; 578 background-clip: initial;
573 background-color: rgb(80, 142, 235); 579 background-color: rgb(80, 142, 235);
574 } 580 }
581 // 下拉框
582 .el-menu--popup{
583 padding-top: 20px;
584 }
......
...@@ -137,7 +137,8 @@ ul li { ...@@ -137,7 +137,8 @@ ul li {
137 } 137 }
138 138
139 .mb-5 { 139 .mb-5 {
140 margin-bottom: 5px; 140 margin-bottom: 10px!important;
141 margin-top: 10px!important;
141 } 142 }
142 143
143 .pr-5 { 144 .pr-5 {
...@@ -149,7 +150,8 @@ ul li { ...@@ -149,7 +150,8 @@ ul li {
149 } 150 }
150 151
151 .mt-10 { 152 .mt-10 {
152 margin-top: 10px; 153 margin-top: 20px!important;
154 margin-bottom: 5px!important;
153 } 155 }
154 156
155 //flex 公共样式 157 //flex 公共样式
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <el-form-item> 5 <el-form-item>
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row> 8 <el-row class="mb-5">
9 <el-col :span="5"> 9 <el-col :span="5">
10 <el-form-item label="行政区" label-width="80px"> 10 <el-form-item label="行政区" label-width="80px">
11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> 11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <el-form-item> 5 <el-form-item>
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row> 8 <el-row class="mb-5">
9 <el-col :span="6"> 9 <el-col :span="6">
10 <el-form-item label="行政区" label-width="80px"> 10 <el-form-item label="行政区" label-width="80px">
11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> 11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <el-form-item> 5 <el-form-item>
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row> 8 <el-row class="mb-5">
9 <el-col :span="5"> 9 <el-col :span="5">
10 <el-form-item label="行政区" label-width="80px"> 10 <el-form-item label="行政区" label-width="80px">
11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> 11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
...@@ -81,12 +81,12 @@ ...@@ -81,12 +81,12 @@
81 </template> 81 </template>
82 82
83 <script> 83 <script>
84 // 地役权登记 84 // 地役权登记
85 import data from "./data" 85 import data from "./data"
86 import qlfQlDyiq from '@/api/qlfQlDyiq' 86 import qlfQlDyiq from '@/api/qlfQlDyiq'
87 import tableMixin from '@/mixins/tableMixin.js' 87 import tableMixin from '@/mixins/tableMixin.js'
88 import treeSelect from '@/components/TreeSelect.vue' 88 import treeSelect from '@/components/TreeSelect.vue'
89 export default { 89 export default {
90 name: "dyiq", 90 name: "dyiq",
91 mixins: [tableMixin], 91 mixins: [tableMixin],
92 components: { 92 components: {
...@@ -157,8 +157,8 @@ export default { ...@@ -157,8 +157,8 @@ export default {
157 } 157 }
158 } 158 }
159 } 159 }
160 } 160 }
161 </script> 161 </script>
162 <style scoped lang="scss"> 162 <style scoped lang="scss">
163 // @import "~@/styles/public.scss"; 163 // @import "~@/styles/public.scss";
164 </style> 164 </style>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <el-form-item> 5 <el-form-item>
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row> 8 <el-row class="mb-5">
9 <el-col :span="6"> 9 <el-col :span="6">
10 <el-form-item label="行政区"> 10 <el-form-item label="行政区">
11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> 11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <el-form-item> 5 <el-form-item>
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row> 8 <el-row class="mb-5">
9 <el-col :span="5"> 9 <el-col :span="5">
10 <el-form-item label="业务号"> 10 <el-form-item label="业务号">
11 <el-input v-model="form.YWH" clearable placeholder="业务号"></el-input> 11 <el-input v-model="form.YWH" clearable placeholder="业务号"></el-input>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <el-form-item> 5 <el-form-item>
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row> 8 <el-row class="mb-5">
9 <el-col :span="6"> 9 <el-col :span="6">
10 <el-form-item label="行政区"> 10 <el-form-item label="行政区">
11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> 11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <el-form-item> 5 <el-form-item>
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row> 8 <el-row class="mb-5">
9 <el-col :span="6"> 9 <el-col :span="6">
10 <el-form-item label="行政区"> 10 <el-form-item label="行政区">
11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> 11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row> 8 <el-row>
9 <el-col :span="6"> 9 <el-col :span="6" class="mb-5">
10 <el-form-item label="行政区"> 10 <el-form-item label="行政区">
11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> 11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
12 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 12 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <el-form-item> 5 <el-form-item>
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row> 8 <el-row class="mb-5">
9 <el-col :span="6"> 9 <el-col :span="6">
10 <el-form-item label="行政区"> 10 <el-form-item label="行政区">
11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> 11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row> 8 <el-row>
9 <el-col :span="6"> 9 <el-col :span="6" class="mb-5">
10 <el-form-item label="行政区"> 10 <el-form-item label="行政区">
11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> 11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
12 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 12 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <el-form-item> 5 <el-form-item>
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row> 8 <el-row class="mb-5">
9 <el-col :span="6"> 9 <el-col :span="6">
10 <el-form-item label="行政区"> 10 <el-form-item label="行政区">
11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> 11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <el-form-item> 5 <el-form-item>
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row> 8 <el-row class="mb-5">
9 <el-col :span="6"> 9 <el-col :span="6">
10 <el-form-item label="行政区"> 10 <el-form-item label="行政区">
11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> 11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <el-form-item> 5 <el-form-item>
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row> 8 <el-row class="mb-5">
9 <el-col :span="6"> 9 <el-col :span="6">
10 <el-form-item label="行政区" label-width="106px"> 10 <el-form-item label="行政区" label-width="106px">
11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> 11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row> 8 <el-row>
9 <el-col :span="5"> 9 <el-col :span="5" class="mb-5">
10 <el-form-item label="行政区" label-width="80px"> 10 <el-form-item label="行政区" label-width="80px">
11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> 11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
12 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 12 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <el-form-item> 5 <el-form-item>
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row> 8 <el-row class="mb-5">
9 <el-col :span="6"> 9 <el-col :span="6">
10 <el-form-item label="行政区"> 10 <el-form-item label="行政区">
11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区"> 11 <el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
......
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
59 <el-col :span="3"> 59 <el-col :span="3">
60 <el-form-item label="检查结果" prop="jcjg"> 60 <el-form-item label="检查结果" prop="jcjg">
61 <el-select v-model="form.jcjg" class="width100" clearable placeholder="检查结果"> 61 <el-select v-model="form.jcjg" class="width100" clearable placeholder="检查结果">
62 <el-option v-for="item in dicData['sysSjsbCkeck']" :key="item.DCODE" :label="item.DNAME" 62 <el-option v-for="item in dicData['sysSjsbCkeck']" class="lastdom" :key="item.DCODE" :label="item.DNAME"
63 :value="item.DCODE"> 63 :value="item.DCODE">
64 </el-option> 64 </el-option>
65 </el-select> 65 </el-select>
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
69 <el-col :span="3"> 69 <el-col :span="3">
70 <el-form-item label="入库结果" prop="rkjg"> 70 <el-form-item label="入库结果" prop="rkjg">
71 <el-select v-model="form.rkjg" class="width100" clearable placeholder="入库结果"> 71 <el-select v-model="form.rkjg" class="width100" clearable placeholder="入库结果">
72 <el-option v-for="item in dicData['sysSjsbStorage']" :key="item.DCODE" :label="item.DNAME" 72 <el-option v-for="item in dicData['sysSjsbStorage']" class="lastdom" :key="item.DCODE" :label="item.DNAME"
73 :value="item.DCODE"> 73 :value="item.DCODE">
74 </el-option> 74 </el-option>
75 </el-select> 75 </el-select>
...@@ -99,17 +99,17 @@ ...@@ -99,17 +99,17 @@
99 </template> 99 </template>
100 100
101 <script> 101 <script>
102 // 接收报文查询 102 // 接收报文查询
103 // 引入表格头部数据 103 // 引入表格头部数据
104 import data from "./data"; 104 import data from "./data";
105 // 引入table混入方法 105 // 引入table混入方法
106 import tableMixin from "@/mixins/tableMixin.js"; 106 import tableMixin from "@/mixins/tableMixin.js";
107 import { getReceiveDataReportPage } from "@/api/dataReport.js"; 107 import { getReceiveDataReportPage } from "@/api/dataReport.js";
108 // 引入详情弹框 108 // 引入详情弹框
109 import dataDetails from "@/components/EditDialog"; 109 import dataDetails from "@/components/EditDialog";
110 //引入日期处理方法 110 //引入日期处理方法
111 import { timeFormat } from "@/utils/operation"; 111 import { timeFormat } from "@/utils/operation";
112 export default { 112 export default {
113 name: "jsbwcx", 113 name: "jsbwcx",
114 mixins: [tableMixin], 114 mixins: [tableMixin],
115 // 注册组件 115 // 注册组件
...@@ -288,12 +288,16 @@ export default { ...@@ -288,12 +288,16 @@ export default {
288 } 288 }
289 }, 289 },
290 } 290 }
291 } 291 }
292 </script> 292 </script>
293 <style scoped lang="scss"> 293 <style scoped lang="scss">
294 // 引入表单整体样式 294 // 引入表单整体样式
295 // // @import "~@/styles/public.scss"; 295 // // @import "~@/styles/public.scss";
296 // 引入当前css 296 // 引入当前css
297 @import "./index.scss"; 297 @import "./index.scss";
298 .lastdom:nth-child(3) {
299 margin-bottom: 0px;
300 }
301
298 </style> 302 </style>
299 303
......