Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
80868d5e by tianhaohao@pashanhoo.com
Options

Merge branch 'dev'

2 parents f0b235b3 5a469549
Inline Side-by-side
Showing 29 changed files with 1562 additions and 20 deletions
{
"TITLE": "黄南州监管系统",
"CODE": "BDCJGPT",
"AREARMAP": "632300",
"AREARMAP": "610702",
"XZQ": "黄南州",
"SERVERAPI": "/bdcjg",
"calcHeight": 200,
......
/*
* @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()
......@@ -26,5 +26,29 @@ class business {
}
})
}
async diya (data) {
return request({
url: SERVER.SERVERAPI + '/rest/statistics/Business/diya',
method: 'post',
data
})
}
async djfcx (data) {
return request({
url: SERVER.SERVERAPI + '/rest/statistics/Business/djfcx',
method: 'post',
data
})
}
async cxltj (data) {
return request({
url: SERVER.SERVERAPI + '/rest/statistics/Business/cxltj',
method: 'post',
data
})
}
}
export default new business()
......
......@@ -128,6 +128,30 @@ 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' }
},
{
path: 'dydjxxtj',
component: () => import('@/views/jktj/dydjxxtj/index'),
name: 'dydjxxtj',
meta: { title: '抵押登记信息统计', icon: 'registerBookQuality' }
},
{
path: 'djftj',
component: () => import('@/views/jktj/djftj/index'),
name: 'djftj',
meta: { title: '登记费统计', icon: 'registerBookQuality' }
}
]
},
......
......@@ -100,7 +100,22 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<!-- <el-col :span="4" class="btnColRight">-->
<!-- <btn nativeType="cz" @click="resetForm">重置</btn>-->
<!-- <btn nativeType="cx" @click="handleSearch">查询</btn>-->
<!-- </el-col>-->
</el-row>
<el-row class="mt-10">
<el-col :span="5">
<el-form-item label="权利人类型" label-width="123px">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="19" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
......@@ -64,7 +64,15 @@
</el-row>
<el-row class="mt-10">
<el-col :span="24" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
......@@ -65,13 +65,29 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<el-form-item>
<!-- <el-col :span="4" class="btnColRight">-->
<!-- <el-form-item>-->
<!-- <btn nativeType="cz" @click="resetForm">重置</btn>-->
<!-- <btn nativeType="cx" @click="handleSearch">查询</btn>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
</el-row>
<el-row class="mt-10">
<el-col :span="5" label-width="100px">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
......
......@@ -60,7 +60,15 @@
</el-col>
</el-row>
<el-row class="mt-10">
<el-col :span="24" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
......@@ -28,11 +28,27 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<!-- <el-col :span="4" class="btnColRight">-->
<!-- <btn nativeType="cz" @click="resetForm">重置</btn>-->
<!-- <btn nativeType="cx" @click="handleSearch">查询</btn>-->
<!-- </el-col>-->
</el-row>
<el-row class="mt-10">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
......
......@@ -60,7 +60,15 @@
</el-col>
</el-row>
<el-row class="mt-10">
<el-col :span="24" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
......@@ -55,11 +55,27 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="24" class="btnColRight mt-10">
<!-- <el-col :span="24" class="btnColRight mt-10">-->
<!-- <btn nativeType="cz" @click="resetForm">重置</btn>-->
<!-- <btn nativeType="cx" @click="handleSearch">查询</btn>-->
<!-- </el-col>-->
</el-row>
<el-row class="mt-10">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
......
......@@ -58,8 +58,16 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24" class="btnColRight mt-10">
<el-row class="mt-10">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
......@@ -53,11 +53,28 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<!-- <el-col :span="6" class="btnColRight">-->
<!-- <btn nativeType="cz" @click="resetForm">重置</btn>-->
<!-- <btn nativeType="cx" @click="handleSearch">查询</btn>-->
<!-- </el-col>-->
</el-row>
<el-row class="mt-10">
<el-col :span="24" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
......
......@@ -50,7 +50,21 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" class="btnColRight mt-10">
<!-- <el-col :span="6" class="btnColRight mt-10">-->
<!-- <btn nativeType="cz" @click="resetForm">重置</btn>-->
<!-- <btn nativeType="cx" @click="handleSearch">查询</btn>-->
<!-- </el-col>-->
</el-row>
<el-row class="mt-10">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
......@@ -55,7 +55,21 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="24" class="btnColRight mt-10">
<!-- <el-col :span="24" class="btnColRight mt-10">-->
<!-- <btn nativeType="cz" @click="resetForm">重置</btn>-->
<!-- <btn nativeType="cx" @click="handleSearch">查询</btn>-->
<!-- </el-col>-->
</el-row>
<el-row class="mt-10">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
......@@ -52,11 +52,28 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<!-- <el-col :span="6" class="btnColRight">-->
<!-- <btn nativeType="cz" @click="resetForm">重置</btn>-->
<!-- <btn nativeType="cx" @click="handleSearch">查询</btn>-->
<!-- </el-col>-->
</el-row>
<el-row class="mt-10">
<el-col :span="24" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
......
......@@ -53,7 +53,21 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" class="btnColRight">
<el-col :span="6">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<!-- <el-col :span="6" class="btnColRight">-->
<!-- <btn nativeType="cz" @click="resetForm">重置</btn>-->
<!-- <btn nativeType="cx" @click="handleSearch">查询</btn>-->
<!-- </el-col>-->
</el-row>
<el-row class="mt-10">
<el-col :span="24" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
......@@ -51,7 +51,15 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="14" class="btnColRight">
<el-col :span="5">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="9" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
......@@ -42,7 +42,15 @@
<el-input v-model="form.ZJH" clearable placeholder="证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="12" class="btnColRight mt-10">
<el-col :span="6" class="mt-10">
<el-form-item label="权利人类型">
<el-select v-model="form.QLRLX" class="width100" clearable placeholder="权利人类型">
<el-option v-for="item in dicData['A36']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6" class="btnColRight mt-10">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
</el-col>
......
/*
* @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: 'CXBH',
label: '查询编号',
},
{
prop: 'SQRMC',
label: '申请人名称',
},
{
prop: "SQRZJH",
label: "证件号码",
},
{
prop: "CJRQ",
label: "日期",
},
{
prop: "CXMD",
label: "查询目的",
},
{
label: "证件种类",
render: (h, scope) => {
return (
<div>
<span>{this.dicStatus(scope.row.SQRZJZL, 'A30')}</span>
</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="$store.state.user.userInfo.grade === 'county' ? form.qxdm = $store.state.user.userInfo.areaCode : form.qxdm"
class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'">
<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-date-picker class="width100" :clearable="false" type="date" placeholder="开始日期"
:picker-options="pickerOptionsStart" v-model="form.startDate"
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.endDate" 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.endDate;
if (endDateVal) {
return (
time.getTime() >=
new Date(endDateVal).getTime()
);
}
},
},
pickerOptionsEnd: {
disabledDate: (time) => {
let beginDateVal = this.form.startDate;
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: {
startDate: getFirstDayOfSeason(),
endDate: 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.endDate = 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 business.cxltj(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>
/*
* @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="$store.state.user.userInfo.grade === 'county' ? form.qxdm = $store.state.user.userInfo.areaCode : form.qxdm"
class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'">
<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() {
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>
/*
* @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: 'YWH',
label: '业务号',
width: 190
},
{
prop: "SFKMMC",
label: "收费科目名称",
width: 190,
},
{
prop: 'YSJE',
label: '应收金额',
width: 80
},
{
prop: "SSJE",
label: "实收金额",
width: 190,
},
{
prop: 'ZKHYSJE',
label: '优惠后实收金额',
width: 190
},
{
prop: "SFJS",
label: "收费基数",
minWidth: 150,
},
{
prop: "SFEWSF",
label: "是否额外收费",
width: 240
},
{
prop: "SFDW",
label: "收费单位",
minWidth: 200,
},
{
prop: "FFF",
label: "付费方",
minWidth: 130,
},
{
prop: "BZ",
label: "备注",
minWidth: 130,
}
]
}
}
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="$store.state.user.userInfo.grade === 'county' ? form.qxdm = $store.state.user.userInfo.areaCode : form.qxdm"
class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'">
<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-date-picker class="width100" :clearable="false" type="date" placeholder="开始日期"
:picker-options="pickerOptionsStart" v-model="form.startDate"
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.endDate" value-format="yyyy-MM-dd HH:mm:ss"
@change="endTimeChange"></el-date-picker>
</el-form-item>
</el-col>
<!-- 操作按钮 -->
<el-col :span="12" 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.endDate;
if (endDateVal) {
return (
time.getTime() >=
new Date(endDateVal).getTime()
);
}
},
},
pickerOptionsEnd: {
disabledDate: (time) => {
let beginDateVal = this.form.startDate;
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: {
startDate: getFirstDayOfSeason(),
endDate: 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.endDate = 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 business.djfcx(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>
/*
* @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: 'BDCDYH',
label: '不动产单元号',
width: 240
},
{
prop: "DYR",
label: "抵押人",
width: 190,
},
{
prop: "YWH",
label: "业务号",
width: 190,
},
{
prop: "ZJJZWZL",
label: "坐落",
minWidth: 150,
},
{
prop: 'DYMJ',
label: '抵押面积',
// width: 80
render: (h, scope) => {
return (
<div>
{scope.row.DYMJ} {scope.row.MJDWMC}
</div>
)
}
},
{
prop: "BDBZZQSE",
label: "抵押数额",
// width: 80
render: (h, scope) => {
return (
<div>
{scope.row.BDBZZQSE} {scope.row.JEDWMC}
</div>
)
}
},
{
prop: "BZ",
label: "备注",
minWidth: 200,
},
]
}
}
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="$store.state.user.userInfo.grade === 'county' ? form.qxdm = $store.state.user.userInfo.areaCode : form.qxdm"
class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'">
<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-date-picker class="width100" :clearable="false" type="date" placeholder="开始日期"
:picker-options="pickerOptionsStart" v-model="form.startDate"
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.endDate" value-format="yyyy-MM-dd HH:mm:ss"
@change="endTimeChange"></el-date-picker>
</el-form-item>
</el-col>
<!-- 操作按钮 -->
<el-col :span="12" 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.endDate;
if (endDateVal) {
return (
time.getTime() >=
new Date(endDateVal).getTime()
);
}
},
},
pickerOptionsEnd: {
disabledDate: (time) => {
let beginDateVal = this.form.startDate;
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: {
startDate: getFirstDayOfSeason(),
endDate: 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.endDate = 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 business.diya(this.form);
res.list.forEach(it=> {
let mjdws = this.dicData['A7'].filter(item => item.DCODE === it.MJDW.trim());
it.MJDWMC = mjdws.length > 0 ? mjdws[0].DNAME : "";
let jedws = this.dicData['A57'].filter(item => item.DCODE === it.JEDW.trim());
it.JEDWMC = jedws.length > 0 ? jedws[0].DNAME : "";
})
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="$store.state.user.userInfo.grade === 'county' ? form.pcode = $store.state.user.userInfo.areaCode : form.pcode"
class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'">
<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>
......@@ -86,7 +86,7 @@
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSearch">查询</btn>
<el-upload ref="upload" style="display:inline-block;margin-left: 10px" action="" :auto-upload="false"
accept=".xml" :show-file-list="false"
accept=".xml" :show-file-list="false" :multiple="true"
:before-upload="uploadRecord" :on-change="fileChange">
<btn nativeType="cx">xml导入</btn>
</el-upload>
......