Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
d3c9b58c by 田浩浩
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web

2 parents d8756c58 19720eaa
Inline Side-by-side
Showing 18 changed files with 272 additions and 173 deletions
...@@ -40,6 +40,27 @@ export default { ...@@ -40,6 +40,27 @@ export default {
40 </script> 40 </script>
41 41
42 <style> 42 <style>
43 .ace-jsoneditor .ace_gutter {
44 background-color: #08346F !important;
45 color: #FFFFFF !important;
46 }
47
48 .ace_content {
49 background-color: #05275B !important;
50 }
51
52 .ace_marker-layer .ace_active-line {
53 background-color: #4e8ae2 !important;
54 }
55
56 .ace-jsoneditor .ace_variable {
57 color: #FFFFFF !important;
58 }
59
60 .jsoneditor-menu {
61 background-color: #074487 !important;
62 }
63
43 /* jsoneditor右上角默认有一个链接,加css去掉了 */ 64 /* jsoneditor右上角默认有一个链接,加css去掉了 */
44 .jsoneditor-poweredBy { 65 .jsoneditor-poweredBy {
45 display: none; 66 display: none;
......
1 .itemForm { 1 .itemForm {
2 margin-top: 5px;
3 position: relative; 2 position: relative;
4 padding: 10px; 3 padding: 10px;
5 4
...@@ -26,27 +25,19 @@ ...@@ -26,27 +25,19 @@
26 width: 100%; 25 width: 100%;
27 } 26 }
28 27
29 /deep/.el-form-item__label {
30 line-height: 16px;
31 font-size: 12px;
32 position: relative;
33 }
34
35 /deep/ .el-form-item__content {
36 display: flex;
37 }
38
39 // table 样式 28 // table 样式
40 /deep/.el-form-item__label { 29 /deep/.el-form-item__label {
41 border: 1px solid #DCDFE6;
42 border-right: none; 30 border-right: none;
43 background-color: #F2F6FC;
44 text-align: center; 31 text-align: center;
45 padding: 0; 32 padding: 0;
33 line-height: 16px;
34 font-size: 12px;
35 color: #CEF8FF;
36 margin-top: 8px !important;
46 } 37 }
47 38
48 /deep/.el-form-item__content { 39 /deep/.el-form-item__content {
49 border: 1px solid #DCDFE6; 40 display: flex;
50 margin-right: -1px; 41 margin-right: -1px;
51 } 42 }
52 43
...@@ -54,11 +45,18 @@ ...@@ -54,11 +45,18 @@
54 /deep/.el-textarea__inner { 45 /deep/.el-textarea__inner {
55 margin: 5px; 46 margin: 5px;
56 width: 96%; 47 width: 96%;
48 background: #05275B;
49 color: #FFFFFF;
50 border-radius: 2px;
51 border: 1px solid #6BC1FC;
57 } 52 }
58 53
59 /deep/.el-input__inner { 54 /deep/.el-input__inner {
60 margin: 5px; 55 margin: 5px;
61 width: 96%; 56 width: 96%;
57 background: #05275B;
58 border-radius: 2px;
59 border: 1px solid #6BC1FC;
62 } 60 }
63 61
64 /deep/.el-form-item { 62 /deep/.el-form-item {
......
1 <template> 1 <template>
2 <!-- 编辑 --> 2 <!-- 编辑 -->
3 <el-dialog :close-on-click-modal="false" top="0" custom-class="dialogBox editDialogBox mainCenter" 3 <el-dialog :close-on-click-modal="false" top="0" custom-class="dialogBox editDialogBox mainCenter"
4 :visible.sync="dialogVisible" width="80%"> 4 :visible.sync="dialogVisible" width="85%">
5 <div slot="title" class="dialog_title" ref="dialogTitle"> 5 <div slot="title" class="dialog_title" ref="dialogTitle">
6 <b>{{ title || '标题' }}</b> 6 <b>{{ title || '标题' }}</b>
7 </div> 7 </div>
8 <div class="dialog-from"> 8 <el-tabs v-model="titleName" type="card" @tab-click="handleTitleTab">
9 <el-row> 9 <el-tab-pane label="数据模型" name="sjmx"></el-tab-pane>
10 <el-col :span="6"> 10 <el-tab-pane label="xml报文" name="xml"></el-tab-pane>
11 <span>业务报文ID：</span>
12 <div>{{ dataReport.bizMsgid }}</div>
13 </el-col>
14 <el-col :span="6">
15 <span>接入报文ID：</span>
16 <div>{{ dataReport.asid }}</div>
17 </el-col>
18 <el-col :span="6">
19 <span>行政区划编码：</span>
20 <div>{{ dataReport.areacode }}</div>
21 </el-col>
22 <el-col :span="6">
23 <span>上次不动产单元号：</span>
24 <div>{{ dataReport.preestatenum }}</div>
25 </el-col>
26 </el-row>
27 <el-row>
28 <el-col :span="6">
29 <span>业务编码：</span>
30 <div>{{ dataReport.rectype }}</div>
31 </el-col>
32 <el-col :span="6">
33 <span>权利类型：</span>
34 <div>{{ dataReport.righttype }}</div>
35 </el-col>
36 <el-col :span="6">
37 <span>登记类型：</span>
38 <div>{{ dataReport.regtype }}</div>
39 </el-col>
40 <el-col :span="6">
41 <span>不动产权证书数量：</span>
42 <div>{{ dataReport.certcount }}</div>
43 </el-col>
44 </el-row>
45 <el-row>
46 <el-col :span="6">
47 <span>创建时间：</span>
48 <div>{{ dataReport.createdate }}</div>
49 </el-col>
50 <el-col :span="6">
51 <span>业务流水号：</span>
52 <div>{{ dataReport.recflowid }}</div>
53 </el-col>
54 <el-col :span="6">
55 <span>登记机构：</span>
56 <div>{{ dataReport.regorgid }}</div>
57 </el-col>
58 <el-col :span="6">
59 <span>证明数量：</span>
60 <div>{{ dataReport.proofcount }}</div>
61 </el-col>
62 </el-row>
63 <el-row>
64 <el-col :span="6">
65 <span>宗地/宗海代码：</span>
66 <div>{{ dataReport.parcelid }}</div>
67 </el-col>
68 <el-col :span="6">
69 <span>不动产单元号：</span>
70 <div>{{ dataReport.estatenum }}</div>
71 </el-col>
72 <el-col :span="10">
73 <span>上次不动产权证号/不动产登记证明：</span>
74 <div>{{ dataReport.precertid }}</div>
75 </el-col>
76 </el-row>
77 <el-row>
78 <el-col :span="24">
79 <span>数字签名：</span>
80 <div>{{ dataReport.digitalsign }}</div>
81 </el-col>
82 </el-row>
83 </div>
84 <el-tabs v-model="activeName" ref="elTabs" type="card" @tab-click="changeList">
85 <el-tab-pane :name="item.soleurl" v-for="item in headerList" :key="item.soleurl">
86 <div slot="label" class="tab-pane-item">
87 <p class="name">{{ item.chinesetable }}</p>
88 <p class="soleurl" :data-name="item.soleurl">({{ item.datatable }})</p>
89 </div>
90 </el-tab-pane>
91 </el-tabs> 11 </el-tabs>
92 <div class="edit-content"> 12 <div v-if="titleName == 'sjmx'">
93 <component :is="editItem" ref="editItem" :class="{ 'editForm': $store.state.business.Edit }" :bsmYwsjb="bsmYwsjb" 13 <div class="dialog-from">
94 :bsmSjsb="dataReport.bsmReport" /> 14 <el-row>
15 <el-col :span="6">
16 <span>业务报文ID：</span>
17 <div>{{ dataReport.bizMsgid }}</div>
18 </el-col>
19 <el-col :span="6">
20 <span>接入报文ID：</span>
21 <div>{{ dataReport.asid }}</div>
22 </el-col>
23 <el-col :span="6">
24 <span>行政区划编码：</span>
25 <div>{{ dataReport.areacode }}</div>
26 </el-col>
27 <el-col :span="6">
28 <span>上次不动产单元号：</span>
29 <div>{{ dataReport.preestatenum }}</div>
30 </el-col>
31 </el-row>
32 <el-row>
33 <el-col :span="6">
34 <span>业务编码：</span>
35 <div>{{ dataReport.rectype }}</div>
36 </el-col>
37 <el-col :span="6">
38 <span>权利类型：</span>
39 <div>{{ dataReport.righttype }}</div>
40 </el-col>
41 <el-col :span="6">
42 <span>登记类型：</span>
43 <div>{{ dataReport.regtype }}</div>
44 </el-col>
45 <el-col :span="6">
46 <span>不动产权证书数量：</span>
47 <div>{{ dataReport.certcount }}</div>
48 </el-col>
49 </el-row>
50 <el-row>
51 <el-col :span="6">
52 <span>创建时间：</span>
53 <div>{{ dataReport.createdate }}</div>
54 </el-col>
55 <el-col :span="6">
56 <span>业务流水号：</span>
57 <div>{{ dataReport.recflowid }}</div>
58 </el-col>
59 <el-col :span="6">
60 <span>登记机构：</span>
61 <div>{{ dataReport.regorgid }}</div>
62 </el-col>
63 <el-col :span="6">
64 <span>证明数量：</span>
65 <div>{{ dataReport.proofcount }}</div>
66 </el-col>
67 </el-row>
68 <el-row>
69 <el-col :span="6">
70 <span>宗地/宗海代码：</span>
71 <div>{{ dataReport.parcelid }}</div>
72 </el-col>
73 <el-col :span="6">
74 <span>不动产单元号：</span>
75 <div>{{ dataReport.estatenum }}</div>
76 </el-col>
77 <el-col :span="10">
78 <span>上次不动产权证号/不动产登记证明：</span>
79 <div>{{ dataReport.precertid }}</div>
80 </el-col>
81 </el-row>
82 <el-row>
83 <el-col :span="24">
84 <span>数字签名：</span>
85 <div>{{ dataReport.digitalsign }}</div>
86 </el-col>
87 </el-row>
88 </div>
89 <el-tabs v-model="activeName" ref="elTabs" type="card" @tab-click="changeList">
90 <el-tab-pane :name="item.soleurl" v-for="item in headerList" :key="item.soleurl">
91 <div slot="label" class="tab-pane-item">
92 <p class="name">{{ item.chinesetable }}</p>
93 <p class="soleurl" :data-name="item.soleurl">({{ item.datatable }})</p>
94 </div>
95 </el-tab-pane>
96 </el-tabs>
97 <div class="edit-content">
98 <component :is="editItem" ref="editItem" :class="{ 'editForm': $store.state.business.Edit }"
99 :bsmYwsjb="bsmYwsjb" :bsmSjsb="dataReport.bsmReport" />
100 </div>
95 </div> 101 </div>
96 <div slot="footer" class="dialog_footer" ref="dialogFooter"> 102 <JsonEditor v-else />
103 <!-- <div slot="footer" class="dialog_footer" ref="dialogFooter">
97 <div class="dialog_button"> 104 <div class="dialog_button">
98 <!-- <el-button type="primary" plain @click="submitForm" v-if="!Edit" :loading="saveloding"
99 :disabled="JSON.stringify(this.$store.state.business.rules) === '{}'">确定
100 </el-button> -->
101 <el-button type="primary" plain @click="submitForm" v-if="!Edit" :loading="saveloding">确定 105 <el-button type="primary" plain @click="submitForm" v-if="!Edit" :loading="saveloding">确定
102 </el-button> 106 </el-button>
103 <el-button @click="closeDialog()">关闭</el-button> 107 <el-button @click="closeDialog()">关闭</el-button>
104 </div> 108 </div>
105 </div> 109 </div> -->
106 </el-dialog> 110 </el-dialog>
107 </template> 111 </template>
108 112
109 <script> 113 <script>
110 import { mapGetters } from "vuex"; 114 import { mapGetters } from "vuex";
111 import dataReporting from "@/api/dataReporting"; 115 import dataReporting from "@/api/dataReporting";
116 import JsonEditor from "@/components/JsonEditor/index";
112 import { getDetail } from "@/api/sbbwcx.js"; 117 import { getDetail } from "@/api/sbbwcx.js";
113 import { MessageBox } from "element-ui"; 118 import { MessageBox } from "element-ui";
114 export default { 119 export default {
120 components: { JsonEditor },
115 computed: { 121 computed: {
116 ...mapGetters(["dicData"]), 122 ...mapGetters(["dicData"]),
117 }, 123 },
118 props: {}, 124 data () {
119 data() {
120 return { 125 return {
126 titleName: 'sjmx',
127
121 dataReport: {}, 128 dataReport: {},
122 index: 0, 129 index: 0,
123 bsmYwsjb: "", 130 bsmYwsjb: "",
...@@ -150,7 +157,10 @@ export default { ...@@ -150,7 +157,10 @@ export default {
150 }; 157 };
151 }, 158 },
152 methods: { 159 methods: {
153 isShow(item) { 160 handleTitleTab (val) {
161 console.log(val);
162 },
163 isShow (item) {
154 this.dataReport = item; 164 this.dataReport = item;
155 this.dialogVisible = true; 165 this.dialogVisible = true;
156 //获取表头列表 166 //获取表头列表
...@@ -160,7 +170,7 @@ export default { ...@@ -160,7 +170,7 @@ export default {
160 } 170 }
161 }); 171 });
162 }, 172 },
163 changeList(val) { 173 changeList (val) {
164 let _index = val.index; 174 let _index = val.index;
165 if (_index > this.index) { 175 if (_index > this.index) {
166 } 176 }
...@@ -173,14 +183,14 @@ export default { ...@@ -173,14 +183,14 @@ export default {
173 } 183 }
174 }); 184 });
175 }, 185 },
176 loadView(view) { 186 loadView (view) {
177 return (r) => 187 return (r) =>
178 require.ensure([], () => r(require(`@/components/business/${view}`))); 188 require.ensure([], () => r(require(`@/components/business/${view}`)));
179 }, 189 },
180 closeDialog() { 190 closeDialog () {
181 this.dialogVisible = false; 191 this.dialogVisible = false;
182 }, 192 },
183 submitForm() { 193 submitForm () {
184 let _this = this; 194 let _this = this;
185 this.$store.dispatch( 195 this.$store.dispatch(
186 "business/setRules", 196 "business/setRules",
...@@ -203,8 +213,8 @@ export default { ...@@ -203,8 +213,8 @@ export default {
203 if (res == 200) { 213 if (res == 200) {
204 _this.$alert( 214 _this.$alert(
205 '<p><img class="success-images" src="' + 215 '<p><img class="success-images" src="' +
206 this.images + 216 this.images +
207 '"/>编辑成功！</p>', 217 '"/>编辑成功！</p>',
208 "提示", 218 "提示",
209 { 219 {
210 showConfirmButton: false, 220 showConfirmButton: false,
...@@ -226,9 +236,9 @@ export default { ...@@ -226,9 +236,9 @@ export default {
226 } 236 }
227 }); 237 });
228 }); 238 });
229 }, 239 }
230 }, 240 }
231 }; 241 }
232 </script> 242 </script>
233 <style scoped lang="scss"> 243 <style scoped lang="scss">
234 @import "~@/styles/mixin.scss"; 244 @import "~@/styles/mixin.scss";
...@@ -253,22 +263,42 @@ export default { ...@@ -253,22 +263,42 @@ export default {
253 flex-direction: column; 263 flex-direction: column;
254 } 264 }
255 265
256 // /deep/.el-tabs__item { 266 /deep/ .el-tabs {
257 // background-color: #f2f6fc; 267 margin: 0 15px 0 15px;
258 // } 268 color: #CEF8FF;
269 }
270
271 /deep/.el-tabs__item {
272 color: #CEF8FF !important;
273 height: 50px;
274 padding-top: 7px;
275 background: url("~@/image/tabitem.png") no-repeat;
276 background-size: 100% 100%;
277 border: none !important;
278 }
279
280 .obligee-item-name {
281 background: #05275B;
282 color: #FFFFFF;
283 border: 1px solid #6BC1FC;
284 }
259 285
260 /deep/.el-tabs__nav-scroll { 286 /deep/.el-tabs__nav-scroll {
261 background: none; 287 background: none;
262 } 288 }
263 289
290 /deep/.el-tabs__nav {
291 border: none !important;
292 }
293
264 /deep/.el-tabs__item.is-top { 294 /deep/.el-tabs__item.is-top {
265 border: 1px solid #dfe4ed; 295 border: 1px solid #dfe4ed;
266 border-top: 1px solid #dfe4ed; 296 border-top: 1px solid #dfe4ed;
267 border-bottom: 1px solid transparent; 297 border-bottom: 1px solid transparent;
268 } 298 }
269 299
270 /deep/.el-tabs__header .el-tabs__nav { 300 /deep/.el-tabs__header {
271 border-top: none; 301 border: none;
272 } 302 }
273 303
274 /deep/.el-tabs__item.is-top:not(:last-child) { 304 /deep/.el-tabs__item.is-top:not(:last-child) {
...@@ -276,7 +306,12 @@ export default { ...@@ -276,7 +306,12 @@ export default {
276 } 306 }
277 307
278 /deep/.el-tabs__item.is-top { 308 /deep/.el-tabs__item.is-top {
279 background-color: #f2f6fc; 309 background-color: none !important;
310 }
311
312 /deep/.el-tabs__item.is-active {
313 background: url("~@/image/tabitemse.png") no-repeat;
314 background-size: 100% 100%;
280 } 315 }
281 316
282 .success-images { 317 .success-images {
...@@ -296,51 +331,50 @@ export default { ...@@ -296,51 +331,50 @@ export default {
296 } 331 }
297 332
298 .edit-content { 333 .edit-content {
299 height: 380px; 334 height: 400px;
300 overflow-y: auto; 335 overflow-y: auto;
301 overflow-x: hidden; 336 overflow-x: hidden;
302 padding-right: 1px; 337 padding-right: 1px;
303 border: 1px solid #ccc;
304 margin-bottom: 10px; 338 margin-bottom: 10px;
305 border-top: none; 339 border-top: none;
306 } 340 }
307 341
308 .editDialogBox { 342 /deep/.editDialogBox {
309 border-radius: 8px; 343 border-radius: 8px;
310 overflow: hidden; 344 overflow: hidden;
311 min-width: 1228px; 345 min-width: 1228px;
346 height: 825px !important;
312 347
313 .dialog-from { 348 .dialog-from {
314 margin-bottom: 10px; 349 padding: 15px;
315 padding: 5px; 350 background: #08346F;
316 border: 1px solid #ccc; 351 border-radius: 2px;
317 border-radius: 5px; 352 box-sizing: border-box;
353 margin: -3px 15px 15px 15px;
318 354
319 .el-col { 355 .el-col {
320 line-height: 24px; 356 line-height: 24px;
321 display: flex; 357 display: flex;
322 align-items: center; 358 align-items: center;
323 margin-bottom: 3px; 359 margin-bottom: 3px;
360 color: #B5D6DC;
324 361
325 span { 362 span {
326 display: inline-block; 363 display: inline-block;
327 padding: 3px; 364 padding: 3px;
328 border-radius: 3px; 365 border-radius: 3px;
329 overflow: hidden; 366 overflow: hidden;
330 min-width: 130px; 367 min-width: 140px;
331 text-align: right; 368 text-align: right;
332 background-color: #f2f6fc;
333 margin-right: 5px; 369 margin-right: 5px;
370 color: #02D9FD;
334 } 371 }
335 372
336 p { 373 div {
337 white-space: nowrap;
338 flex: 1; 374 flex: 1;
339 width: 100%; 375 width: 100%;
340 padding-left: 5px; 376 padding-left: 5px;
341 border: 1px solid #f2f6fc; 377 line-height: 20px;
342 height: 26px;
343 background-color: #f5f7fa;
344 color: #c0c4cc; 378 color: #c0c4cc;
345 cursor: not-allowed; 379 cursor: not-allowed;
346 margin-right: 5px; 380 margin-right: 5px;
......
...@@ -128,6 +128,7 @@ export default { ...@@ -128,6 +128,7 @@ export default {
128 type: "line", 128 type: "line",
129 smooth: true, //是否平滑 129 smooth: true, //是否平滑
130 showSymbol: false, 130 showSymbol: false,
131 symbol: 'circle',
131 symbolSize: 6, 132 symbolSize: 6,
132 zlevel: 3, 133 zlevel: 3,
133 lineStyle: { 134 lineStyle: {
...@@ -144,6 +145,7 @@ export default { ...@@ -144,6 +145,7 @@ export default {
144 type: "line", 145 type: "line",
145 smooth: true, 146 smooth: true,
146 showSymbol: false, 147 showSymbol: false,
148 symbol: 'circle',
147 symbolSize: 8, 149 symbolSize: 8,
148 zlevel: 3, 150 zlevel: 3,
149 lineStyle: { 151 lineStyle: {
...@@ -161,6 +163,7 @@ export default { ...@@ -161,6 +163,7 @@ export default {
161 type: "line", 163 type: "line",
162 smooth: true, 164 smooth: true,
163 showSymbol: false, 165 showSymbol: false,
166 symbol: 'circle',
164 symbolSize: 8, 167 symbolSize: 8,
165 zlevel: 3, 168 zlevel: 3,
166 lineStyle: { 169 lineStyle: {
......
...@@ -88,4 +88,4 @@ export default { ...@@ -88,4 +88,4 @@ export default {
88 Chart 88 Chart
89 } 89 }
90 } 90 }
91 </script>
...\ No newline at end of file ...\ No newline at end of file
91 </script>
......
...@@ -212,9 +212,9 @@ export const asyncRoutes = [ ...@@ -212,9 +212,9 @@ export const asyncRoutes = [
212 meta: { title: '建筑物区分所有权业主共有部分' } 212 meta: { title: '建筑物区分所有权业主共有部分' }
213 }, 213 },
214 { 214 {
215 path: 'seaArea', 215 path: 'hysyq',
216 component: () => import('@/views/business-info/sea-area/index'), 216 component: () => import('@/views/business-info/hysyq/index'),
217 name: 'seaArea', 217 name: 'hysyq',
218 meta: { title: '海域(含无居民海岛)使用权' } 218 meta: { title: '海域(含无居民海岛)使用权' }
219 }, 219 },
220 { 220 {
......
1 .dialogBox { 1 .dialogBox {
2 border-radius: 8px;
3 overflow: hidden; 2 overflow: hidden;
4 background: #FFFFFF; 3 background: url("~@/image/dialogBg.png") no-repeat;
5 box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.10); 4 background-size: 100% 100%;
6 5
7 .dialog_title { 6 .dialog_title {
8 display: flex; 7 display: flex;
...@@ -45,10 +44,12 @@ ...@@ -45,10 +44,12 @@
45 } 44 }
46 45
47 .el-dialog__header { 46 .el-dialog__header {
48 margin-bottom: 10px; 47 color: #FFFFFF;
49 color: #4A4A4A; 48 // background: #074487;
50 background-color: #FCFDFD; 49 height: 46px !important;
51 border-bottom: 1px solid #E4EBF4; 50 width: 97%;
51 margin: 0 auto;
52 margin-top: 2px;
52 } 53 }
53 54
54 .el-dialog__body { 55 .el-dialog__body {
...@@ -57,9 +58,10 @@ ...@@ -57,9 +58,10 @@
57 } 58 }
58 59
59 .el-dialog__headerbtn .el-dialog__close { 60 .el-dialog__headerbtn .el-dialog__close {
60 color: #6B7A99 !important; 61 color: #FFFFFF !important;
61 position: relative; 62 position: relative;
62 top: -2px; 63 top: -2px;
64 right: 15px
63 } 65 }
64 66
65 67
......
...@@ -12,6 +12,7 @@ ...@@ -12,6 +12,7 @@
12 12
13 //input 13 //input
14 .el-input__inner { 14 .el-input__inner {
15 color: #FFFFFF!important;
15 padding: 0 7px !important; 16 padding: 0 7px !important;
16 } 17 }
17 18
...@@ -63,7 +64,7 @@ ...@@ -63,7 +64,7 @@
63 // to fixed https://github.com/ElemeFE/element/issues/2461 64 // to fixed https://github.com/ElemeFE/element/issues/2461
64 // refine element ui upload 65 // refine element ui upload
65 .el-input.is-disabled .el-input__inner { 66 .el-input.is-disabled .el-input__inner {
66 color: #909399; 67 color: #FFFFFF !important;
67 } 68 }
68 69
69 .upload-container { 70 .upload-container {
...@@ -256,13 +257,38 @@ table td { ...@@ -256,13 +257,38 @@ table td {
256 } 257 }
257 258
258 .el-popper[x-placement^="bottom"] .popper__arrow::after { 259 .el-popper[x-placement^="bottom"] .popper__arrow::after {
259 border-bottom-color: #074487 !important; 260 display: none;
260 } 261 }
261 262
262 .el-popper[x-placement^="bottom"] .popper__arrow { 263 .el-popper[x-placement^="bottom"] .popper__arrow {
263 border-bottom-color: #074487 !important; 264 display: none;
264 } 265 }
266 .el-date-picker{
267 background-color: #031a46;
268 .el-date-picker__header-label{
269 color: #A6CFD6;
270 }
271 .el-picker-panel__icon-btn{
272 color: #A6CFD6;
273 }
274 .el-date-table th{
275 color: #02D9FD;
276 }
277 .el-date-table td span{
278 color: #A6CFD6;
279 }
280 .el-date-table td.current:not(.disabled) span{
281 background-color: #074487;
282 // border:1px solid saddlebrown;
283 box-shadow: inset 0 0 7px #02D9FD;
284 border: 1px solid #02D9FD;
285 }
265 286
287 }
288 .el-picker-panel__content{
289 background-color:#074487;
290
291 }
266 292
267 293
268 .el-menu--horizontal .el-menu .el-menu-item, 294 .el-menu--horizontal .el-menu .el-menu-item,
...@@ -281,4 +307,4 @@ table td { ...@@ -281,4 +307,4 @@ table td {
281 border: 1px solid #02D9FD; 307 border: 1px solid #02D9FD;
282 color: #FFFFFF !important; 308 color: #FFFFFF !important;
283 font-weight: 700; 309 font-weight: 700;
284 }
...\ No newline at end of file ...\ No newline at end of file
310 }
......
...@@ -383,7 +383,7 @@ aside { ...@@ -383,7 +383,7 @@ aside {
383 width: 0; 383 width: 0;
384 height: 8px; 384 height: 8px;
385 left: -10px; 385 left: -10px;
386 top: 1px; 386 top: 2px;
387 background: #00FAA8; 387 background: #00FAA8;
388 color: #00FAA8; 388 color: #00FAA8;
389 } 389 }
...@@ -400,7 +400,7 @@ aside { ...@@ -400,7 +400,7 @@ aside {
400 width: 0; 400 width: 0;
401 height: 8px; 401 height: 8px;
402 left: -10px; 402 left: -10px;
403 top: 1px; 403 top: 2px;
404 background: #FF7962; 404 background: #FF7962;
405 color: #FF7962; 405 color: #FF7962;
406 } 406 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -27,6 +27,7 @@ span:focus { ...@@ -27,6 +27,7 @@ span:focus {
27 } 27 }
28 28
29 .process-design { 29 .process-design {
30
30 .el-table td, 31 .el-table td,
31 .el-table th { 32 .el-table th {
32 color: #333; 33 color: #333;
...@@ -37,27 +38,32 @@ span:focus { ...@@ -37,27 +38,32 @@ span:focus {
37 box-sizing: border-box; 38 box-sizing: border-box;
38 border-bottom: 1px solid #e8e8e8; 39 border-bottom: 1px solid #e8e8e8;
39 } 40 }
41
40 .el-dialog__body { 42 .el-dialog__body {
41 padding: 16px;
42 max-height: 80vh; 43 max-height: 80vh;
43 box-sizing: border-box; 44 box-sizing: border-box;
44 overflow-y: auto; 45 overflow-y: auto;
45 } 46 }
47
46 .el-dialog__footer { 48 .el-dialog__footer {
47 padding: 16px; 49 padding: 16px;
48 box-sizing: border-box; 50 box-sizing: border-box;
49 border-top: 1px solid #e8e8e8; 51 border-top: 1px solid #e8e8e8;
50 } 52 }
53
51 .el-dialog__close { 54 .el-dialog__close {
52 font-weight: 600; 55 font-weight: 600;
53 } 56 }
57
54 .el-select { 58 .el-select {
55 width: 100%; 59 width: 100%;
56 } 60 }
61
57 .el-divider:not(.el-divider--horizontal) { 62 .el-divider:not(.el-divider--horizontal) {
58 margin: 0 8px ; 63 margin: 0 8px;
59 } 64 }
65
60 .el-divider.el-divider--horizontal { 66 .el-divider.el-divider--horizontal {
61 margin: 16px 0; 67 margin: 16px 0;
62 } 68 }
63 } 69 }
...\ No newline at end of file ...\ No newline at end of file
......
1 <template> 1 <template>
2 <div class="buildingOwnership from-clues"> 2 <div class="gzwsyq from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="80px"> 4 <el-form ref="form" :model="form" label-width="80px">
5 <el-row> 5 <el-row>
...@@ -60,7 +60,7 @@ import tableMixin from '@/mixins/tableMixin.js' ...@@ -60,7 +60,7 @@ import tableMixin from '@/mixins/tableMixin.js'
60 import treeSelect from '@/components/treeSelect/index.vue' 60 import treeSelect from '@/components/treeSelect/index.vue'
61 import editDialog from '@/components/dataDetails/edit-dialog.vue' 61 import editDialog from '@/components/dataDetails/edit-dialog.vue'
62 export default { 62 export default {
63 name: "buildingOwnership", 63 name: "gzwsyq",
64 mixins: [tableMixin], 64 mixins: [tableMixin],
65 components: { 65 components: {
66 treeSelect, 66 treeSelect,
...@@ -162,5 +162,6 @@ export default { ...@@ -162,5 +162,6 @@ export default {
162 } 162 }
163 </script> 163 </script>
164 <style scoped lang="scss"> 164 <style scoped lang="scss">
165 @import "~@/styles/public.scss";
165 @import "./index.scss"; 166 @import "./index.scss";
166 </style> 167 </style>
...\ No newline at end of file ...\ No newline at end of file
......
1 <template> 1 <template>
2 <div class="seaArea from-clues"> 2 <div class="hysyq from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="80px"> 4 <el-form ref="form" :model="form" label-width="80px">
5 <el-row> 5 <el-row>
...@@ -60,7 +60,7 @@ import tableMixin from '@/mixins/tableMixin.js' ...@@ -60,7 +60,7 @@ import tableMixin from '@/mixins/tableMixin.js'
60 import treeSelect from '@/components/treeSelect/index.vue' 60 import treeSelect from '@/components/treeSelect/index.vue'
61 import editDialog from '@/components/dataDetails/edit-dialog.vue' 61 import editDialog from '@/components/dataDetails/edit-dialog.vue'
62 export default { 62 export default {
63 name: "seaArea", 63 name: "hysyq",
64 mixins: [tableMixin], 64 mixins: [tableMixin],
65 components: { 65 components: {
66 treeSelect, 66 treeSelect,
...@@ -159,4 +159,8 @@ export default { ...@@ -159,4 +159,8 @@ export default {
159 }, 159 },
160 } 160 }
161 } 161 }
162 </script>
...\ No newline at end of file ...\ No newline at end of file
162 </script>
163 <style scoped lang="scss">
164 @import "~@/styles/public.scss";
165 </style>
166
......
1 <template> 1 <template>
2 <div class="agriculturalLand from-clues"> 2 <div class="nydsyq from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="80px"> 4 <el-form ref="form" :model="form" label-width="80px">
5 <el-row> 5 <el-row>
...@@ -60,7 +60,7 @@ import tableMixin from '@/mixins/tableMixin.js' ...@@ -60,7 +60,7 @@ import tableMixin from '@/mixins/tableMixin.js'
60 import treeSelect from '@/components/treeSelect/index.vue' 60 import treeSelect from '@/components/treeSelect/index.vue'
61 import editDialog from '@/components/dataDetails/edit-dialog.vue' 61 import editDialog from '@/components/dataDetails/edit-dialog.vue'
62 export default { 62 export default {
63 name: "agriculturalLand", 63 name: "nydsyq",
64 mixins: [tableMixin], 64 mixins: [tableMixin],
65 components: { 65 components: {
66 treeSelect, 66 treeSelect,
......
...@@ -29,19 +29,23 @@ export default { ...@@ -29,19 +29,23 @@ export default {
29 evenRowBGC: '#154295', 29 evenRowBGC: '#154295',
30 header: ['序号', '用途', '性质', '面积'], 30 header: ['序号', '用途', '性质', '面积'],
31 data: [ 31 data: [
32 ['1', '咸阳市', '6', '998'], 32 ['住宅', '自建房', '转移登记', '73.94'],
33 ['1', '咸阳市', '6', '998'], 33 ['商业服务', '市场化商品房', '转移登记', '1067.14'],
34 ['1', '咸阳市', '6', '998'], 34 ['住宅', '成本售价房', '转移登记', '601.47'],
35 ['1', '咸阳市', '6', '998'], 35 ['住宅', '市场化商品房', '转移登记', '38111.37'],
36 ['1', '咸阳市', '6', '998'], 36 ['住宅', '移民搬迁安置房', '转移登记', '104.16'],
37 ['1', '咸阳市', '6', '998'], 37 ['办公', '自建房', '转移登记', '14913.86'],
38 ['柴房', '市场化商品房', '转移登记', '615.55'],
39 ['住宅', '经济适用住房', '转移登记', '173.17'],
40 ['车库/车位', '市场化商品房', '转移登记', '105.27'],
41 ['住宅', '房改房', '转移登记', '372.4']
38 ] 42 ]
39 } 43 }
40 } 44 }
41 }, 45 },
42 components: { columnarsmat, Rose }, 46 components: { columnarsmat, Rose },
43 mounted () { 47 mounted () {
44 scroll(tableref.value.$refs.bodyWrapper);//设置滚动 48 // scroll(tableref.value.$refs.bodyWrapper);//设置滚动
45 } 49 }
46 } 50 }
47 </script> 51 </script>
......