Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
466e4180 by 任超
Options

feat:面包屑

1 parent b7f02f7a
Inline Side-by-side
Showing 8 changed files with 72 additions and 33 deletions
1 <template> 1 <template>
2 <el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right"> 2 <el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right">
3 <span class="fl">当前页面：</span>
3 <transition-group name="breadcrumb"> 4 <transition-group name="breadcrumb">
4 <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path"> 5 <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
5 当前页面：
6 <span @click.prevent="handleLink(item)">{{ item.meta.title }}</span> 6 <span @click.prevent="handleLink(item)">{{ item.meta.title }}</span>
7 </el-breadcrumb-item> 7 </el-breadcrumb-item>
8 </transition-group> 8 </transition-group>
...@@ -31,7 +31,10 @@ export default { ...@@ -31,7 +31,10 @@ export default {
31 // only show routes with meta.title 31 // only show routes with meta.title
32 this.levelList = this.$route.matched.filter( 32 this.levelList = this.$route.matched.filter(
33 (item) => item.meta && item.meta.title 33 (item) => item.meta && item.meta.title
34 ).slice(-1) 34 )
35 if (this.$route.matched[0].path == '/jsbwcx') {
36 this.levelList = this.levelList.slice(-1)
37 }
35 }, 38 },
36 isDashboard (route) { 39 isDashboard (route) {
37 const name = route && route.name; 40 const name = route && route.name;
...@@ -60,6 +63,13 @@ export default { ...@@ -60,6 +63,13 @@ export default {
60 color: #FFFFFF; 63 color: #FFFFFF;
61 } 64 }
62 65
66 /deep/.el-icon-arrow-right {
67 width: 2px;
68 position: relative;
69 left: -10px;
70 color: #FFFFFF;
71 }
72
63 /deep/.el-breadcrumb__inner { 73 /deep/.el-breadcrumb__inner {
64 color: #FFFFFF !important; 74 color: #FFFFFF !important;
65 } 75 }
......
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
5 /deep/.el-select { 5 /deep/.el-select {
6 width: 100%; 6 width: 100%;
7 } 7 }
8
8 /deep/.el-form-item__error { 9 /deep/.el-form-item__error {
9 right: 25px; 10 right: 25px;
10 top: 15px; 11 top: 15px;
...@@ -40,6 +41,13 @@ ...@@ -40,6 +41,13 @@
40 margin-right: -1px; 41 margin-right: -1px;
41 } 42 }
42 43
44 .obligee-item-name,
45 .receivingInfo-item-name,
46 .auditInfo-item-name {
47 background: url("~@/image/itembg.png") no-repeat;
48 background-size: 100% 100%;
49 color: #FFFFFF;
50 }
43 51
44 /deep/.el-textarea__inner { 52 /deep/.el-textarea__inner {
45 margin: 5px; 53 margin: 5px;
...@@ -49,23 +57,27 @@ ...@@ -49,23 +57,27 @@
49 border-radius: 2px; 57 border-radius: 2px;
50 border: 1px solid #6BC1FC; 58 border: 1px solid #6BC1FC;
51 } 59 }
52 /deep/.el-input-number{ 60
61 /deep/.el-input-number {
53 width: 100%; 62 width: 100%;
54 } 63 }
55 /deep/.el-input-number__increase{ 64
65 /deep/.el-input-number__increase {
56 background: #05275B; 66 background: #05275B;
57 color: #FFFFFF; 67 color: #FFFFFF;
58 border:none; 68 border: none;
59 right: 12px; 69 right: 7px;
60 top: 6px; 70 top: 2px;
61 } 71 }
62 /deep/.el-input-number__decrease{ 72
73 /deep/.el-input-number__decrease {
63 background: #05275B; 74 background: #05275B;
64 color: #FFFFFF; 75 color: #FFFFFF;
65 border:none; 76 border: none;
66 right: 12px; 77 right: 7px;
67 bottom:6px; 78 bottom: 10px;
68 } 79 }
80
69 /deep/.el-input__inner { 81 /deep/.el-input__inner {
70 margin: 5px; 82 margin: 5px;
71 width: 96%; 83 width: 96%;
......
1 <template> 1 <template>
2 <!-- 编辑 --> 2 <!-- 编辑 -->
3 <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox editDialogBox mainCenter" 3 <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog"
4 :visible.sync="dialogVisible" width="85%"> 4 custom-class="dialogBox editDialogBox mainCenter" :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>
...@@ -111,7 +111,7 @@ ...@@ -111,7 +111,7 @@
111 import { mapGetters } from "vuex"; 111 import { mapGetters } from "vuex";
112 import JsonEditor from "@/components/JsonEditor.vue"; 112 import JsonEditor from "@/components/JsonEditor.vue";
113 import Xyjg from "./Result"; 113 import Xyjg from "./Result";
114 import { getTabsDetail, getXml,getReportDetail } from "@/api/dataReport.js"; 114 import { getTabsDetail, getXml, getReportDetail } from "@/api/dataReport.js";
115 import { MessageBox } from "element-ui"; 115 import { MessageBox } from "element-ui";
116 export default { 116 export default {
117 components: { JsonEditor, Xyjg }, 117 components: { JsonEditor, Xyjg },
...@@ -187,7 +187,7 @@ export default { ...@@ -187,7 +187,7 @@ export default {
187 } 187 }
188 }); 188 });
189 //不动产数据查询上报详情 189 //不动产数据查询上报详情
190 getReportDetail({bsmReport:item.bsmSjsb || item.bsmReport}).then((res) => { 190 getReportDetail({ bsmReport: item.bsmSjsb || item.bsmReport }).then((res) => {
191 if (res.code == 200) { 191 if (res.code == 200) {
192 this.dataReport = res.result; 192 this.dataReport = res.result;
193 } 193 }
...@@ -278,13 +278,13 @@ export default { ...@@ -278,13 +278,13 @@ export default {
278 278
279 .editForm { 279 .editForm {
280 /deep/.el-textarea__inner { 280 /deep/.el-textarea__inner {
281 border: none !important; 281 border: 1px solid #224C7C !important;
282 margin: 0 !important; 282 margin: 0 0 10px 0 !important;
283 width: 100% !important; 283 width: 100% !important;
284 } 284 }
285 285
286 /deep/.el-input__inner { 286 /deep/.el-input__inner {
287 border: none !important; 287 border: 1px solid #224C7C !important;
288 margin: 0 !important; 288 margin: 0 !important;
289 width: 100% !important; 289 width: 100% !important;
290 } 290 }
...@@ -321,7 +321,8 @@ export default { ...@@ -321,7 +321,8 @@ export default {
321 .obligee-item-name { 321 .obligee-item-name {
322 background: #05275B; 322 background: #05275B;
323 color: #FFFFFF; 323 color: #FFFFFF;
324 border: 1px solid #6BC1FC; 324 background: url("~@/image/itembg.png") no-repeat;
325 background-size: 100% 100%;
325 } 326 }
326 327
327 /deep/.el-tabs__nav-scroll { 328 /deep/.el-tabs__nav-scroll {
......
...@@ -2,7 +2,7 @@ const state = { ...@@ -2,7 +2,7 @@ const state = {
2 rules: {}, 2 rules: {},
3 initRules: {}, 3 initRules: {},
4 subRules: {}, 4 subRules: {},
5 Edit: false 5 Edit: true
6 } 6 }
7 7
8 const mutations = { 8 const mutations = {
...@@ -30,13 +30,13 @@ const actions = { ...@@ -30,13 +30,13 @@ const actions = {
30 setInitRules ({ commit }, data) { 30 setInitRules ({ commit }, data) {
31 commit('SET_INITRULES', data) 31 commit('SET_INITRULES', data)
32 }, 32 },
33 setSubRules({ commit }, data) { 33 setSubRules ({ commit }, data) {
34 commit('SET_SUBRULES', data) 34 commit('SET_SUBRULES', data)
35 }, 35 },
36 setEdit({ commit }) { 36 setEdit ({ commit }) {
37 commit('SET_EDIT') 37 commit('SET_EDIT')
38 }, 38 },
39 setReportLogEdit({ commit }) { 39 setReportLogEdit ({ commit }) {
40 commit('SET_REPORTEDIT') 40 commit('SET_REPORTEDIT')
41 } 41 }
42 } 42 }
......
...@@ -66,7 +66,8 @@ ...@@ -66,7 +66,8 @@
66 // refine element ui upload 66 // refine element ui upload
67 .el-input.is-disabled .el-input__inner { 67 .el-input.is-disabled .el-input__inner {
68 color: #FFFFFF !important; 68 color: #FFFFFF !important;
69 background-color: transparent !important; 69 // background-color: transparent !important;
70 border: 1px solid #224C7C !important;
70 } 71 }
71 72
72 .upload-container { 73 .upload-container {
......
...@@ -7,36 +7,43 @@ ...@@ -7,36 +7,43 @@
7 max-height: 100%; 7 max-height: 100%;
8 overflow-y: scroll; 8 overflow-y: scroll;
9 } 9 }
10
10 .panel-tab__title { 11 .panel-tab__title {
11 font-weight: 600; 12 font-weight: 600;
12 padding: 0 8px; 13 padding: 0 8px;
13 font-size: 1.1em; 14 font-size: 1.1em;
14 line-height: 1.2em; 15 line-height: 1.2em;
16
15 i { 17 i {
16 margin-right: 8px; 18 margin-right: 8px;
17 font-size: 1.2em; 19 font-size: 1.2em;
18 } 20 }
19 } 21 }
22
20 .panel-tab__content { 23 .panel-tab__content {
21 width: 100%; 24 width: 100%;
22 box-sizing: border-box; 25 box-sizing: border-box;
23 border-top: 1px solid #eeeeee; 26 border-top: 1px solid #eeeeee;
24 padding: 8px 16px; 27 padding: 8px 16px;
28
25 .panel-tab__content--title { 29 .panel-tab__content--title {
26 display: flex; 30 display: flex;
27 justify-content: space-between; 31 justify-content: space-between;
28 padding-bottom: 8px; 32 padding-bottom: 8px;
33
29 span { 34 span {
30 flex: 1; 35 flex: 1;
31 text-align: left; 36 text-align: left;
32 } 37 }
33 } 38 }
34 } 39 }
40
35 .element-property { 41 .element-property {
36 width: 100%; 42 width: 100%;
37 display: flex; 43 display: flex;
38 align-items: flex-start; 44 align-items: flex-start;
39 margin: 8px 0; 45 margin: 8px 0;
46
40 .element-property__label { 47 .element-property__label {
41 display: block; 48 display: block;
42 width: 90px; 49 width: 90px;
...@@ -47,64 +54,72 @@ ...@@ -47,64 +54,72 @@
47 font-size: 14px; 54 font-size: 14px;
48 box-sizing: border-box; 55 box-sizing: border-box;
49 } 56 }
57
50 .element-property__value { 58 .element-property__value {
51 flex: 1; 59 flex: 1;
52 line-height: 32px; 60 line-height: 32px;
53 } 61 }
62
54 .el-form-item { 63 .el-form-item {
55 width: 100%; 64 width: 100%;
56 margin-bottom: 0; 65 margin-bottom: 0;
57 padding-bottom: 18px; 66 padding-bottom: 18px;
58 } 67 }
59 } 68 }
69
60 .list-property { 70 .list-property {
61 flex-direction: column; 71 flex-direction: column;
72
62 .element-listener-item { 73 .element-listener-item {
63 width: 100%; 74 width: 100%;
64 display: inline-grid; 75 display: inline-grid;
65 grid-template-columns: 16px auto 32px 32px; 76 grid-template-columns: 16px auto 32px 32px;
66 grid-column-gap: 8px; 77 grid-column-gap: 8px;
67 } 78 }
68 .element-listener-item + .element-listener-item { 79
80 .element-listener-item+.element-listener-item {
69 margin-top: 8px; 81 margin-top: 8px;
70 } 82 }
71 } 83 }
84
72 .listener-filed__title { 85 .listener-filed__title {
73 display: inline-flex; 86 display: inline-flex;
74 width: 100%; 87 width: 100%;
75 justify-content: space-between; 88 justify-content: space-between;
76 align-items: center; 89 align-items: center;
77 margin-top: 0; 90 margin-top: 0;
91
78 span { 92 span {
79 width: 200px; 93 width: 200px;
80 text-align: left; 94 text-align: left;
81 font-size: 14px; 95 font-size: 14px;
82 } 96 }
97
83 i { 98 i {
84 margin-right: 8px; 99 margin-right: 8px;
85 } 100 }
86 } 101 }
102
87 .element-drawer__button { 103 .element-drawer__button {
88 margin-top: 8px; 104 margin-top: 8px;
89 width: 100%; 105 width: 100%;
90 display: inline-flex; 106 display: inline-flex;
91 justify-content: space-around; 107 justify-content: space-around;
92 } 108 }
93 .element-drawer__button > .el-button { 109
110 .element-drawer__button>.el-button {
94 width: 100%; 111 width: 100%;
95 } 112 }
96 113
97 .el-collapse-item__content { 114 .el-collapse-item__content {
98 padding-bottom: 0; 115 padding-bottom: 0;
99 } 116 }
100 .el-input.is-disabled .el-input__inner { 117
101 color: #999999;
102 }
103 .el-form-item.el-form-item--mini { 118 .el-form-item.el-form-item--mini {
104 margin-bottom: 0; 119 margin-bottom: 0;
105 & + .el-form-item { 120
121 &+.el-form-item {
106 margin-top: 16px; 122 margin-top: 16px;
107 } 123 }
108 } 124 }
109 } 125 }
...\ No newline at end of file ...\ No newline at end of file
110
......
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
47 </el-col> 47 </el-col>
48 <el-col :span="6"> 48 <el-col :span="6">
49 <el-form-item label="权利类型" prop="qllx"> 49 <el-form-item label="权利类型" prop="qllx">
50 <el-select v-model="form.ywmc" class="width100" clearable placeholder="权利类型"> 50 <el-select v-model="form.qllx" class="width100" clearable placeholder="权利类型">
51 <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 51 <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
52 </el-option> 52 </el-option>
53 </el-select> 53 </el-select>
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
55 </el-col> 55 </el-col>
56 <el-col :span="6"> 56 <el-col :span="6">
57 <el-form-item label="登记类型" prop="djlx"> 57 <el-form-item label="登记类型" prop="djlx">
58 <el-select v-model="form.ywmc" class="width100" clearable placeholder="登记类型"> 58 <el-select v-model="form.djlx" class="width100" clearable placeholder="登记类型">
59 <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 59 <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
60 </el-option> 60 </el-option>
61 </el-select> 61 </el-select>
......