Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web
Showing
34 changed files
with
307 additions
and
201 deletions
1 | import dialogBox from '@/components/DialogBox' | 1 | import dialogBox from '@/components/DialogBox' |
2 | import LbTable from '@/components/LbTable' | 2 | import LbTable from '@/components/LbTable' |
3 | import Theme from '@/components/Theme.vue' | 3 | import Theme from '@/components/Theme.vue' |
4 | import Breadcrumb from "@/components/Breadcrumb.vue"; | ||
4 | // 引入按钮 | 5 | // 引入按钮 |
5 | import btn from '@/components/Button.vue' | 6 | import btn from '@/components/Button.vue' |
6 | import Popup from '@/components/Popup/index' | 7 | import Popup from '@/components/Popup/index' |
... | @@ -8,6 +9,7 @@ import MessageBox from '@/components/MessageBox/index.js' | ... | @@ -8,6 +9,7 @@ import MessageBox from '@/components/MessageBox/index.js' |
8 | export default { | 9 | export default { |
9 | install: (Vue) => { | 10 | install: (Vue) => { |
10 | Vue.component('dialogBox', dialogBox); | 11 | Vue.component('dialogBox', dialogBox); |
12 | Vue.component('Breadcrumb', Breadcrumb); | ||
11 | Vue.component('btn', btn); | 13 | Vue.component('btn', btn); |
12 | Vue.component('lbTable', LbTable); | 14 | Vue.component('lbTable', LbTable); |
13 | Vue.component('Theme', Theme); | 15 | Vue.component('Theme', Theme); | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="breadcrumb"> | 2 | <el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right"> |
3 | <el-breadcrumb class="app-breadcrumb" separator-class="el-icon-arrow-right"> | 3 | <span class="fl">当前页面:</span> |
4 | <transition-group name="breadcrumb"> | 4 | <transition-group name="breadcrumb"> |
5 | <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"> |
6 | <span | 6 | <span @click.prevent="handleLink(item)">{{ item.meta.title }}</span> |
7 | v-if=" | 7 | </el-breadcrumb-item> |
8 | item.redirect === 'noRedirect' || index == levelList.length - 1 | 8 | </transition-group> |
9 | " | 9 | </el-breadcrumb> |
10 | class="no-redirect" | ||
11 | >{{ item.meta.title }}</span | ||
12 | > | ||
13 | <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a> | ||
14 | </el-breadcrumb-item> | ||
15 | </transition-group> | ||
16 | </el-breadcrumb> | ||
17 | </div> | ||
18 | </template> | 10 | </template> |
19 | 11 | ||
20 | <script> | 12 | <script> |
21 | import pathToRegexp from "path-to-regexp"; | 13 | import pathToRegexp from "path-to-regexp"; |
22 | 14 | ||
23 | export default { | 15 | export default { |
24 | data() { | 16 | data () { |
25 | return { | 17 | return { |
26 | levelList: null, | 18 | levelList: null, |
27 | }; | 19 | }; |
28 | }, | 20 | }, |
29 | watch: { | 21 | watch: { |
30 | $route() { | 22 | $route () { |
31 | this.getBreadcrumb(); | 23 | this.getBreadcrumb(); |
32 | }, | 24 | }, |
33 | }, | 25 | }, |
34 | created() { | 26 | created () { |
35 | this.getBreadcrumb(); | 27 | this.getBreadcrumb(); |
36 | }, | 28 | }, |
37 | methods: { | 29 | methods: { |
38 | getBreadcrumb() { | 30 | getBreadcrumb () { |
39 | // only show routes with meta.title | 31 | // only show routes with meta.title |
40 | let matched = this.$route.matched.filter( | 32 | this.levelList = this.$route.matched.filter( |
41 | (item) => item.meta && item.meta.title | 33 | (item) => item.meta && item.meta.title |
42 | ); | 34 | ) |
43 | this.levelList = matched.filter( | 35 | if (this.$route.matched[0].path == '/jsbwcx') { |
44 | (item) => item.meta && item.meta.title | 36 | this.levelList = this.levelList.slice(-1) |
45 | ); | 37 | } |
46 | }, | 38 | }, |
47 | isDashboard(route) { | 39 | isDashboard (route) { |
48 | const name = route && route.name; | 40 | const name = route && route.name; |
49 | if (!name) { | 41 | if (!name) { |
50 | return false; | 42 | return false; |
... | @@ -53,65 +45,62 @@ export default { | ... | @@ -53,65 +45,62 @@ export default { |
53 | name.trim().toLocaleLowerCase() === "Dashboard".toLocaleLowerCase() | 45 | name.trim().toLocaleLowerCase() === "Dashboard".toLocaleLowerCase() |
54 | ); | 46 | ); |
55 | }, | 47 | }, |
56 | pathCompile(path) { | 48 | pathCompile (path) { |
57 | const { params } = this.$route; | 49 | const { params } = this.$route; |
58 | var toPath = pathToRegexp.compile(path); | 50 | var toPath = pathToRegexp.compile(path); |
59 | return toPath(params); | 51 | return toPath(params); |
60 | }, | 52 | } |
61 | handleLink(item) { | 53 | } |
62 | // const { redirect, path } = item; | 54 | } |
63 | // if (redirect) { | ||
64 | // this.$router.push(redirect); | ||
65 | // return; | ||
66 | // } | ||
67 | // this.$router.push(path); | ||
68 | }, | ||
69 | }, | ||
70 | }; | ||
71 | </script> | 55 | </script> |
72 | 56 | ||
73 | <style lang="scss" scoped> | 57 | <style lang="scss" scoped> |
74 | .breadcrumb { | 58 | .breadcrumb { |
75 | margin: 15px auto 0; | ||
76 | box-sizing: border-box; | 59 | box-sizing: border-box; |
77 | text-indent: 16px; | 60 | text-indent: 10px; |
61 | background: linear-gradient(90deg, #0047B8 0%, rgba(0, 26, 95, 0.1) 100%); | ||
62 | line-height: 32px; | ||
63 | color: #FFFFFF; | ||
64 | } | ||
65 | |||
66 | /deep/.el-icon-arrow-right { | ||
67 | width: 2px; | ||
68 | position: relative; | ||
69 | left: -10px; | ||
70 | color: #FFFFFF; | ||
71 | } | ||
72 | |||
73 | /deep/.el-breadcrumb__inner { | ||
74 | color: #FFFFFF !important; | ||
78 | } | 75 | } |
76 | |||
79 | .breadcrumb1366 { | 77 | .breadcrumb1366 { |
80 | padding: 10px 0 !important; | 78 | padding: 10px 0 !important; |
81 | } | 79 | } |
82 | .isFullScreen{ | 80 | |
81 | .isFullScreen { | ||
83 | width: calc(100% - 20px); | 82 | width: calc(100% - 20px); |
84 | margin: 0 auto; | 83 | margin: 0 auto; |
85 | padding: 10px!important; | 84 | padding: 10px !important; |
86 | } | 85 | } |
86 | |||
87 | .cur-location { | 87 | .cur-location { |
88 | font-size: 16px; | 88 | font-size: 16px; |
89 | color: white; | 89 | color: white; |
90 | line-height: 40px; | 90 | line-height: 40px; |
91 | float: left; | 91 | float: left; |
92 | |||
92 | img { | 93 | img { |
93 | position: relative; | 94 | position: relative; |
94 | top: 3px; | 95 | top: 3px; |
95 | margin-right: 4px; | 96 | margin-right: 4px; |
96 | } | 97 | } |
97 | } | 98 | } |
98 | .app-breadcrumb.el-breadcrumb { | 99 | |
99 | display: inline-block; | ||
100 | font-size: 14px; | ||
101 | // line-height: 40px; | ||
102 | .no-redirect { | ||
103 | color: white; | ||
104 | cursor: text; | ||
105 | } | ||
106 | } | ||
107 | .el-breadcrumb__inner a, | 100 | .el-breadcrumb__inner a, |
108 | .el-breadcrumb__inner.is-link { | 101 | .el-breadcrumb__inner.is-link { |
109 | color: white; | 102 | color: white; |
110 | cursor: text; | 103 | cursor: text; |
111 | font-weight: normal; | 104 | font-weight: normal; |
112 | } | 105 | } |
113 | // .el-breadcrumb__inner a:hover, | ||
114 | // .el-breadcrumb__inner.is-link:hover { | ||
115 | // text-decoration: underline; | ||
116 | // } | ||
117 | </style> | 106 | </style> | ... | ... |
... | @@ -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%; |
... | @@ -100,4 +112,4 @@ | ... | @@ -100,4 +112,4 @@ |
100 | right: 5px; | 112 | right: 5px; |
101 | } | 113 | } |
102 | } | 114 | } |
103 | } | 115 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -21,23 +21,21 @@ export default { | ... | @@ -21,23 +21,21 @@ export default { |
21 | </script> | 21 | </script> |
22 | <style scoped lang="scss"> | 22 | <style scoped lang="scss"> |
23 | .button { | 23 | .button { |
24 | width: 80px; //适配4字按钮样式 | 24 | width: 76px; |
25 | height: 32px; | 25 | height: 32px; |
26 | color: #ffffff; | 26 | color: #ffffff; |
27 | margin: 0 5px; | 27 | margin: 0 5px; |
28 | cursor: pointer; | ||
29 | border: 0 | ||
28 | } | 30 | } |
29 | 31 | ||
30 | .cx { | 32 | .cx { |
31 | background: url('../image/btn.png') no-repeat -4px -40px; | 33 | background: url('../image/btn.png') no-repeat 0 -34px; |
32 | cursor: pointer; | 34 | background-size: cover; |
33 | } | 35 | } |
34 | 36 | ||
35 | .cz { | 37 | .cz { |
36 | background: url('../image/btn.png') no-repeat -4px -4px; | 38 | background: url('../image/btn.png') no-repeat 0 0; |
37 | cursor: pointer; | 39 | background-size: cover; |
38 | } | ||
39 | |||
40 | .sb { | ||
41 | background: url('../image/btn.png') no-repeat -4px -112px; | ||
42 | } | 40 | } |
43 | </style> | 41 | </style> | ... | ... |
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" @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 | } |
... | @@ -218,6 +218,9 @@ export default { | ... | @@ -218,6 +218,9 @@ export default { |
218 | }, | 218 | }, |
219 | closeDialog () { | 219 | closeDialog () { |
220 | this.dialogVisible = false; | 220 | this.dialogVisible = false; |
221 | //关闭弹框时将tabs项置空 | ||
222 | this.editItem = ""; | ||
223 | this.headerList = []; | ||
221 | }, | 224 | }, |
222 | submitForm () { | 225 | submitForm () { |
223 | let _this = this; | 226 | let _this = this; |
... | @@ -275,13 +278,13 @@ export default { | ... | @@ -275,13 +278,13 @@ export default { |
275 | 278 | ||
276 | .editForm { | 279 | .editForm { |
277 | /deep/.el-textarea__inner { | 280 | /deep/.el-textarea__inner { |
278 | border: none !important; | 281 | border: 1px solid #224C7C !important; |
279 | margin: 0 !important; | 282 | margin: 0 0 10px 0 !important; |
280 | width: 100% !important; | 283 | width: 100% !important; |
281 | } | 284 | } |
282 | 285 | ||
283 | /deep/.el-input__inner { | 286 | /deep/.el-input__inner { |
284 | border: none !important; | 287 | border: 1px solid #224C7C !important; |
285 | margin: 0 !important; | 288 | margin: 0 !important; |
286 | width: 100% !important; | 289 | width: 100% !important; |
287 | } | 290 | } |
... | @@ -318,7 +321,8 @@ export default { | ... | @@ -318,7 +321,8 @@ export default { |
318 | .obligee-item-name { | 321 | .obligee-item-name { |
319 | background: #05275B; | 322 | background: #05275B; |
320 | color: #FFFFFF; | 323 | color: #FFFFFF; |
321 | border: 1px solid #6BC1FC; | 324 | background: url("~@/image/itembg.png") no-repeat; |
325 | background-size: 100% 100%; | ||
322 | } | 326 | } |
323 | 327 | ||
324 | /deep/.el-tabs__nav-scroll { | 328 | /deep/.el-tabs__nav-scroll { | ... | ... |
... | @@ -74,7 +74,7 @@ export default { | ... | @@ -74,7 +74,7 @@ export default { |
74 | }, | 74 | }, |
75 | heightNum: { | 75 | heightNum: { |
76 | type: Number, | 76 | type: Number, |
77 | default: 345, | 77 | default: 355, |
78 | }, | 78 | }, |
79 | maxHeight: { | 79 | maxHeight: { |
80 | type: Number, | 80 | type: Number, |
... | @@ -99,7 +99,7 @@ export default { | ... | @@ -99,7 +99,7 @@ export default { |
99 | }, | 99 | }, |
100 | data () { | 100 | data () { |
101 | return { | 101 | return { |
102 | tableHeight: '', | 102 | tableHeight: 'auto', |
103 | mergeLine: {}, | 103 | mergeLine: {}, |
104 | mergeIndex: {}, | 104 | mergeIndex: {}, |
105 | selected: '' | 105 | selected: '' |
... | @@ -115,7 +115,6 @@ export default { | ... | @@ -115,7 +115,6 @@ export default { |
115 | }, | 115 | }, |
116 | }, | 116 | }, |
117 | methods: { | 117 | methods: { |
118 | |||
119 | // 单选 | 118 | // 单选 |
120 | singleElection (row) { | 119 | singleElection (row) { |
121 | this.selected = this.data.indexOf(row); | 120 | this.selected = this.data.indexOf(row); |
... | @@ -128,8 +127,37 @@ export default { | ... | @@ -128,8 +127,37 @@ export default { |
128 | }, | 127 | }, |
129 | getHeight () { | 128 | getHeight () { |
130 | if (!this.heightNumSetting) { | 129 | if (!this.heightNumSetting) { |
131 | this.tableHeight = window.innerHeight - this.heightNum | 130 | let _this = this |
131 | if (this.heightNum) { | ||
132 | _this.$nextTick(() => { | ||
133 | window.addEventListener('resize', () => { | ||
134 | _this.tableHeight = _this.calcHeightx(230) | ||
135 | }); | ||
136 | _this.tableHeight = _this.calcHeightx(230) | ||
137 | }) | ||
138 | } else { | ||
139 | _this.tableHeight = window.innerHeight - _this.heightNum | ||
140 | } | ||
141 | } | ||
142 | }, | ||
143 | calcHeightx (value, wappered = true) { | ||
144 | //项目自定义的公共header部分的高度,可忽略 | ||
145 | let header = document.querySelector(".from-clues-header").offsetHeight; | ||
146 | //value为动态计算table界面高度时,减去的其他空白部分,需自行在调试找到临界值,剩下的就是table表格的高度(包含header+body部分) | ||
147 | value = value == undefined ? 100 : value; | ||
148 | let res = window.innerHeight - parseInt(header) - value; | ||
149 | if (wappered) { | ||
150 | //通过原生方法,获取dom节点的高度------获取element-ui table表格body的元素 | ||
151 | let wapper = window.document.getElementsByClassName('el-table__body-wrapper'); | ||
152 | //通过原生方法,获取dom节点的高度------获取element-ui table表格header的元素 | ||
153 | let header = window.document.getElementsByClassName('el-table__header-wrapper'); | ||
154 | //必须加延时,要不然赋不上去值 | ||
155 | setTimeout(() => { | ||
156 | //通过上边计算得到的table高度的value值,减去table表格的header高度,剩下的通过dom节点直接强行赋给table表格的body | ||
157 | wapper[0].style.height = (value - header[0].clientHeight) | ||
158 | }, 100) | ||
132 | } | 159 | } |
160 | return res; | ||
133 | }, | 161 | }, |
134 | clearSelection () { | 162 | clearSelection () { |
135 | this.$refs.elTable.clearSelection() | 163 | this.$refs.elTable.clearSelection() | ... | ... |
src/image/itembg.png
0 → 100644
529 Bytes
src/image/slbg.png
0 → 100644
9.58 KB
src/image/slitembg.png
0 → 100644
405 Bytes
src/image/xzslitembg.png
0 → 100644
506 Bytes
1 | <template> | 1 | <template> |
2 | <section class="app-main"> | 2 | <section class="app-main"> |
3 | <!-- <Breadcrumb v-if="judgeRoute()" /> --> | ||
4 | <transition name="fade-transform" mode="out-in"> | 3 | <transition name="fade-transform" mode="out-in"> |
5 | <router-view /> | 4 | <router-view /> |
6 | </transition> | 5 | </transition> |
7 | </section> | 6 | </section> |
8 | </template> | 7 | </template> |
9 | <script> | 8 | <script> |
10 | import Breadcrumb from "@/components/Breadcrumb.vue"; | 9 | |
11 | export default { | 10 | export default { |
12 | name: 'AppMain', | 11 | name: 'AppMain', |
13 | components: { | ||
14 | Breadcrumb | ||
15 | }, | ||
16 | methods: { | ||
17 | judgeRoute(){ | ||
18 | if (this.$route.path == '/home' || this.$route.path.indexOf('jsbwcx') > -1) { | ||
19 | return false | ||
20 | }else{ | ||
21 | return true | ||
22 | } | ||
23 | } | ||
24 | }, | ||
25 | computed: { | 12 | computed: { |
26 | key () { | 13 | key () { |
27 | return this.$route.path | 14 | return this.$route.path | ... | ... |
... | @@ -79,7 +79,8 @@ export default { | ... | @@ -79,7 +79,8 @@ export default { |
79 | .xuanzhong { | 79 | .xuanzhong { |
80 | background: url('~@/image/selNavbar.png') no-repeat; | 80 | background: url('~@/image/selNavbar.png') no-repeat; |
81 | background-size: 100% 100%; | 81 | background-size: 100% 100%; |
82 | color: #09C39A !important; | 82 | color: #FFFFFF !important; |
83 | font-weight: 700; | ||
83 | } | 84 | } |
84 | 85 | ||
85 | /deep/.el-menu-item:hover { | 86 | /deep/.el-menu-item:hover { | ... | ... |
1 | <template> | 1 | <template> |
2 | <el-menu router :default-active="activeMenu" mode="horizontal"> | 2 | <el-menu router :default-active="activeMenu" mode="horizontal" menu-trigger="click"> |
3 | <!-- 权限菜单 --> | 3 | <!-- 权限菜单 --> |
4 | <sidebar-item v-for="route in permission_routes.slice(1, 4)" :key="route.path" :item="route" | 4 | <sidebar-item v-for="route in permission_routes.slice(1, 4)" :key="route.path" :item="route" |
5 | :base-path="route.path" /> | 5 | :base-path="route.path" /> | ... | ... |
... | @@ -36,6 +36,7 @@ export default { | ... | @@ -36,6 +36,7 @@ export default { |
36 | position: relative; | 36 | position: relative; |
37 | height: 100%; | 37 | height: 100%; |
38 | width: 100%; | 38 | width: 100%; |
39 | min-width: 1280px; | ||
39 | background: url('~@/image/bg.png') no-repeat; | 40 | background: url('~@/image/bg.png') no-repeat; |
40 | background-size: 100% 100%; | 41 | background-size: 100% 100%; |
41 | padding: 12px; | 42 | padding: 12px; |
... | @@ -48,6 +49,7 @@ export default { | ... | @@ -48,6 +49,7 @@ export default { |
48 | } | 49 | } |
49 | 50 | ||
50 | .appMain { | 51 | .appMain { |
52 | min-width: 1290px; | ||
51 | height: calc(100vh - 101px) !important; | 53 | height: calc(100vh - 101px) !important; |
52 | box-sizing: border-box; | 54 | box-sizing: border-box; |
53 | 55 | ... | ... |
... | @@ -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 { |
... | @@ -214,6 +215,15 @@ table td { | ... | @@ -214,6 +215,15 @@ table td { |
214 | color: #4A4A4A; | 215 | color: #4A4A4A; |
215 | } | 216 | } |
216 | 217 | ||
218 | .twoLineCls { | ||
219 | text-overflow: -o-ellipsis-lastline; | ||
220 | overflow: hidden; | ||
221 | text-overflow: ellipsis; | ||
222 | display: -webkit-box; | ||
223 | -webkit-line-clamp: 2; | ||
224 | line-clamp: 2; | ||
225 | -webkit-box-orient: vertical; | ||
226 | } | ||
217 | 227 | ||
218 | .el-table tr td { | 228 | .el-table tr td { |
219 | font-size: 14px; | 229 | font-size: 14px; |
... | @@ -253,7 +263,8 @@ table td { | ... | @@ -253,7 +263,8 @@ table td { |
253 | // element 下拉框样式 | 263 | // element 下拉框样式 |
254 | .el-menu--popup, | 264 | .el-menu--popup, |
255 | .el-select-dropdown { | 265 | .el-select-dropdown { |
256 | background-color: #031A46 !important; | 266 | background: url("~@/image/slbg.png") no-repeat; |
267 | background-size: 100% 100%; | ||
257 | padding: 10px; | 268 | padding: 10px; |
258 | border: none; | 269 | border: none; |
259 | } | 270 | } |
... | @@ -265,20 +276,25 @@ table td { | ... | @@ -265,20 +276,25 @@ table td { |
265 | .el-popper[x-placement^="bottom"] .popper__arrow { | 276 | .el-popper[x-placement^="bottom"] .popper__arrow { |
266 | display: none; | 277 | display: none; |
267 | } | 278 | } |
279 | |||
268 | .el-popper[x-placement^="bottom"] { | 280 | .el-popper[x-placement^="bottom"] { |
269 | margin-top: 0px; | 281 | margin-top: 0px; |
270 | } | 282 | } |
283 | |||
271 | // 时间选择框样式 | 284 | // 时间选择框样式 |
272 | .el-date-picker { | 285 | .el-date-picker { |
273 | .el-input__inner{ | 286 | .el-input__inner { |
274 | background-color: #031a46; | 287 | background-color: #031a46; |
275 | } | 288 | } |
276 | .el-picker-panel{ | 289 | |
290 | .el-picker-panel { | ||
277 | border: none; | 291 | border: none; |
278 | } | 292 | } |
279 | .el-picker-panel__footer{ | 293 | |
294 | .el-picker-panel__footer { | ||
280 | background-color: #031a46; | 295 | background-color: #031a46; |
281 | } | 296 | } |
297 | |||
282 | .el-date-table td.disabled div { | 298 | .el-date-table td.disabled div { |
283 | background-color: #074487; | 299 | background-color: #074487; |
284 | } | 300 | } |
... | @@ -400,9 +416,12 @@ table td { | ... | @@ -400,9 +416,12 @@ table td { |
400 | 416 | ||
401 | // 时间组件input框部分 | 417 | // 时间组件input框部分 |
402 | .el-date-editor { | 418 | .el-date-editor { |
403 | [class^="el-icon-"], [class*=" el-icon-"] { | 419 | |
420 | [class^="el-icon-"], | ||
421 | [class*=" el-icon-"] { | ||
404 | display: none; | 422 | display: none; |
405 | } | 423 | } |
424 | |||
406 | .el-range-separator { | 425 | .el-range-separator { |
407 | color: #E3F1FF; | 426 | color: #E3F1FF; |
408 | } | 427 | } |
... | @@ -416,18 +435,30 @@ table td { | ... | @@ -416,18 +435,30 @@ table td { |
416 | .el-menu--horizontal .el-menu .el-menu-item, | 435 | .el-menu--horizontal .el-menu .el-menu-item, |
417 | .el-select-dropdown__item, | 436 | .el-select-dropdown__item, |
418 | .el-menu--horizontal .el-menu .el-submenu__title { | 437 | .el-menu--horizontal .el-menu .el-submenu__title { |
419 | background: #074487 !important; | 438 | background: url("~@/image/slitembg.png") no-repeat; |
420 | margin: 5px 0; | 439 | height: 26px; |
421 | border: 1px solid #074487; | 440 | line-height: 26px; |
441 | background-size: 100% 100%; | ||
442 | margin-bottom: 7px; | ||
422 | color: #02D9FD !important; | 443 | color: #02D9FD !important; |
423 | } | 444 | } |
424 | 445 | ||
446 | .el-select-dropdown { | ||
447 | top: 203px !important; | ||
448 | } | ||
449 | |||
425 | .el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):hover, | 450 | .el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):hover, |
426 | .el-select-dropdown__item:hover, | 451 | .el-select-dropdown__item:hover, |
427 | .el-select-dropdown__item.selected, | 452 | .el-select-dropdown__item.selected, |
428 | .el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):focus { | 453 | .el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):focus { |
429 | background: #074487; | 454 | background: url("~@/image/xzslitembg.png") no-repeat; |
430 | border: 1px solid #02D9FD; | 455 | background-size: 100% 100%; |
431 | color: #FFFFFF !important; | 456 | color: #FFFFFF !important; |
432 | font-weight: 700; | 457 | font-weight: 700; |
433 | } | 458 | } |
459 | |||
460 | .el-select-dropdown__item.hover, | ||
461 | .el-select-dropdown__item:hover { | ||
462 | background-color: transparent !important; | ||
463 | ; | ||
464 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -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 | } |
110 | |||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -40,16 +40,16 @@ | ... | @@ -40,16 +40,16 @@ |
40 | 40 | ||
41 | //*****start*通用表单查询条件,列表样式******// | 41 | //*****start*通用表单查询条件,列表样式******// |
42 | .from-clues { | 42 | .from-clues { |
43 | min-width: 1280px; | ||
44 | height: 100%; | 43 | height: 100%; |
45 | width: 100%; | 44 | width: 100%; |
45 | min-width: 1280px; | ||
46 | box-sizing: border-box; | 46 | box-sizing: border-box; |
47 | overflow-x: hidden; | 47 | overflow-x: hidden; |
48 | padding: 2px; | 48 | padding: 2px; |
49 | 49 | ||
50 | &-header { | 50 | &-header { |
51 | width: 100%; | 51 | width: 100%; |
52 | padding: 20px 30px 20px 20px; | 52 | padding: 5px 30px 20px 20px; |
53 | box-sizing: border-box; | 53 | box-sizing: border-box; |
54 | background: url("~@/image/formHeader.png") no-repeat; | 54 | background: url("~@/image/formHeader.png") no-repeat; |
55 | background-size: 100% 100%; | 55 | background-size: 100% 100%; |
... | @@ -196,4 +196,4 @@ | ... | @@ -196,4 +196,4 @@ |
196 | .btnColRight { | 196 | .btnColRight { |
197 | box-sizing: border-box; | 197 | box-sizing: border-box; |
198 | text-align: right; | 198 | text-align: right; |
199 | } | 199 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -33,10 +33,10 @@ class data extends filter { | ... | @@ -33,10 +33,10 @@ class data extends filter { |
33 | label: "不动产单元号", | 33 | label: "不动产单元号", |
34 | prop: "bdcdyh" | 34 | prop: "bdcdyh" |
35 | }, | 35 | }, |
36 | { | 36 | // { |
37 | label: "不动产产权证号", | 37 | // label: "不动产产权证号", |
38 | prop: "bdcqzh" | 38 | // prop: "bdcqzh" |
39 | }, | 39 | // }, |
40 | { | 40 | { |
41 | label: "查封机关", | 41 | label: "查封机关", |
42 | prop: "cfjg" | 42 | prop: "cfjg" | ... | ... |
... | @@ -19,18 +19,16 @@ | ... | @@ -19,18 +19,16 @@ |
19 | </el-select> | 19 | </el-select> |
20 | </el-form-item> | 20 | </el-form-item> |
21 | </el-col> | 21 | </el-col> |
22 | <el-col :span="5"> | 22 | <!-- <el-col :span="5"> |
23 | <el-form-item label="坐落"> | 23 | <el-form-item label="坐落"> |
24 | <el-input v-model="form.ZL" placeholder="坐落"></el-input> | 24 | <el-input v-model="form.ZL" placeholder="坐落"></el-input> |
25 | </el-form-item> | 25 | </el-form-item> |
26 | </el-col> | 26 | </el-col> --> |
27 | <el-col :span="5"> | 27 | <!-- <el-col :span="5"> |
28 | <el-form-item label="不动产权证号"> | 28 | <el-form-item label="不动产权证号"> |
29 | <el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input> | 29 | <el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input> |
30 | </el-form-item> | 30 | </el-form-item> |
31 | </el-col> | 31 | </el-col> --> |
32 | </el-row> | ||
33 | <el-row class="mt-10"> | ||
34 | <el-col :span="5"> | 32 | <el-col :span="5"> |
35 | <el-form-item label="权利人" label-width="80px"> | 33 | <el-form-item label="权利人" label-width="80px"> |
36 | <el-input v-model="form.QLR" placeholder="权利人"></el-input> | 34 | <el-input v-model="form.QLR" placeholder="权利人"></el-input> |
... | @@ -41,16 +39,30 @@ | ... | @@ -41,16 +39,30 @@ |
41 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> | 39 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> |
42 | </el-form-item> | 40 | </el-form-item> |
43 | </el-col> | 41 | </el-col> |
42 | |||
43 | </el-row> | ||
44 | <el-row class="mt-10"> | ||
45 | <el-col :span="5"> | ||
46 | <el-form-item label="查封机关" label-width="80px"> | ||
47 | <el-input v-model="form.CFJG" placeholder="查封机关"></el-input> | ||
48 | </el-form-item> | ||
49 | </el-col> | ||
50 | <el-col :span="5"> | ||
51 | <el-form-item label="查封文号"> | ||
52 | <el-input v-model="form.CFWH" placeholder="查封文号"></el-input> | ||
53 | </el-form-item> | ||
54 | </el-col> | ||
44 | <el-col :span="5"> | 55 | <el-col :span="5"> |
45 | <el-form-item label="查封(解封)机关"> | 56 | <el-form-item label="解封机关" label-width="80px"> |
46 | <el-input v-model="form.xxx" placeholder="查封(解封)机关"></el-input> | 57 | <el-input v-model="form.JFJG" placeholder="解封机关"></el-input> |
47 | </el-form-item> | 58 | </el-form-item> |
48 | </el-col> | 59 | </el-col> |
49 | <el-col :span="5"> | 60 | <el-col :span="5"> |
50 | <el-form-item label="查封(解封)文号"> | 61 | <el-form-item label="解封文号"> |
51 | <el-input v-model="form.xxx1" placeholder="查封(解封)文号"></el-input> | 62 | <el-input v-model="form.JFWH" placeholder="解封文号"></el-input> |
52 | </el-form-item> | 63 | </el-form-item> |
53 | </el-col> | 64 | </el-col> |
65 | |||
54 | <el-col :span="4" class="btnColRight"> | 66 | <el-col :span="4" class="btnColRight"> |
55 | <btn nativeType="cz" @click="resetForm">重置</btn> | 67 | <btn nativeType="cz" @click="resetForm">重置</btn> |
56 | <btn nativeType="cx" @click="handleSubmit">查询</btn> | 68 | <btn nativeType="cx" @click="handleSubmit">查询</btn> |
... | @@ -85,8 +97,10 @@ export default { | ... | @@ -85,8 +97,10 @@ export default { |
85 | BDCQZH: '', | 97 | BDCQZH: '', |
86 | QLR: '', | 98 | QLR: '', |
87 | BDCDYH: '', | 99 | BDCDYH: '', |
88 | xxx: '', | 100 | JFJG: '', |
89 | xxx1: '', | 101 | JFWH: '', |
102 | CFJG: '', | ||
103 | CFWH: '', | ||
90 | currentPage: 1 | 104 | currentPage: 1 |
91 | }, | 105 | }, |
92 | tableData: { | 106 | tableData: { | ... | ... |
... | @@ -19,23 +19,23 @@ | ... | @@ -19,23 +19,23 @@ |
19 | </el-select> | 19 | </el-select> |
20 | </el-form-item> | 20 | </el-form-item> |
21 | </el-col> | 21 | </el-col> |
22 | <el-col :span="5"> | 22 | <!-- <el-col :span="5"> |
23 | <el-form-item label="坐落"> | 23 | <el-form-item label="坐落"> |
24 | <el-input v-model="form.ZL" placeholder="坐落"></el-input> | 24 | <el-input v-model="form.ZL" placeholder="坐落"></el-input> |
25 | </el-form-item> | 25 | </el-form-item> |
26 | </el-col> | 26 | </el-col> --> |
27 | <el-col :span="5"> | 27 | <el-col :span="5"> |
28 | <el-form-item label="不动产权证号"> | 28 | <el-form-item label="不动产权证号"> |
29 | <el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input> | 29 | <el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input> |
30 | </el-form-item> | 30 | </el-form-item> |
31 | </el-col> | 31 | </el-col> |
32 | </el-row> | ||
33 | <el-row class="mt-10"> | ||
34 | <el-col :span="5"> | 32 | <el-col :span="5"> |
35 | <el-form-item label="抵押人" label-width="80px"> | 33 | <el-form-item label="抵押人" label-width="80px"> |
36 | <el-input v-model="form.dyr" placeholder="抵押人"></el-input> | 34 | <el-input v-model="form.dyr" placeholder="抵押人"></el-input> |
37 | </el-form-item> | 35 | </el-form-item> |
38 | </el-col> | 36 | </el-col> |
37 | </el-row> | ||
38 | <el-row class="mt-10"> | ||
39 | <el-col :span="5"> | 39 | <el-col :span="5"> |
40 | <el-form-item label="不动产单元号"> | 40 | <el-form-item label="不动产单元号"> |
41 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> | 41 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> |
... | @@ -57,7 +57,8 @@ | ... | @@ -57,7 +57,8 @@ |
57 | </el-select> | 57 | </el-select> |
58 | </el-form-item> | 58 | </el-form-item> |
59 | </el-col> | 59 | </el-col> |
60 | <el-col :span="4" class="btnColRight"> | 60 | |
61 | <el-col :span="9" class="btnColRight"> | ||
61 | <btn nativeType="cz" @click="resetForm">重置</btn> | 62 | <btn nativeType="cz" @click="resetForm">重置</btn> |
62 | <btn nativeType="cx" @click="handleSubmit">查询</btn> | 63 | <btn nativeType="cx" @click="handleSubmit">查询</btn> |
63 | </el-col> | 64 | </el-col> | ... | ... |
... | @@ -11,14 +11,14 @@ | ... | @@ -11,14 +11,14 @@ |
11 | </el-select> | 11 | </el-select> |
12 | </el-form-item> | 12 | </el-form-item> |
13 | </el-col> | 13 | </el-col> |
14 | <el-col :span="6"> | 14 | <!-- <el-col :span="6"> |
15 | <el-form-item label="权属状态"> | 15 | <el-form-item label="权属状态"> |
16 | <el-select v-model="form.QSZT" class="width100" clearable placeholder="权属状态"> | 16 | <el-select v-model="form.QSZT" class="width100" clearable placeholder="权属状态"> |
17 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 17 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
18 | </el-option> | 18 | </el-option> |
19 | </el-select> | 19 | </el-select> |
20 | </el-form-item> | 20 | </el-form-item> |
21 | </el-col> | 21 | </el-col> --> |
22 | <el-col :span="6"> | 22 | <el-col :span="6"> |
23 | <el-form-item label="不动产权证号"> | 23 | <el-form-item label="不动产权证号"> |
24 | <el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input> | 24 | <el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input> | ... | ... |
... | @@ -16,16 +16,16 @@ class data extends filter { | ... | @@ -16,16 +16,16 @@ class data extends filter { |
16 | ) | 16 | ) |
17 | }, | 17 | }, |
18 | }, | 18 | }, |
19 | { | 19 | // { |
20 | label: "权属状态", | 20 | // label: "权属状态", |
21 | render: (h, scope) => { | 21 | // render: (h, scope) => { |
22 | return ( | 22 | // return ( |
23 | <div> | 23 | // <div> |
24 | <span>{this.dicStatus(scope.row.qszt, 'A22')}</span> | 24 | // <span>{this.dicStatus(scope.row.qszt, 'A22')}</span> |
25 | </div> | 25 | // </div> |
26 | ) | 26 | // ) |
27 | }, | 27 | // }, |
28 | }, | 28 | // }, |
29 | { | 29 | { |
30 | label: "业务号", | 30 | label: "业务号", |
31 | prop: "YWH" | 31 | prop: "YWH" |
... | @@ -43,10 +43,10 @@ class data extends filter { | ... | @@ -43,10 +43,10 @@ class data extends filter { |
43 | label: "权利人", | 43 | label: "权利人", |
44 | prop: "qlrmc" | 44 | prop: "qlrmc" |
45 | }, | 45 | }, |
46 | { | 46 | // { |
47 | label: "用途", | 47 | // label: "用途", |
48 | prop: "yt" | 48 | // prop: "yt" |
49 | }, | 49 | // }, |
50 | { | 50 | { |
51 | label: "权利类型", | 51 | label: "权利类型", |
52 | render: (h, scope) => { | 52 | render: (h, scope) => { |
... | @@ -57,16 +57,16 @@ class data extends filter { | ... | @@ -57,16 +57,16 @@ class data extends filter { |
57 | ) | 57 | ) |
58 | }, | 58 | }, |
59 | }, | 59 | }, |
60 | { | 60 | // { |
61 | label: "权利性质", | 61 | // label: "权利性质", |
62 | render: (h, scope) => { | 62 | // render: (h, scope) => { |
63 | return ( | 63 | // return ( |
64 | <div> | 64 | // <div> |
65 | <span>{this.dicStatus(scope.row.BDCQZH, 'A9')}</span> | 65 | // <span>{this.dicStatus(scope.row.BDCQZH, 'A9')}</span> |
66 | </div> | 66 | // </div> |
67 | ) | 67 | // ) |
68 | }, | 68 | // }, |
69 | }, | 69 | // }, |
70 | { | 70 | { |
71 | label: "登记时间", | 71 | label: "登记时间", |
72 | width: 140, | 72 | width: 140, | ... | ... |
... | @@ -11,19 +11,19 @@ | ... | @@ -11,19 +11,19 @@ |
11 | </el-select> | 11 | </el-select> |
12 | </el-form-item> | 12 | </el-form-item> |
13 | </el-col> | 13 | </el-col> |
14 | <el-col :span="6"> | 14 | <!-- <el-col :span="6"> |
15 | <el-form-item label="权属状态" label-width="105px"> | 15 | <el-form-item label="权属状态" label-width="105px"> |
16 | <el-select v-model="form.QSZT" class="width100" clearable placeholder="权属状态"> | 16 | <el-select v-model="form.QSZT" class="width100" clearable placeholder="权属状态"> |
17 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 17 | <el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
18 | </el-option> | 18 | </el-option> |
19 | </el-select> | 19 | </el-select> |
20 | </el-form-item> | 20 | </el-form-item> |
21 | </el-col> | 21 | </el-col> --> |
22 | <el-col :span="6"> | 22 | <!-- <el-col :span="6"> |
23 | <el-form-item label="坐落"> | 23 | <el-form-item label="坐落"> |
24 | <el-input v-model="form.ZL" placeholder="请输入坐落"></el-input> | 24 | <el-input v-model="form.ZL" placeholder="请输入坐落"></el-input> |
25 | </el-form-item> | 25 | </el-form-item> |
26 | </el-col> | 26 | </el-col> --> |
27 | <el-col :span="6"> | 27 | <el-col :span="6"> |
28 | <el-form-item label="不动产权证号" label-width="105px"> | 28 | <el-form-item label="不动产权证号" label-width="105px"> |
29 | <el-input v-model="form.BDCQZH" placeholder="请输入不动产权证号"></el-input> | 29 | <el-input v-model="form.BDCQZH" placeholder="请输入不动产权证号"></el-input> | ... | ... |
... | @@ -4,9 +4,12 @@ | ... | @@ -4,9 +4,12 @@ |
4 | <!-- 头部搜索 --> | 4 | <!-- 头部搜索 --> |
5 | <div class="from-clues-header"> | 5 | <div class="from-clues-header"> |
6 | <el-form ref="ruleForm" :model="form" label-width="80px"> | 6 | <el-form ref="ruleForm" :model="form" label-width="80px"> |
7 | <el-form-item> | ||
8 | <Breadcrumb /> | ||
9 | </el-form-item> | ||
7 | <el-row> | 10 | <el-row> |
8 | <el-col :span="6"> | 11 | <el-col :span="6"> |
9 | <el-form-item label="行政区" label-width="60px"> | 12 | <el-form-item label="行政区"> |
10 | <el-select v-model="form.areacode" class="width100" filterable placeholder="请选择行政区"> | 13 | <el-select v-model="form.areacode" class="width100" filterable placeholder="请选择行政区"> |
11 | <el-option v-for="item in dicData['XZQ']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['XZQ']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
12 | </el-option> | 15 | </el-option> | ... | ... |
... | @@ -8,7 +8,7 @@ class data extends filter { | ... | @@ -8,7 +8,7 @@ class data extends filter { |
8 | { | 8 | { |
9 | prop: 'jcjg', | 9 | prop: 'jcjg', |
10 | label: '检查结果', | 10 | label: '检查结果', |
11 | width: 100, | 11 | width: 90, |
12 | render: (h, scope) => { | 12 | render: (h, scope) => { |
13 | return ( | 13 | return ( |
14 | <div> | 14 | <div> |
... | @@ -22,7 +22,7 @@ class data extends filter { | ... | @@ -22,7 +22,7 @@ class data extends filter { |
22 | { | 22 | { |
23 | prop: 'rkjg', | 23 | prop: 'rkjg', |
24 | label: '入库结果', | 24 | label: '入库结果', |
25 | width: 100, | 25 | width: 80, |
26 | render: (h, scope) => { | 26 | render: (h, scope) => { |
27 | return ( | 27 | return ( |
28 | <div> | 28 | <div> |
... | @@ -36,12 +36,12 @@ class data extends filter { | ... | @@ -36,12 +36,12 @@ class data extends filter { |
36 | { | 36 | { |
37 | prop: "areacode", | 37 | prop: "areacode", |
38 | label: "行政区代码", | 38 | label: "行政区代码", |
39 | width: 100, | 39 | width: 70, |
40 | }, | 40 | }, |
41 | { | 41 | { |
42 | prop: "areaName", | 42 | prop: "areaName", |
43 | label: "行政区名称", | 43 | label: "行政区名称", |
44 | width: 100, | 44 | width: 70, |
45 | }, | 45 | }, |
46 | { | 46 | { |
47 | prop: "bizMsgid", | 47 | prop: "bizMsgid", |
... | @@ -50,10 +50,12 @@ class data extends filter { | ... | @@ -50,10 +50,12 @@ class data extends filter { |
50 | { | 50 | { |
51 | prop: "createdate", | 51 | prop: "createdate", |
52 | label: "创建时间", | 52 | label: "创建时间", |
53 | width: 140, | ||
53 | }, | 54 | }, |
54 | { | 55 | { |
55 | prop: "recflowid", | 56 | prop: "recflowid", |
56 | label: "业务流水号", | 57 | label: "业务流水号", |
58 | width: 95, | ||
57 | }, | 59 | }, |
58 | { | 60 | { |
59 | prop: "estatenum", | 61 | prop: "estatenum", |
... | @@ -63,14 +65,23 @@ class data extends filter { | ... | @@ -63,14 +65,23 @@ class data extends filter { |
63 | { | 65 | { |
64 | prop: "rectype", | 66 | prop: "rectype", |
65 | label: "业务编码", | 67 | label: "业务编码", |
68 | width: 70, | ||
66 | }, | 69 | }, |
67 | { | 70 | { |
68 | prop: "rectypeName", | 71 | prop: "rectypeName", |
69 | label: "业务名称", | 72 | label: "业务名称", |
73 | render: (h, scope) => { | ||
74 | return ( | ||
75 | <div> | ||
76 | {scope.row.rectypeName} | ||
77 | </div> | ||
78 | ) | ||
79 | } | ||
70 | }, | 80 | }, |
71 | { | 81 | { |
72 | prop: "receiveDate", | 82 | prop: "receiveDate", |
73 | label: "接收时间", | 83 | label: "接收时间", |
84 | width: 140 | ||
74 | } | 85 | } |
75 | ] | 86 | ] |
76 | } | 87 | } | ... | ... |
... | @@ -4,6 +4,9 @@ | ... | @@ -4,6 +4,9 @@ |
4 | <!-- 头部搜索 --> | 4 | <!-- 头部搜索 --> |
5 | <div class="from-clues-header"> | 5 | <div class="from-clues-header"> |
6 | <el-form ref="ruleForm" :model="form" label-width="100px"> | 6 | <el-form ref="ruleForm" :model="form" label-width="100px"> |
7 | <el-form-item> | ||
8 | <Breadcrumb /> | ||
9 | </el-form-item> | ||
7 | <el-row class="mb-5"> | 10 | <el-row class="mb-5"> |
8 | <el-col :span="6"> | 11 | <el-col :span="6"> |
9 | <el-form-item label="行政区" prop="qxdm"> | 12 | <el-form-item label="行政区" prop="qxdm"> |
... | @@ -77,7 +80,7 @@ | ... | @@ -77,7 +80,7 @@ |
77 | <el-form-item> | 80 | <el-form-item> |
78 | <btn nativeType="cz" @click="resetForm">重置</btn> | 81 | <btn nativeType="cz" @click="resetForm">重置</btn> |
79 | <btn nativeType="cx" @click="featchData">查询</btn> | 82 | <btn nativeType="cx" @click="featchData">查询</btn> |
80 | <btn nativeType="sb">入库</btn> | 83 | <btn nativeType="cx">入库</btn> |
81 | </el-form-item> | 84 | </el-form-item> |
82 | </el-col> | 85 | </el-col> |
83 | </el-row> | 86 | </el-row> |
... | @@ -173,7 +176,7 @@ export default { | ... | @@ -173,7 +176,7 @@ export default { |
173 | .concat([ | 176 | .concat([ |
174 | { | 177 | { |
175 | label: "操作", | 178 | label: "操作", |
176 | width: "160", | 179 | width: "90", |
177 | render: (h, scope) => { | 180 | render: (h, scope) => { |
178 | return ( | 181 | return ( |
179 | <div> | 182 | <div> | ... | ... |
... | @@ -23,6 +23,7 @@ class data extends filter { | ... | @@ -23,6 +23,7 @@ class data extends filter { |
23 | }, | 23 | }, |
24 | { | 24 | { |
25 | label: '汇交状态', | 25 | label: '汇交状态', |
26 | width: '110', | ||
26 | render: (h, scope) => { | 27 | render: (h, scope) => { |
27 | return ( | 28 | return ( |
28 | <div> | 29 | <div> |
... | @@ -38,12 +39,12 @@ class data extends filter { | ... | @@ -38,12 +39,12 @@ class data extends filter { |
38 | { | 39 | { |
39 | prop: "areacode", | 40 | prop: "areacode", |
40 | label: "行政区代码", | 41 | label: "行政区代码", |
41 | width: 100, | 42 | width: 80, |
42 | }, | 43 | }, |
43 | { | 44 | { |
44 | prop: "areaName", | 45 | prop: "areaName", |
45 | label: "行政区名称", | 46 | label: "行政区名称", |
46 | width: 100, | 47 | width: 90, |
47 | }, | 48 | }, |
48 | { | 49 | { |
49 | prop: "bizMsgid", | 50 | prop: "bizMsgid", | ... | ... |
... | @@ -4,6 +4,9 @@ | ... | @@ -4,6 +4,9 @@ |
4 | <!-- 头部搜索 --> | 4 | <!-- 头部搜索 --> |
5 | <div class="from-clues-header"> | 5 | <div class="from-clues-header"> |
6 | <el-form ref="ruleForm" :model="form" label-width="100px"> | 6 | <el-form ref="ruleForm" :model="form" label-width="100px"> |
7 | <el-form-item> | ||
8 | <Breadcrumb /> | ||
9 | </el-form-item> | ||
7 | <el-row class="mb-5"> | 10 | <el-row class="mb-5"> |
8 | <el-col :span="6"> | 11 | <el-col :span="6"> |
9 | <el-form-item label="行政区" prop="qxdm"> | 12 | <el-form-item label="行政区" prop="qxdm"> |
... | @@ -42,17 +45,17 @@ | ... | @@ -42,17 +45,17 @@ |
42 | <el-input v-model="form.ywh" class="width100" placeholder="业务号"></el-input> | 45 | <el-input v-model="form.ywh" class="width100" placeholder="业务号"></el-input> |
43 | </el-form-item> | 46 | </el-form-item> |
44 | </el-col> | 47 | </el-col> |
45 | <el-col :span="3"> | 48 | <el-col :span="6"> |
46 | <el-form-item label="权利类型" prop="qllx"> | 49 | <el-form-item label="权利类型" prop="qllx"> |
47 | <el-select v-model="form.ywmc" class="width100" clearable placeholder="权利类型"> | 50 | <el-select v-model="form.qllx" class="width100" clearable placeholder="权利类型"> |
48 | <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"> |
49 | </el-option> | 52 | </el-option> |
50 | </el-select> | 53 | </el-select> |
51 | </el-form-item> | 54 | </el-form-item> |
52 | </el-col> | 55 | </el-col> |
53 | <el-col :span="3"> | 56 | <el-col :span="6"> |
54 | <el-form-item label="登记类型" prop="djlx"> | 57 | <el-form-item label="登记类型" prop="djlx"> |
55 | <el-select v-model="form.ywmc" class="width100" clearable placeholder="登记类型"> | 58 | <el-select v-model="form.djlx" class="width100" clearable placeholder="登记类型"> |
56 | <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"> |
57 | </el-option> | 60 | </el-option> |
58 | </el-select> | 61 | </el-select> |
... | @@ -95,7 +98,7 @@ export default { | ... | @@ -95,7 +98,7 @@ export default { |
95 | components: { | 98 | components: { |
96 | dataDetails, | 99 | dataDetails, |
97 | }, | 100 | }, |
98 | data() { | 101 | data () { |
99 | return { | 102 | return { |
100 | isShow: false, | 103 | isShow: false, |
101 | // 开始结束日期限制 | 104 | // 开始结束日期限制 |
... | @@ -157,20 +160,20 @@ export default { | ... | @@ -157,20 +160,20 @@ export default { |
157 | ]), | 160 | ]), |
158 | total: 0, | 161 | total: 0, |
159 | data: [{}], | 162 | data: [{}], |
160 | }, | 163 | }, |
161 | title: "", | 164 | title: "", |
162 | }; | 165 | }; |
163 | }, | 166 | }, |
164 | mounted() { | 167 | mounted () { |
165 | sendThis(this); | 168 | sendThis(this); |
166 | }, | 169 | }, |
167 | methods: { | 170 | methods: { |
168 | // 重置表单 | 171 | // 重置表单 |
169 | resetForm() { | 172 | resetForm () { |
170 | this.$refs.ruleForm.resetFields(); | 173 | this.$refs.ruleForm.resetFields(); |
171 | }, | 174 | }, |
172 | // 初始化数据 | 175 | // 初始化数据 |
173 | queryClick() { | 176 | queryClick () { |
174 | getDataReportPage({ ...this.form, ...this.pageData }).then((res) => { | 177 | getDataReportPage({ ...this.form, ...this.pageData }).then((res) => { |
175 | if (res.code === 200) { | 178 | if (res.code === 200) { |
176 | let { total, records } = res.result; | 179 | let { total, records } = res.result; |
... | @@ -180,11 +183,11 @@ export default { | ... | @@ -180,11 +183,11 @@ export default { |
180 | }); | 183 | }); |
181 | }, | 184 | }, |
182 | // 多选 | 185 | // 多选 |
183 | handleSelectionChange(val) {}, | 186 | handleSelectionChange (val) { }, |
184 | // 上报 | 187 | // 上报 |
185 | handleEscalation() {}, | 188 | handleEscalation () { }, |
186 | // 详情 | 189 | // 详情 |
187 | handleDetail(row) { | 190 | handleDetail (row) { |
188 | this.title = row.rectypeName; | 191 | this.title = row.rectypeName; |
189 | this.$refs.editLog.isShow(row); | 192 | this.$refs.editLog.isShow(row); |
190 | }, | 193 | }, | ... | ... |
-
Please register or sign in to post a comment