Skip to content

bdc / bdcjg-web

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

样式调整

1 parent 27c08ae7
Expand all
Inline Side-by-side
Showing 22 changed files with 131 additions and 93 deletions
...@@ -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
...@@ -571,4 +577,8 @@ table td { ...@@ -571,4 +577,8 @@ table td {
571 background-origin: initial; 577 background-origin: initial;
572 background-clip: initial; 578 background-clip: initial;
573 background-color: rgb(80, 142, 235); 579 background-color: rgb(80, 142, 235);
574 }
...\ No newline at end of file ...\ No newline at end of file
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,84 +81,84 @@ ...@@ -81,84 +81,84 @@
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: {
93 treeSelect 93 treeSelect
94 }, 94 },
95 data () { 95 data () {
96 return { 96 return {
97 form: { 97 form: {
98 XZQDM: '', 98 XZQDM: '',
99 QSZT: '', 99 QSZT: '',
100 ZL: '', 100 ZL: '',
101 BDCQZH: '', 101 BDCQZH: '',
102 QLR: '', 102 QLR: '',
103 BDCDYH: '', 103 BDCDYH: '',
104 // 供役地不动产单元号 104 // 供役地不动产单元号
105 GYDBDCDYH: '', 105 GYDBDCDYH: '',
106 // 需役地不动产单元号 106 // 需役地不动产单元号
107 XYDBDCDYH: '', 107 XYDBDCDYH: '',
108 currentPage: 1 108 currentPage: 1
109 }, 109 },
110 tableData: { 110 tableData: {
111 columns: [{ 111 columns: [{
112 label: '序号', 112 label: '序号',
113 type: 'index', 113 type: 'index',
114 width: '50', 114 width: '50',
115 index: this.indexMethod, 115 index: this.indexMethod,
116 }].concat(data.columns()).concat([ 116 }].concat(data.columns()).concat([
117 { 117 {
118 label: "操作", 118 label: "操作",
119 width: 80, 119 width: 80,
120 render: (h, scope) => { 120 render: (h, scope) => {
121 return ( 121 return (
122 <div> 122 <div>
123 <el-button 123 <el-button
124 type="text" 124 type="text"
125 class='btnColor' 125 class='btnColor'
126 onClick={() => { this.handleEdit(scope.row) }} 126 onClick={() => { this.handleEdit(scope.row) }}
127 > 127 >
128 详情 128 详情
129 </el-button> 129 </el-button>
130 </div> 130 </div>
131 ) 131 )
132 }
132 } 133 }
133 } 134 ]),
134 ]), 135 data: []
135 data: [] 136 },
136 }, 137 pageData: {
137 pageData: { 138 total: 0,
138 total: 0, 139 pageSize: 15,
139 pageSize: 15, 140 current: 1,
140 current: 1, 141 }
141 } 142 }
142 } 143 },
143 }, 144 methods: {
144 methods: { 145 async featchData () {
145 async featchData () { 146 try {
146 try { 147 this.form = Object.assign(this.form, this.formData)
147 this.form = Object.assign(this.form, this.formData) 148 let { result: { list, total, pages: pageSize, pageNum: current }
148 let { result: { list, total, pages: pageSize, pageNum: current } 149 } = await qlfQlDyiq.getQlfQlDyiqList(this.form)
149 } = await qlfQlDyiq.getQlfQlDyiqList(this.form) 150 this.tableData.data = list
150 this.tableData.data = list 151 this.pageData = {
151 this.pageData = { 152 pageSize,
152 pageSize, 153 current,
153 current, 154 total
154 total 155 }
156 } catch (error) {
155 } 157 }
156 } catch (error) {
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="行政区">
......