129a1eab by 赵千

qjdc

1 parent a401d5df
/*
* @Description: 统计率
* @Autor: renchao
* @LastEditTime: 2023-03-21 16:25:26
*/
/* 引入请求文件 */
import request from '@/utils/request'
/* 引入配置文件 */
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
class bdcdj {
/**
* @description: 成功率统计
* @param {*} startDate
* @param {*} endDate
* @param {*} qxdm
* @author: renchao
*/
async list (data) {
return request({
url: SERVER.SERVERAPI + '/rest/statistics/gd/list',
method: 'post',
data
})
}
/**
* @description: 成功率统计
* @param {*} startDate
* @param {*} endDate
* @param {*} qxdm
* @author: renchao
*/
async getQjdcCount (data) {
return request({
url: SERVER.SERVERAPI + '/rest/statistics/qjdc/getQjdcCount',
method: 'post',
data
})
}
}
export default new bdcdj()
......@@ -128,6 +128,18 @@ export const asyncRoutes = [
component: () => import('@/views/jktj/registerBookQuality/index'),
name: 'registerBookQuality',
meta: { title: '登簿质量评价表', icon: 'registerBookQuality' }
},
{
path: 'daxxcx',
component: () => import('@/views/jktj/daxxcx/index'),
name: 'daxxcx',
meta: { title: '档案信息查询', icon: 'registerBookQuality' }
},
{
path: 'qjdcsjcx',
component: () => import('@/views/jktj/qjdcsjcx/index'),
name: 'qjdcsjcx',
meta: { title: '权籍调查数据查询', icon: 'registerBookQuality' }
}
]
},
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-11 10:02:44
*/
import filter from '@/utils/filter.js'
class data extends filter {
constructor() {
super()
}
columns () {
return [
// {
// prop: 'sjlx',
// label: '数据类型',
// width: 90,
// render: (h, scope) => {
// return (
// <div>
// <span v-show={scope.row.sjlx == 1}>ftp上传</span>
// <span v-show={scope.row.sjlx == 2}>业务库抽取</span>
// <span v-show={scope.row.sjlx == 3}>存量数据</span>
// </div>
// )
// }
// },
{
prop: 'qlr',
label: '权利人',
width: 190
},
{
prop: 'qlrzjh',
label: '证件号',
width: 80
},
{
prop: "qzhm",
label: "权证号码",
width: 190,
},
{
prop: "ywr",
label: "义务人",
width: 190,
},
{
prop: "zl",
label: "坐落",
minWidth: 150,
},
{
prop: "bdcdyh",
label: "不动产单元号",
width: 240
},
{
prop: "djlx",
label: "登记类型",
minWidth: 200,
},
{
prop: "djsj",
label: "登记时间",
minWidth: 130,
},
{
prop: "gdsj",
label: "归档时间",
minWidth: 130,
},
{
prop: "ajh",
minWidth: 110,
label: "归档状态",
render: (h, scope) => {
if (scope.row.ajh == null) {
return (
<div>
未归档
</div>
)
} else {
return (
<div>
已归档
</div>
)
}
}
}
]
}
}
export default new data()
<template>
<!-- 监控日志 -->
<div class="jktjDetail from-clues">
<!-- 头部搜索 -->
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="100px">
<Breadcrumb />
<el-row class="mb-5">
<el-col :span="4">
<el-form-item label="行政区" class="d-flex">
<el-select v-model="form.qxdm" class="width100" clearable placeholder="行政区">
<el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="是否归档" class="d-flex">
<el-select v-model="form.sfgd" class="width100" clearable placeholder="是否归档">
<el-option key="gd1" label="已归档" value="1"></el-option>
<el-option key="gd2" label="未归档" value="2"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="开始日期" class="d-flex">
<el-date-picker class="width100" :clearable="false" type="date" placeholder="开始日期"
:picker-options="pickerOptionsStart" v-model="form.receiveStartTime"
value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="结束日期" class="d-flex">
<el-date-picker class="width100" :clearable="false" type="date" placeholder="结束日期"
:picker-options="pickerOptionsEnd" v-model="form.receiveEndTime" value-format="yyyy-MM-dd HH:mm:ss"
@change="endTimeChange"></el-date-picker>
</el-form-item>
</el-col>
<!-- 操作按钮 -->
<el-col :span="8" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="featchData">查询</btn>
</el-col>
</el-row>
</el-form>
</div>
<!-- 图表 -->
<div class="from-clues-content">
<lb-table ref="table" :page-size="pageData.pageSize" :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 { mapGetters } from "vuex";
import { getFirstDayOfSeason, timeFormat } from "@/utils/operation";
// 引入表格头部数据
import data from "./data";
// 引入table混入方法
import tableMixin from "@/mixins/tableMixin.js";
import bdcdj from "@/api/bdcdj";
import business from "@/api/business";
export default {
name: "jktj",
mixins: [tableMixin],
data () {
return {
// 分页
pageData: {
total: 0,
pageSize: 10,
current: 1
},
pickerOptionsStart: {
disabledDate: (time) => {
let endDateVal = this.form.receiveEndTime;
if (endDateVal) {
return (
time.getTime() >=
new Date(endDateVal).getTime()
);
}
},
},
pickerOptionsEnd: {
disabledDate: (time) => {
let beginDateVal = this.form.receiveStartTime;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
},
},
// 搜索表单
valueTime: "",
tableData: {
// 表格头部
columns: [
{
label: "序号",
type: "index",
width: "50",
index: this.indexMethod,
}
]
.concat(data.columns()),
// 表格列表数据
total: 0,
data: [],
},
// 搜索表单
form: {
receiveStartTime: getFirstDayOfSeason(),
receiveEndTime: timeFormat(new Date(), true),
qxdm: "",
sfgd: "1"
},
chartData: []
};
},
mounted () {
// 查询业务量
this.featchData();
},
computed: {
...mapGetters(["dicData"]),
},
methods: {
/**
* @description: handleSizeChange
* @param {*} val
* @author:
*/
handleSizeChange (val) {
this.formData.pageSize = val
this.featchData()
},
/**
* @description: 截止日期变化
* @param {*} val
* @author: renchao
*/
endTimeChange (val) {
this.form.receiveEndTime = timeFormat(new Date(val), true)
},
/**
* @description: handleSearch
* @author:
*/
handleSearch () {
this.form.currentPage = 1
this.tableData.data = []
if (this.featchData) {
this.featchData()
}
},
/**
* @description: handleCurrentChange
* @param {*} val
* @author:
*/
handleCurrentChange (val) {
this.form.currentPage = val
this.featchData()
},
async featchData() {
this.form.receiveStartTime = "2019-12-11 00:00:00"
let {result: res} = await bdcdj.list(this.form);
console.log(res)
this.tableData.data = res.list
this.pageData.current = res.pageNum
this.pageData.pageSize = res.pageSize
this.tableData.total = res.total
}
},
};
</script>
<style scoped lang="scss">
.jktjDetail {
flex-direction: column;
.rows {
margin-left: 100px;
}
.center {
line-height: 50vh;
text-align: center;
color: #b6b5b5;
}
}
</style>
<template>
<!-- 监控日志 -->
<div class="jktjDetail from-clues">
<!-- 头部搜索 -->
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="100px">
<Breadcrumb />
<el-row class="mb-5">
<el-col :span="4">
<el-form-item label="行政区" class="d-flex">
<el-select v-model="form.pcode" class="width100" clearable placeholder="行政区">
<el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="是否归档" class="d-flex">
<el-select v-model="form.qqzt" class="width100" clearable placeholder="是否确权">
<el-option key="gd1" label="已确权" value="1"></el-option>
<el-option key="gd2" label="未确权" value="2"></el-option>
</el-select>
</el-form-item>
</el-col>
<!-- 操作按钮 -->
<el-col :span="16" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="featchData">查询</btn>
</el-col>
</el-row>
</el-form>
</div>
<!-- 图表 -->
<div class="form-clues-content">
<el-form
ref="form"
label-width="100px"
:model="chartData"
class="form-wrapper">
<el-form-item label="宗地数量:" >
<span class="span-item">{{chartData.zdCount}}</span>
</el-form-item>
<el-form-item label="自然幢数量:">
<span class="span-item">{{chartData.zrzCount}}</span>
</el-form-item>
<el-form-item label="户数量:">
<span class="span-item">{{chartData.hCount}}</span>
</el-form-item>
</el-form>
</div>
</div>
</template>
<script>
import { mapGetters } from "vuex";
import { getFirstDayOfSeason, timeFormat } from "@/utils/operation";
import bdcdj from "@/api/bdcdj";
export default {
name: "jktj",
data () {
return {
// 搜索表单
valueTime: "",
// 搜索表单
form: {
pcode: "",
qqzt: "1"
},
chartData: []
};
},
mounted () {
this.form.pcode = this.dicData['A20'][0].DCODE
// 查询业务量
this.featchData();
},
computed: {
...mapGetters(["dicData"]),
},
methods: {
/**
* @description: handleSizeChange
* @param {*} val
* @author:
*/
handleSizeChange (val) {
this.formData.pageSize = val
this.featchData()
},
/**
* @description: 截止日期变化
* @param {*} val
* @author: renchao
*/
endTimeChange (val) {
this.form.receiveEndTime = timeFormat(new Date(val), true)
},
/**
* @description: handleSearch
* @author:
*/
handleSearch () {
this.form.currentPage = 1
this.tableData.data = []
if (this.featchData) {
this.featchData()
}
},
/**
* @description: handleCurrentChange
* @param {*} val
* @author:
*/
handleCurrentChange (val) {
this.form.currentPage = val
this.featchData()
},
async featchData() {
let {result: res} = await bdcdj.getQjdcCount(this.form);
console.log(res)
this.chartData = res
},
resetForm () {
if (!this.form) return
this.featchData()
}
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.jktjDetail {
flex-direction: column;
.rows {
margin-left: 100px;
}
.center {
line-height: 50vh;
text-align: center;
color: #b6b5b5;
}
}
.form-clues-content {
margin: 0.1875rem 1.0417rem;
overflow-y: auto;
.form-wrapper {
padding: 0px 120px 0px;
.el-form-item {
/deep/.el-form-item__label {
color: #ffffff;
}
::v-deep .el-input .el-input__inner {
padding: 0 8px;
height: 40px;
line-height: 40px;
border: 1px solid #6bc1fc;
}
}
.el-form-item--small.el-form-item {
margin-bottom: 16px;
}
}
.bottom-wrapper {
padding: 0px 120px 0px;
text-align: center;
}
.span-item {
color: white;
}
}
</style>