466e4180 by 任超

feat:面包屑

1 parent b7f02f7a
<template>
<el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right">
<span class="fl">当前页面:</span>
<transition-group name="breadcrumb">
<el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
当前页面:
<span @click.prevent="handleLink(item)">{{ item.meta.title }}</span>
</el-breadcrumb-item>
</transition-group>
......@@ -31,7 +31,10 @@ export default {
// only show routes with meta.title
this.levelList = this.$route.matched.filter(
(item) => item.meta && item.meta.title
).slice(-1)
)
if (this.$route.matched[0].path == '/jsbwcx') {
this.levelList = this.levelList.slice(-1)
}
},
isDashboard (route) {
const name = route && route.name;
......@@ -60,6 +63,13 @@ export default {
color: #FFFFFF;
}
/deep/.el-icon-arrow-right {
width: 2px;
position: relative;
left: -10px;
color: #FFFFFF;
}
/deep/.el-breadcrumb__inner {
color: #FFFFFF !important;
}
......
......@@ -5,6 +5,7 @@
/deep/.el-select {
width: 100%;
}
/deep/.el-form-item__error {
right: 25px;
top: 15px;
......@@ -40,6 +41,13 @@
margin-right: -1px;
}
.obligee-item-name,
.receivingInfo-item-name,
.auditInfo-item-name {
background: url("~@/image/itembg.png") no-repeat;
background-size: 100% 100%;
color: #FFFFFF;
}
/deep/.el-textarea__inner {
margin: 5px;
......@@ -49,23 +57,27 @@
border-radius: 2px;
border: 1px solid #6BC1FC;
}
/deep/.el-input-number{
/deep/.el-input-number {
width: 100%;
}
/deep/.el-input-number__increase{
/deep/.el-input-number__increase {
background: #05275B;
color: #FFFFFF;
border:none;
right: 12px;
top: 6px;
border: none;
right: 7px;
top: 2px;
}
/deep/.el-input-number__decrease{
/deep/.el-input-number__decrease {
background: #05275B;
color: #FFFFFF;
border:none;
right: 12px;
bottom:6px;
border: none;
right: 7px;
bottom: 10px;
}
/deep/.el-input__inner {
margin: 5px;
width: 96%;
......
<template>
<!-- 编辑 -->
<el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox editDialogBox mainCenter"
:visible.sync="dialogVisible" width="85%">
<el-dialog :close-on-click-modal="false" top="0" @close="closeDialog"
custom-class="dialogBox editDialogBox mainCenter" :visible.sync="dialogVisible" width="85%">
<div slot="title" class="dialog_title" ref="dialogTitle">
<b>{{ title || '标题' }}</b>
</div>
......@@ -111,7 +111,7 @@
import { mapGetters } from "vuex";
import JsonEditor from "@/components/JsonEditor.vue";
import Xyjg from "./Result";
import { getTabsDetail, getXml,getReportDetail } from "@/api/dataReport.js";
import { getTabsDetail, getXml, getReportDetail } from "@/api/dataReport.js";
import { MessageBox } from "element-ui";
export default {
components: { JsonEditor, Xyjg },
......@@ -187,7 +187,7 @@ export default {
}
});
//不动产数据查询上报详情
getReportDetail({bsmReport:item.bsmSjsb || item.bsmReport}).then((res) => {
getReportDetail({ bsmReport: item.bsmSjsb || item.bsmReport }).then((res) => {
if (res.code == 200) {
this.dataReport = res.result;
}
......@@ -278,13 +278,13 @@ export default {
.editForm {
/deep/.el-textarea__inner {
border: none !important;
margin: 0 !important;
border: 1px solid #224C7C !important;
margin: 0 0 10px 0 !important;
width: 100% !important;
}
/deep/.el-input__inner {
border: none !important;
border: 1px solid #224C7C !important;
margin: 0 !important;
width: 100% !important;
}
......@@ -321,7 +321,8 @@ export default {
.obligee-item-name {
background: #05275B;
color: #FFFFFF;
border: 1px solid #6BC1FC;
background: url("~@/image/itembg.png") no-repeat;
background-size: 100% 100%;
}
/deep/.el-tabs__nav-scroll {
......
......@@ -2,7 +2,7 @@ const state = {
rules: {},
initRules: {},
subRules: {},
Edit: false
Edit: true
}
const mutations = {
......@@ -30,13 +30,13 @@ const actions = {
setInitRules ({ commit }, data) {
commit('SET_INITRULES', data)
},
setSubRules({ commit }, data) {
setSubRules ({ commit }, data) {
commit('SET_SUBRULES', data)
},
setEdit({ commit }) {
setEdit ({ commit }) {
commit('SET_EDIT')
},
setReportLogEdit({ commit }) {
setReportLogEdit ({ commit }) {
commit('SET_REPORTEDIT')
}
}
......
......@@ -66,7 +66,8 @@
// refine element ui upload
.el-input.is-disabled .el-input__inner {
color: #FFFFFF !important;
background-color: transparent !important;
// background-color: transparent !important;
border: 1px solid #224C7C !important;
}
.upload-container {
......
......@@ -7,36 +7,43 @@
max-height: 100%;
overflow-y: scroll;
}
.panel-tab__title {
font-weight: 600;
padding: 0 8px;
font-size: 1.1em;
line-height: 1.2em;
i {
margin-right: 8px;
font-size: 1.2em;
}
}
.panel-tab__content {
width: 100%;
box-sizing: border-box;
border-top: 1px solid #eeeeee;
padding: 8px 16px;
.panel-tab__content--title {
display: flex;
justify-content: space-between;
padding-bottom: 8px;
span {
flex: 1;
text-align: left;
}
}
}
.element-property {
width: 100%;
display: flex;
align-items: flex-start;
margin: 8px 0;
.element-property__label {
display: block;
width: 90px;
......@@ -47,64 +54,72 @@
font-size: 14px;
box-sizing: border-box;
}
.element-property__value {
flex: 1;
line-height: 32px;
}
.el-form-item {
width: 100%;
margin-bottom: 0;
padding-bottom: 18px;
}
}
.list-property {
flex-direction: column;
.element-listener-item {
width: 100%;
display: inline-grid;
grid-template-columns: 16px auto 32px 32px;
grid-column-gap: 8px;
}
.element-listener-item + .element-listener-item {
.element-listener-item+.element-listener-item {
margin-top: 8px;
}
}
.listener-filed__title {
display: inline-flex;
width: 100%;
justify-content: space-between;
align-items: center;
margin-top: 0;
span {
width: 200px;
text-align: left;
font-size: 14px;
}
i {
margin-right: 8px;
}
}
.element-drawer__button {
margin-top: 8px;
width: 100%;
display: inline-flex;
justify-content: space-around;
}
.element-drawer__button > .el-button {
.element-drawer__button>.el-button {
width: 100%;
}
.el-collapse-item__content {
padding-bottom: 0;
}
.el-input.is-disabled .el-input__inner {
color: #999999;
}
.el-form-item.el-form-item--mini {
margin-bottom: 0;
& + .el-form-item {
&+.el-form-item {
margin-top: 16px;
}
}
}
\ No newline at end of file
......
......@@ -47,7 +47,7 @@
</el-col>
<el-col :span="6">
<el-form-item label="权利类型" prop="qllx">
<el-select v-model="form.ywmc" class="width100" clearable placeholder="权利类型">
<el-select v-model="form.qllx" class="width100" clearable placeholder="权利类型">
<el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
......@@ -55,7 +55,7 @@
</el-col>
<el-col :span="6">
<el-form-item label="登记类型" prop="djlx">
<el-select v-model="form.ywmc" class="width100" clearable placeholder="登记类型">
<el-select v-model="form.djlx" class="width100" clearable placeholder="登记类型">
<el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
......