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