Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
7993a0bd by 田浩浩
Options

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

2 parents fe993b0a fec2cdcb
Inline Side-by-side
Showing 8 changed files with 215 additions and 48 deletions
<template>
<div class="breadcrumb">
<el-breadcrumb class="app-breadcrumb" separator-class="el-icon-arrow-right">
<transition-group name="breadcrumb">
<el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
<span
v-if="
item.redirect === 'noRedirect' || index == levelList.length - 1
"
class="no-redirect"
>{{ item.meta.title }}</span
>
<a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
</el-breadcrumb-item>
</transition-group>
</el-breadcrumb>
</div>
</template>
<script>
import pathToRegexp from "path-to-regexp";
export default {
data() {
return {
levelList: null,
};
},
watch: {
$route() {
this.getBreadcrumb();
},
},
created() {
this.getBreadcrumb();
},
methods: {
getBreadcrumb() {
// only show routes with meta.title
let matched = this.$route.matched.filter(
(item) => item.meta && item.meta.title
);
this.levelList = matched.filter(
(item) => item.meta && item.meta.title
);
},
isDashboard(route) {
const name = route && route.name;
if (!name) {
return false;
}
return (
name.trim().toLocaleLowerCase() === "Dashboard".toLocaleLowerCase()
);
},
pathCompile(path) {
const { params } = this.$route;
var toPath = pathToRegexp.compile(path);
return toPath(params);
},
handleLink(item) {
// const { redirect, path } = item;
// if (redirect) {
// this.$router.push(redirect);
// return;
// }
// this.$router.push(path);
},
},
};
</script>
<style lang="scss" scoped>
.breadcrumb {
margin: 15px auto 0;
box-sizing: border-box;
text-indent: 16px;
}
.breadcrumb1366 {
padding: 10px 0 !important;
}
.isFullScreen{
width: calc(100% - 20px);
margin: 0 auto;
padding: 10px!important;
}
.cur-location {
font-size: 16px;
color: white;
line-height: 40px;
float: left;
img {
position: relative;
top: 3px;
margin-right: 4px;
}
}
.app-breadcrumb.el-breadcrumb {
display: inline-block;
font-size: 14px;
// line-height: 40px;
.no-redirect {
color: white;
cursor: text;
}
}
.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
color: white;
cursor: text;
font-weight: normal;
}
// .el-breadcrumb__inner a:hover,
// .el-breadcrumb__inner.is-link:hover {
// text-decoration: underline;
// }
</style>
<template>
<section class="app-main">
<!-- <Breadcrumb v-if="judgeRoute()" /> -->
<transition name="fade-transform" mode="out-in">
<router-view />
</transition>
</section>
</template>
<script>
import Breadcrumb from "@/components/Breadcrumb/index";
export default {
name: 'AppMain',
components: {
Breadcrumb
},
methods: {
judgeRoute(){
if (this.$route.path == '/home' || this.$route.path.indexOf('jsbwcx') > -1) {
return false
}else{
return true
}
}
},
computed: {
key () {
return this.$route.path
......
<template>
<div class="navbar-con">
<div class="navbar">
<div class="title">{{ dicData['sysCode'][0].DNAME }}</div>
<div class="title">{{ dicData['sysCode'] && dicData['sysCode'][0].DNAME }}</div>
<div class="user">欢迎进入系统 {{ name }} <svg-icon icon-class='close' class="closeStyle" @click="onCancel" />退出系统</div>
<div class="sidebarLeft">
<sidebarLeft />
......
......@@ -92,6 +92,7 @@ export const asyncRoutes = [
{
path: '/jktj',
component: Layout,
meta: { title: '统计监控', icon: 'sqcx'},
children: [
{
path: 'ywltj',
......@@ -176,7 +177,7 @@ export const asyncRoutes = [
{
path: '/busineInfo',
component: Layout,
meta: { title: '接入业务信息', icon: 'sqcx', breadcrumb: false },
meta: { title: '不动产数据', icon: 'sqcx'},
redirect: '/busineInfo/landOwnership',
alwaysShow: true,
name: 'busineInfo',
......@@ -277,7 +278,7 @@ export const asyncRoutes = [
{
path: '/system',
component: Layout,
meta: { title: '系统管理', icon: 'sqcx', breadcrumb: false },
meta: { title: '运维中心', icon: 'sqcx', breadcrumb: false },
redirect: '/system/dictionaries',
alwaysShow: true,
name: 'system',
......
<template>
<div class="dyiq from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="80px">
<el-form ref="form" :model="form" label-width="90px">
<el-row>
<el-col :span="5">
<el-form-item label="业务号">
<el-input v-model="form.YWH" placeholder="业务号"></el-input>
<el-col :span="6">
<el-form-item label="行政区">
<el-input v-model="form.xzq" placeholder="行政区"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="供役地不动产单元号" label-width="150px">
<el-input v-model="form.GYDBDCDYH" placeholder="供役地不动产单元号"></el-input>
<el-form-item label="权属状态">
<el-select v-model="form.qszt" class="width100" clearable placeholder="请选择权属状态">
<el-option v-for="item in qsztOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="需役地不动产单元号" label-width="150px">
<el-input v-model="form.XYDBDCDYH" placeholder="需役地不动产单元号"></el-input>
<el-form-item label="坐落">
<el-input v-model="form.zl" placeholder="坐落"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产权证号" label-width="120px">
<el-input v-model="form.bdcqzh" placeholder="不动产权证号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="权利人">
<el-input v-model="form.xzq" placeholder="权利人"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="from-clues-search-button">
<el-button type="primary" @click="handleSubmit">查询结果</el-button>
<el-button type="primary" @click="handleSubmit">查询</el-button>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
......@@ -56,11 +75,13 @@ export default {
data () {
return {
form: {
YWH: '',
GYDBDCDYH: '',
XYDBDCDYH: '',
xzq: '',
qszt: '',
zl: '',
bdcqzh: '',
currentPage: 1
},
qsztOptions: [],
tableData: {
columns: [{
label: '序号',
......
......@@ -12,11 +12,9 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
{
scope.row.receiveState
? <span class='adopt'>通过</span>
: <span class='warehousing'>不通过</span>
}
<span class='adopt' v-show={scope.row.receiveState == 0}>未效验</span>
<span class='adopt' v-show={scope.row.receiveState == 1}>效验成功</span>
<span class='warehousing' v-show={scope.row.receiveState == 2}>效验失败</span>
</div>
)
}
......@@ -28,11 +26,9 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
{
scope.row.storageState
? <span class='success'>成功</span>
: <span class='fail'>失败</span>
}
<span class='fail' v-show={scope.row.storageState == 0}>未入库</span>
<span class='success' v-show={scope.row.storageState == 1}>已入库</span>
<span class='fail' v-show={scope.row.storageState == 2}>入库失败</span>
</div>
)
}
......
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
......@@ -6,6 +10,32 @@ class data extends filter {
columns () {
return [
{
label: '序号',
type: 'index',
width: '50',
render: (h, scope) => {
return (
<div>
{(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
</div>
)
}
},
{
label: '汇交状态',
render: (h, scope) => {
return (
<div>
<span v-show={scope.row.exchangeState == 0} class='warehousing'>未上报</span>
<span v-show={scope.row.exchangeState == 1} class='warehousing'>上报成功未响应</span>
<span v-show={scope.row.exchangeState == 2} class='warehousing'>上报失败</span>
<span v-show={scope.row.exchangeState == 3} class='adopt'>上报成功响应成功</span>
<span v-show={scope.row.exchangeState == 4} class='warehousing'>响应失败</span>
</div>
)
}
},
{
prop: "areacode",
label: "行政区代码",
width: 100,
......@@ -43,20 +73,13 @@ class data extends filter {
{
prop: "uploadtime",
label: "汇交时间",
},
{
label: '汇交状态',
render: (h, scope) => {
return (
<div>
{
scope.row.exchangeState == '1' ? <span class='adopt'>成功</span> : <span class='warehousing'>失败</span>
}
</div>
)
}
},
]
}
}
export default new data()
let datas = new data()
export {
datas,
sendThis
}
......
......@@ -81,7 +81,7 @@
<script>
// 上报报文查询
// 引入表头数据
import data from "./data";
import { datas, sendThis } from "./data";
// 引入表格混入方法
import table from "@/utils/mixin/table";
// 引入详情弹框
......@@ -130,15 +130,7 @@ export default {
// table数据
tableData: {
// 表头数据
columns: [
{
label: "序号",
type: "index",
width: "50",
index: this.indexMethod,
},
]
.concat(data.columns())
columns: datas.columns()
.concat([
{
label: "操作",
......@@ -185,6 +177,9 @@ export default {
title: ''
};
},
mounted () {
sendThis(this);
},
methods: {
// 重置表单
resetForm () {
......