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 488 additions and 454 deletions
...@@ -4,203 +4,195 @@ ...@@ -4,203 +4,195 @@
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: {},
12 yAxisData1: {}, 12 yAxisData1: {},
13 yAxisData2: {}, 13 yAxisData2: {},
14 yAxisData3: {}, 14 yAxisData3: {},
15 options: {}, 15 options: {},
16 }; 16 };
17 },
18 components: {
19 Echart,
20 },
21 props: {
22 cdata: {
23 type: Object,
24 default: () => ({}),
25 }, 17 },
26 }, 18 components: {
27 methods: { 19 Echart,
28 hexToRgba (hex, opacity) { 20 },
29 let rgbaColor = ""; 21 props: {
30 let reg = /^#[\da-f]{6}$/i; 22 cdata: {
31 if (reg.test(hex)) { 23 type: Object,
32 rgbaColor = `rgba(${parseInt("0x" + hex.slice(1, 3))},${parseInt( 24 default: () => ({}),
33 "0x" + hex.slice(3, 5) 25 },
34 )},${parseInt("0x" + hex.slice(5, 7))},${opacity})`; 26 },
27 methods: {
28 hexToRgba (hex, opacity) {
29 let rgbaColor = "";
30 let reg = /^#[\da-f]{6}$/i;
31 if (reg.test(hex)) {
32 rgbaColor = `rgba(${parseInt("0x" + hex.slice(1, 3))},${parseInt(
33 "0x" + hex.slice(3, 5)
34 )},${parseInt("0x" + hex.slice(5, 7))},${opacity})`;
35 }
36 return rgbaColor;
37 },
38 fontSize (res) {
39 let docEl = document.documentElement,
40 clientWidth =
41 window.innerWidth ||
42 document.documentElement.clientWidth ||
43 document.body.clientWidth;
44 if (!clientWidth) return;
45 let fontSize = clientWidth / 1920;
46 return res * fontSize;
35 } 47 }
36 return rgbaColor;
37 }, 48 },
38 fontSize(res) { 49 watch: {
39 let docEl = document.documentElement, 50 cdata: {
40 clientWidth = 51 handler (newData) {
41 window.innerWidth || 52 this.xAxisData = newData.echartData.map((v) => v.yearMonth);
42 document.documentElement.clientWidth || 53 this.yAxisData1 = newData.echartData.map((v) => v.receive);
43 document.body.clientWidth; 54 this.yAxisData2 = newData.echartData.map((v) => v.record);
44 if (!clientWidth) return; 55 this.yAxisData3 = newData.echartData.map((v) => v.report);
45 let fontSize = clientWidth / 1920; 56 this.options = {
46 return res * fontSize; 57 color: newData.color,
47 } 58 legend: {
48 }, 59 center: true,
49 watch: { 60 top: "20%",
50 cdata: { 61 data: newData.legendItem,
51 handler (newData) { 62 textStyle: {
52 this.xAxisData = newData.echartData.map((v) => v.yearMonth); 63 color: "#00DEFF",
53 this.yAxisData1 = newData.echartData.map((v) => v.receive); 64 fontSize: this.fontSize(12),
54 this.yAxisData2 = newData.echartData.map((v) => v.record); 65 },
55 this.yAxisData3 = newData.echartData.map((v) => v.report);
56 this.options = {
57 color: newData.color,
58 legend: {
59 center: true,
60 top: "20%",
61 data: newData.legendItem,
62 textStyle: {
63 color: "#00DEFF",
64 fontSize:this.fontSize(12),
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">
74 <span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${newData.color[v.componentIndex] 75 <span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${newData.color[v.componentIndex]
75 };"></span> 76 };"></span>
76 ${v.seriesName}.${v.name} 77 ${v.seriesName}.${v.name}
77 <span style="color:${newData.color[v.componentIndex] 78 <span style="color:${newData.color[v.componentIndex]
78 };font-weight:700;font-size: 18px">${v.value}</span> 79 };font-weight:700;font-size: 18px">${v.value}</span>
79 个`; 80 个`;
80 }); 81 });
81 return html; 82 return html;
83 },
84 extraCssText:
85 "background: #85a2eb; border-radius: 0;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);color: #333;",
82 }, 86 },
83 extraCssText: 87 // grid: {
84 "background: #85a2eb; border-radius: 0;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);color: #333;", 88 // top: 70,
85 }, 89 // containLabel: true
86 // grid: { 90 // },
87 // top: 70, 91 grid: {
88 // containLabel: true 92 top: "30%",
89 // }, 93 left: "3%",
90 grid: { 94 right: "6%",
91 top: "30%", 95 bottom: "8%",
92 left: "3%", 96 containLabel: true,
93 right: "6%", 97 },
94 bottom: "8%", 98 xAxis: [
95 containLabel: true, 99 {
96 }, 100 type: "category",
97 xAxis: [ 101 axisLine: {
98 { 102 show: true,
99 type: "category", 103 lineStyle: {
100 axisLine: { 104 color: "#458ACF",
101 show: true, 105 },
102 lineStyle: {
103 color: "#458ACF",
104 }, 106 },
105 }, 107 axisLabel: {
106 axisLabel: { 108 inside: false,
107 inside: false, 109 textStyle: {
108 textStyle: { 110 color: "rgba(255, 255, 255,0.7)", // x轴颜色
109 color: "rgba(255, 255, 255,0.7)", // x轴颜色 111 fontWeight: "normal",
110 fontWeight: "normal", 112 fontSize: this.fontSize(12),
111 fontSize: this.fontSize(12), 113 lineHeight: this.fontSize(22),
112 lineHeight: this.fontSize(22), 114 },
113 }, 115 },
116 data: this.xAxisData,
114 }, 117 },
115 data: this.xAxisData, 118 ],
116 }, 119 yAxis: [
117 ], 120 {
118 yAxis: [ 121 type: "value",
119 { 122 axisLabel: {
120 type: "value", 123 textStyle: {
121 axisLabel: { 124 color: "rgba(255, 255, 255,0.7)",
122 textStyle: { 125 },
123 color: "rgba(255, 255, 255,0.7)",
124 }, 126 },
125 }, 127 splitLine: {
126 splitLine: { 128 show: true,
127 show: true, 129 lineStyle: {
128 lineStyle: { 130 color: "#458ACF",
129 color: "#458ACF", 131 },
130 }, 132 },
131 }, 133 axisLine: {
132 axisLine: { 134 show: true,
133 show: true, 135 lineStyle: {
134 lineStyle: { 136 color: "#458ACF",
135 color: "#458ACF", 137 },
138 },
139 axisTick: {
140 show: false,
136 }, 141 },
137 }, 142 },
138 axisTick: { 143 ],
139 show: false, 144 series: [
140 }, 145 {
141 }, 146 name: newData.legendItem[0],
142 ], 147 type: "line",
143 series: [ 148 smooth: false, //是否平滑
144 { 149 showSymbol: true,
145 name: newData.legendItem[0], 150 symbol: "circle",
146 type: "line", 151 symbolSize: this.fontSize(6),
147 smooth: false, //是否平滑 152 zlevel: 3,
148 showSymbol: true, 153 lineStyle: {
149 symbol: "circle", 154 normal: {
150 symbolSize: this.fontSize(6), 155 color: newData.color[0]
151 zlevel: 3, 156 },
152 lineStyle: {
153 normal: {
154 color: newData.color[0],
155 shadowBlur: 3,
156 shadowColor: this.hexToRgba(newData.color[0], 0.5),
157 shadowOffsetY: 0,
158 }, 157 },
158 data: this.yAxisData1,
159 }, 159 },
160 data: this.yAxisData1, 160 {
161 }, 161 name: newData.legendItem[1],
162 { 162 type: "line",
163 name: newData.legendItem[1], 163 smooth: false,
164 type: "line", 164 showSymbol: true,
165 smooth: false, 165 symbol: "circle",
166 showSymbol: true, 166 symbolSize: this.fontSize(8),
167 symbol: "circle", 167 zlevel: 3,
168 symbolSize: this.fontSize(8), 168 lineStyle: {
169 zlevel: 3, 169 normal: {
170 lineStyle: { 170 color: newData.color[1],
171 normal: { 171 },
172 color: newData.color[1],
173 shadowBlur: 0,
174 shadowColor: this.hexToRgba(newData.color[1], 0.5),
175 shadowOffsetY: 0,
176 }, 172 },
173 data: this.yAxisData2,
177 }, 174 },
178 data: this.yAxisData2, 175 {
179 }, 176 name: newData.legendItem[2],
180 { 177 type: "line",
181 name: newData.legendItem[2], 178 smooth: false,
182 type: "line", 179 showSymbol: true,
183 smooth: false, 180 symbol: "circle",
184 showSymbol: true, 181 symbolSize: this.fontSize(8),
185 symbol: "circle", 182 zlevel: 3,
186 symbolSize: this.fontSize(8), 183 lineStyle: {
187 zlevel: 3, 184 normal: {
188 lineStyle: { 185 color: newData.color[2],
189 normal: { 186 },
190 color: newData.color[2],
191 shadowBlur: 3,
192 shadowColor: this.hexToRgba(newData.color[2], 0.5),
193 shadowOffsetY: 0,
194 }, 187 },
188 data: this.yAxisData3,
195 }, 189 },
196 data: this.yAxisData3, 190 ],
197 }, 191 };
198 ], 192 },
199 }; 193 immediate: true,
194 deep: true,
200 }, 195 },
201 immediate: true,
202 deep: true,
203 }, 196 },
204 }, 197 };
205 };
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
...@@ -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="行政区">
......
...@@ -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,201 +99,205 @@ ...@@ -99,201 +99,205 @@
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 // 注册组件
116 components: { 116 components: {
117 dataDetails, 117 dataDetails,
118 }, 118 },
119 data () { 119 data () {
120 return { 120 return {
121 121
122 pickerOptionsStart: { 122 pickerOptionsStart: {
123 disabledDate: (time) => { 123 disabledDate: (time) => {
124 let endDateVal = this.form.receiveEndTime; 124 let endDateVal = this.form.receiveEndTime;
125 if (endDateVal) { 125 if (endDateVal) {
126 return ( 126 return (
127 time.getTime() >= 127 time.getTime() >=
128 new Date(endDateVal).getTime() 128 new Date(endDateVal).getTime()
129 ); 129 );
130 } 130 }
131 },
131 }, 132 },
132 }, 133 pickerOptionsEnd: {
133 pickerOptionsEnd: { 134 disabledDate: (time) => {
134 disabledDate: (time) => { 135 let beginDateVal = this.form.receiveStartTime;
135 let beginDateVal = this.form.receiveStartTime; 136 if (beginDateVal) {
136 if (beginDateVal) { 137 return (
137 return ( 138 time.getTime() <
138 time.getTime() < 139 new Date(beginDateVal).getTime()
139 new Date(beginDateVal).getTime() 140 );
140 ); 141 }
141 } 142 },
142 }, 143 },
143 }, 144 // 表格数据
144 // 表格数据 145 form: {
145 form: { 146 qxdm: "", // 行政区
146 qxdm: "", // 行政区 147 receiveStartTime: "", // 开始日期
147 receiveStartTime: "", // 开始日期 148 receiveEndTime: "", // 结束日期
148 receiveEndTime: "", // 结束日期 149 bdcdyh: "", // 不动产单元号
149 bdcdyh: "", // 不动产单元号 150 ywh: "", // 业务号
150 ywh: "", // 业务号 151 qllx: "", // 权利类型
151 qllx: "", // 权利类型 152 djlx: "", // 登记类型
152 djlx: "", // 登记类型 153 jcjg: "", // 检查结果
153 jcjg: "", // 检查结果 154 rkjg: "", //入库结果
154 rkjg: "", //入库结果 155 currentPage: 1
155 currentPage: 1 156 },
156 }, 157 // 校验规则
157 // 校验规则 158 rules: {
158 rules: { 159 pcode: [{ required: true, message: "请选择行政区", trigger: "change" }],
159 pcode: [{ required: true, message: "请选择行政区", trigger: "change" }], 160 startTime: [
160 startTime: [ 161 { required: true, message: "请选择开始日期", trigger: "change" },
161 { required: true, message: "请选择开始日期", trigger: "change" }, 162 ],
162 ], 163 endTime: [
163 endTime: [ 164 { required: true, message: "请选择结束日期", trigger: "change" },
164 { required: true, message: "请选择结束日期", trigger: "change" }, 165 ],
165 ], 166 bdcdyh: [
166 bdcdyh: [ 167 { required: true, message: "不动产单元号", trigger: "change" },
167 { required: true, message: "不动产单元号", trigger: "change" }, 168 ],
168 ], 169 ywmc: [{ required: true, message: "业务名称", trigger: "change" }],
169 ywmc: [{ required: true, message: "业务名称", trigger: "change" }], 170 jcjg: [{ required: true, message: "检查结果", trigger: "change" }],
170 jcjg: [{ required: true, message: "检查结果", trigger: "change" }], 171 rkjg: [{ required: true, message: "入库结果", trigger: "change" }],
171 rkjg: [{ required: true, message: "入库结果", trigger: "change" }], 172 },
172 }, 173 // 表格数据
173 // 表格数据 174 tableData: {
174 tableData: { 175 // 表格头部
175 // 表格头部 176 columns: [
176 columns: [
177 {
178 label: "序号",
179 type: "index",
180 width: "50",
181 index: this.indexMethod,
182 }
183 ]
184 .concat(data.columns())
185 .concat([
186 { 177 {
187 label: "操作", 178 label: "序号",
188 width: "90", 179 type: "index",
189 render: (h, scope) => { 180 width: "50",
190 return ( 181 index: this.indexMethod,
191 <div> 182 }
192 { 183 ]
193 scope.row.receiveState == 2 ? 184 .concat(data.columns())
194 <el-button 185 .concat([
195 type="text" 186 {
196 class='successColor' 187 label: "操作",
197 onClick={() => { 188 width: "90",
198 this.handleDetails(scope.row); 189 render: (h, scope) => {
199 }} 190 return (
200 > 191 <div>
201 修改 192 {
202 </el-button> : 193 scope.row.receiveState == 2 ?
203 <el-button 194 <el-button
204 type="text" 195 type="text"
205 class='btnColor' 196 class='successColor'
206 onClick={() => { 197 onClick={() => {
207 this.handleDetails(scope.row); 198 this.handleDetails(scope.row);
208 }} 199 }}
209 > 200 >
210 详情 201 修改
211 </el-button> 202 </el-button> :
212 } 203 <el-button
213 </div> 204 type="text"
214 ) 205 class='btnColor'
206 onClick={() => {
207 this.handleDetails(scope.row);
208 }}
209 >
210 详情
211 </el-button>
212 }
213 </div>
214 )
215 }
215 } 216 }
217 ]),
218 // 表格列表数据
219 total: 0,
220 data: [],
221 },
222 // 分页
223 pageData: {
224 total: 0,
225 pageSize: 10,
226 current: 1
227 },
228 title: "",
229 };
230 },
231 methods: {
232 //截止日期变化
233 endTimeChange (val) {
234 this.form.receiveEndTime = timeFormat(new Date(val), true)
235 },
236 // 初始化数据
237 queryClick () {
238 getReceiveDataReportPage({ ...this.form, ...this.formData }).then(
239 (res) => {
240 if (res.code === 200) {
241 let { total, records, current } = res.result;
242 this.tableData.total = total;
243 this.tableData.data = records ? records : [];
244 this.pageData.current = current
216 } 245 }
217 ]), 246 }
218 // 表格列表数据 247 )
219 total: 0,
220 data: [],
221 }, 248 },
222 // 分页 249 // 重置
223 pageData: { 250 resetForm () {
224 total: 0, 251 this.$refs.ruleForm.resetFields();
225 pageSize: 10, 252 this.form.currentPage = 1
226 current: 1 253 this.queryClick();
227 }, 254 },
228 title: "", 255 featchData () {
229 }; 256 this.queryClick();
230 }, 257 },
231 methods: { 258 // 结果
232 //截止日期变化 259 handleResult (row) {
233 endTimeChange (val) { 260 this.$popupDialog('响应结果', 'views/jsbwcx/components/result', row)
234 this.form.receiveEndTime = timeFormat(new Date(val), true) 261 },
235 }, 262 // 详情
236 // 初始化数据 263 handleDetails (row) {
237 queryClick () { 264 if (row.rectypeName) {
238 getReceiveDataReportPage({ ...this.form, ...this.formData }).then( 265 this.title = row.rectypeName
239 (res) => { 266 } else {
240 if (res.code === 200) { 267 let Title = ''
241 let { total, records, current } = res.result; 268 this.dicData['A21'].map(item => {
242 this.tableData.total = total; 269 if (item.DCODE == row.DJLX || item.DCODE == row.djlx) {
243 this.tableData.data = records ? records : []; 270 Title = item.DNAME
244 this.pageData.current = current 271 return
245 } 272 }
246 } 273 })
247 )
248 },
249 // 重置
250 resetForm () {
251 this.$refs.ruleForm.resetFields();
252 this.form.currentPage = 1
253 this.queryClick();
254 },
255 featchData () {
256 this.queryClick();
257 },
258 // 结果
259 handleResult (row) {
260 this.$popupDialog('响应结果', 'views/jsbwcx/components/result', row)
261 },
262 // 详情
263 handleDetails (row) {
264 if (row.rectypeName) {
265 this.title = row.rectypeName
266 } else {
267 let Title = ''
268 this.dicData['A21'].map(item => {
269 if (item.DCODE == row.DJLX || item.DCODE == row.djlx) {
270 Title = item.DNAME
271 return
272 }
273 })
274 274
275 this.dicData['A8'].map(item => { 275 this.dicData['A8'].map(item => {
276 if (item.DCODE == row.QLLX || item.DCODE == row.qllx) { 276 if (item.DCODE == row.QLLX || item.DCODE == row.qllx) {
277 Title += '-' + item.DNAME 277 Title += '-' + item.DNAME
278 return 278 return
279 } 279 }
280 }) 280 })
281 this.title = Title 281 this.title = Title
282 } 282 }
283 this.$refs.editLog.isShow(row); 283 this.$refs.editLog.isShow(row);
284 if (row.receiveState == 2) { 284 if (row.receiveState == 2) {
285 this.$store.dispatch('business/setReportLogEdit') 285 this.$store.dispatch('business/setReportLogEdit')
286 } else { 286 } else {
287 this.$store.dispatch('business/setEdit') 287 this.$store.dispatch('business/setEdit')
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
......