Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
a3611f9c by 任超
Options

feat:监控统计

1 parent 5e28cc72
Inline Side-by-side
Showing 5 changed files with 721 additions and 155 deletions
......@@ -23,7 +23,7 @@
<!-- 按钮操作 -->
<el-col :span="12" class="btnColRight">
<el-form-item>
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cz" @click="handleResetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-form-item>
</el-col>
......@@ -32,9 +32,9 @@
</div>
<!-- 列表区域 -->
<div class="from-clues-content">
<lb-table ref="table" :page-size="pageData.size" :header-cell-style="headerStyle"
:current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
<lb-table ref="table" :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total"
@size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
</div>
</div>
......@@ -115,8 +115,7 @@ export default {
};
},
created () {
this.form.startTime = getCurrentDate()
this.form.endTime = getCurrentDate('time')
this.handleResetForm()
},
methods: {
//截止日期变化
......@@ -126,19 +125,9 @@ export default {
// 初始化数据
featchData () { },
// 重置
resetForm () {
this.$refs.ruleForm.resetFields();
this.form.currentPage = 1
this.featchData();
},
headerStyle ({ row, columnIndex }) {
// row[3].colSpan = 2;
// row[4].colSpan = 0;
// if (columnIndex == 4 || columnIndex == 6) {
// return { display: "none" };
// }
// row[5].colSpan = 2;
// row[6].colSpan = 0;
handleResetForm () {
this.form.startTime = getCurrentDate()
this.form.endTime = getCurrentDate('time')
}
}
}
......
......@@ -6,83 +6,418 @@ class data extends filter {
columns () {
return [
{
prop: 'jcjg',
label: '检查结果',
width: 90,
render: (h, scope) => {
return (
<div>
<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>
)
}
label: "行政区划",
type: "xzqh",
width: '80'
},
{
prop: 'rkjg',
label: '入库结果',
width: 80,
render: (h, scope) => {
return (
<div>
<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>
)
}
label: '国有建设用地使用权',
children: [
{
label: '用途',
children: [
{
label: '空项率',
type: "xx",
},
{
label: '分值',
type: "xx",
}
]
},
{
label: '权利性质',
children: [
{
label: '空项率',
type: "xx",
},
{
label: '分值',
type: "xx",
}
]
},
{
label: '权利设定方式',
children: [
{
label: '空项率',
type: "xx",
},
{
label: '分值',
type: "xx",
}
]
},
{
label: '权利设定方式',
children: [
{
label: '空项率',
type: "xx",
},
{
label: '分值',
type: "xx",
}
]
},
{
label: ' 共有情况（建设用地）',
children: [
{
label: '空项率',
type: "xx",
},
{
label: '分值',
type: "xx",
}
]
},
{
label: ' 等别',
children: [
{
label: '空项率',
type: "xx",
},
{
label: '分值',
type: "xx",
}
]
},
{
label: ' 容积率',
children: [
{
label: '空项率',
type: "xx",
},
{
label: '分值',
type: "xx",
}
]
},
]
},
{
prop: "areacode",
label: "行政区代码",
width: 90,
label: '房屋所有权',
children: [
{
label: '房屋共有情况',
children: [
{
label: '空项率',
type: "xx",
},
{
label: '分值',
type: "xx",
}
]
},
{
label: '房屋性质',
children: [
{
label: '空项率',
type: "xx",
},
{
label: '分值',
type: "xx",
}
]
},
{
label: '房屋结构',
children: [
{
label: '空项率',
type: "xx",
},
{
label: '分值',
type: "xx",
}
]
},
{
label: '竣工时间',
children: [
{
label: '空项率',
type: "xx",
},
{
label: '分值',
type: "xx",
}
]
}
]
},
{
prop: "areaName",
label: "行政区名称",
width: 90,
label: '抵押权',
children: [
{
label: '债务履行期限（债权确定时间）',
children: [
{
type: 'xxx',
label: '空项率',
},
{
type: 'xxx',
label: '分值',
}
]
}
]
},
{
prop: "bizMsgid",
label: "业务报文ID",
width: 90,
label: '最高额抵押',
children: [
{
label: '最高债权确定事实和数额',
children: [
{
type: 'xxx',
label: '空项率',
},
{
type: 'xxx',
label: '分值',
}
]
}
]
},
{
prop: "createdate",
label: "创建时间",
width: 140,
label: '在建建筑物坐落(一般）',
children: [
{
label: '在建建筑物坐落',
children: [
{
type: 'xxx',
label: '空项率',
},
{
type: 'xxx',
label: '分值',
}
]
},
{
label: '在建建筑物抵押范围',
children: [
{
type: 'xxx',
label: '空项率',
},
{
type: 'xxx',
label: '分值',
}
]
}
]
},
{
prop: "recflowid",
label: "业务流水号",
width: 95,
label: '在建建筑物坐落（最高额）',
children: [
{
label: '在建建筑物坐落',
children: [
{
type: 'xxx',
label: '空项率',
},
{
type: 'xxx',
label: '分值',
}
]
},
{
label: '在建建筑物抵押范围',
children: [
{
type: 'xxx',
label: '空项率',
},
{
type: 'xxx',
label: '分值',
}
]
}
]
},
{
prop: "estatenum",
label: "不动产单元号",
width: 240,
label: '抵押注销',
children: [
{
label: '注销抵押原因',
children: [
{
type: 'xxx',
label: '空项率',
},
{
type: 'xxx',
label: '分值',
}
]
},
{
label: '注销时间',
children: [
{
type: 'xxx',
label: '空项率',
},
{
type: 'xxx',
label: '分值',
}
]
}
]
},
{
prop: "rectype",
label: "业务编码",
width: 80,
label: '预告登记',
children: [
{
label: '义务人证件种类',
children: [
{
type: 'xxx',
label: '空项率',
},
{
type: 'xxx',
label: '分值',
}
]
},
{
label: '义务人证件号',
children: [
{
type: 'xxx',
label: '空项率',
},
{
type: 'xxx',
label: '分值',
}
]
},
{
label: '规划用途',
children: [
{
type: 'xxx',
label: '空项率',
},
{
type: 'xxx',
label: '分值',
}
]
},
{
label: '房屋性质',
children: [
{
type: 'xxx',
label: '空项率',
},
{
type: 'xxx',
label: '分值',
}
]
}
]
},
{
prop: "rectypeName",
label: "业务名称",
render: (h, scope) => {
return (
<div>
{scope.row.rectypeName}
</div>
)
}
},
{
prop: "receiveDate",
label: "接收时间",
width: 140
label: '查封登记',
children: [
{
label: '解封机关',
children: [
{
type: 'xxx',
label: '空项率',
},
{
type: 'xxx',
label: '分值',
}
]
},
{
label: '解封文件',
children: [
{
type: 'xxx',
label: '空项率',
},
{
type: 'xxx',
label: '分值',
}
]
},
{
label: '解封登记时间',
children: [
{
type: 'xxx',
label: '空项率',
},
{
type: 'xxx',
label: '分值',
}
]
},
{
label: '解封登簿人',
children: [
{
type: 'xxx',
label: '空项率',
},
{
type: 'xxx',
label: '分值',
}
]
},
{
label: '解封业务号',
children: [
{
type: 'xxx',
label: '空项率',
},
{
type: 'xxx',
label: '分值',
}
]
}
]
}
]
}
......
<!-- 相关字段空置率统计 -->
<template>
<div class="from-clues">
<!-- 头部搜索 -->
<div class="from-clues-header">
<el-form ref="ruleForm" :model="form" label-width="100px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row class="mb-5">
<el-col :span="6">
<el-form-item label="接收日期" prop="startTime">
<el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
clearable v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="至" prop="endTime" label-width="35px">
<el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd" clearable
v-model="form.endTime" value-format="yyyy-MM-dd" @change="endTimeChange"></el-date-picker>
</el-form-item>
</el-col>
<!-- 按钮操作 -->
<el-col :span="12" class="btnColRight">
<el-form-item>
<btn nativeType="cz" @click="handleResetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 列表区域 -->
<div class="from-clues-content">
<lb-table ref="table" :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total"
@size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
</div>
</div>
</template>
<script>
// 相关字段空置率统计
// 引入表格头部数据
import data from "./data";
// 引入table混入方法
import tableMixin from "@/mixins/tableMixin.js";
//引入日期处理方法
import { timeFormat } from "@/utils/operation";
// 获取时间
import { getCurrentDate } from "@/utils/tools";
export default {
name: "jsbwcx",
mixins: [tableMixin],
data () {
return {
pickerOptionsStart: {
disabledDate: (time) => {
let endDateVal = this.form.endTime;
if (endDateVal) {
return (
time.getTime() >=
new Date(endDateVal).getTime()
);
}
},
},
pickerOptionsEnd: {
disabledDate: (time) => {
let beginDateVal = this.form.startTime;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
},
},
// 表格数据
form: {
startTime: "", // 开始日期
endTime: "", // 结束日期
currentPage: 1
},
// 校验规则
rules: {
startTime: [
{ required: true, message: "请选择开始日期", trigger: "change" },
],
endTime: [
{ required: true, message: "请选择结束日期", trigger: "change" },
]
},
// 表格数据
tableData: {
// 表格头部
columns: [
{
label: "序号",
type: "index",
width: "50",
index: this.indexMethod,
}
]
.concat(data.columns()),
data: [],
},
// 分页
pageData: {
total: 0,
pageSize: 10,
current: 1
}
};
},
created () {
this.handleResetForm()
},
methods: {
//截止日期变化
endTimeChange (val) {
this.form.endTime = timeFormat(new Date(val), true)
},
// 初始化数据
featchData () { },
// 重置
resetForm () {
this.$refs.ruleForm.resetFields();
this.form.currentPage = 1
this.featchData();
},
// 重置
handleResetForm () {
this.form.startTime = getCurrentDate()
this.form.endTime = getCurrentDate('time')
}
}
}
</script>
<style scoped lang="scss">
// 引入表单整体样式
@import "~@/styles/public.scss";
@import "../css/index.scss";
</style>
......
......@@ -6,84 +6,40 @@ class data extends filter {
columns () {
return [
{
prop: 'jcjg',
label: '检查结果',
width: 90,
render: (h, scope) => {
return (
<div>
<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>
)
}
prop: "xzq",
label: "行政区划",
width: '90'
},
{
label: '分项',
children: [
{
prop: 'xxx',
label: '国有建设用地使用权登记得分及空项率',
},
{
prop: 'xxx',
label: '国有建设用地使用权和房屋所有权登记得分及空项率',
},
{
prop: 'xxx',
label: '抵押权登记得分及空项率',
},
{
prop: 'xxx',
label: '预告登记得分及空项率',
},
{
prop: 'xxx',
label: '查封登记得分及空项率',
}
]
},
{
prop: "xxx",
width: '90',
label: "综合评分",
},
{
prop: 'rkjg',
label: '入库结果',
width: 80,
render: (h, scope) => {
return (
<div>
<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>
)
}
},
{
prop: "areacode",
label: "行政区代码",
width: 90,
},
{
prop: "areaName",
label: "行政区名称",
width: 90,
},
{
prop: "bizMsgid",
label: "业务报文ID",
width: 90,
},
{
prop: "createdate",
label: "创建时间",
width: 140,
},
{
prop: "recflowid",
label: "业务流水号",
width: 95,
},
{
prop: "estatenum",
label: "不动产单元号",
width: 240,
},
{
prop: "rectype",
label: "业务编码",
width: 80,
},
{
prop: "rectypeName",
label: "业务名称",
render: (h, scope) => {
return (
<div>
{scope.row.rectypeName}
</div>
)
}
},
{
prop: "receiveDate",
label: "接收时间",
width: 140
}
]
}
}
......
<!-- 接入质量评价表 -->
<template>
<div class="from-clues">
<!-- 头部搜索 -->
<div class="from-clues-header">
<el-form ref="ruleForm" :model="form" label-width="100px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row class="mb-5">
<el-col :span="6">
<el-form-item label="接收日期" prop="startTime">
<el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
clearable v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="至" prop="endTime" label-width="35px">
<el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd" clearable
v-model="form.endTime" value-format="yyyy-MM-dd" @change="endTimeChange"></el-date-picker>
</el-form-item>
</el-col>
<!-- 按钮操作 -->
<el-col :span="12" class="btnColRight">
<el-form-item>
<btn nativeType="cz" @click="handleResetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 列表区域 -->
<div class="from-clues-content">
<lb-table ref="table" :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total"
@size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
</div>
</div>
</template>
<script>
// 接入质量评价表
// 引入表格头部数据
import data from "./data";
// 引入table混入方法
import tableMixin from "@/mixins/tableMixin.js";
//引入日期处理方法
import { timeFormat } from "@/utils/operation";
// 获取时间
import { getCurrentDate } from "@/utils/tools";
export default {
name: "jsbwcx",
mixins: [tableMixin],
data () {
return {
pickerOptionsStart: {
disabledDate: (time) => {
let endDateVal = this.form.endTime;
if (endDateVal) {
return (
time.getTime() >=
new Date(endDateVal).getTime()
);
}
},
},
pickerOptionsEnd: {
disabledDate: (time) => {
let beginDateVal = this.form.startTime;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
},
},
// 表格数据
form: {
startTime: "", // 开始日期
endTime: "", // 结束日期
currentPage: 1
},
// 校验规则
rules: {
startTime: [
{ required: true, message: "请选择开始日期", trigger: "change" },
],
endTime: [
{ required: true, message: "请选择结束日期", trigger: "change" },
]
},
// 表格数据
tableData: {
// 表格头部
columns: [
{
label: "序号",
type: "index",
width: "50",
index: this.indexMethod,
}
]
.concat(data.columns()),
data: [],
},
// 分页
pageData: {
total: 0,
pageSize: 10,
current: 1
}
};
},
created () {
this.handleResetForm()
},
methods: {
//截止日期变化
endTimeChange (val) {
this.form.endTime = timeFormat(new Date(val), true)
},
// 初始化数据
featchData () { },
// 重置
handleResetForm () {
this.form.startTime = getCurrentDate()
this.form.endTime = getCurrentDate('time')
}
}
}
</script>
<style scoped lang="scss">
// 引入表单整体样式
@import "~@/styles/public.scss";
@import "../css/index.scss";
</style>
......