Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
129a1eab by 赵千
Options

qjdc

1 parent a401d5df
Inline Side-by-side
Showing 5 changed files with 520 additions and 0 deletions
1 /*
2 * @Description: 统计率
3 * @Autor: renchao
4 * @LastEditTime: 2023-03-21 16:25:26
5 */
6 /* 引入请求文件 */
7 import request from '@/utils/request'
8 /* 引入配置文件 */
9 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
10 class bdcdj {
11 /**
12 * @description: 成功率统计
13 * @param {*} startDate
14 * @param {*} endDate
15 * @param {*} qxdm
16 * @author: renchao
17 */
18 async list (data) {
19 return request({
20 url: SERVER.SERVERAPI + '/rest/statistics/gd/list',
21 method: 'post',
22 data
23 })
24 }
25
26 /**
27 * @description: 成功率统计
28 * @param {*} startDate
29 * @param {*} endDate
30 * @param {*} qxdm
31 * @author: renchao
32 */
33 async getQjdcCount (data) {
34 return request({
35 url: SERVER.SERVERAPI + '/rest/statistics/qjdc/getQjdcCount',
36 method: 'post',
37 data
38 })
39 }
40 }
41 export default new bdcdj()
...@@ -128,6 +128,18 @@ export const asyncRoutes = [ ...@@ -128,6 +128,18 @@ export const asyncRoutes = [
128 component: () => import('@/views/jktj/registerBookQuality/index'), 128 component: () => import('@/views/jktj/registerBookQuality/index'),
129 name: 'registerBookQuality', 129 name: 'registerBookQuality',
130 meta: { title: '登簿质量评价表', icon: 'registerBookQuality' } 130 meta: { title: '登簿质量评价表', icon: 'registerBookQuality' }
131 },
132 {
133 path: 'daxxcx',
134 component: () => import('@/views/jktj/daxxcx/index'),
135 name: 'daxxcx',
136 meta: { title: '档案信息查询', icon: 'registerBookQuality' }
137 },
138 {
139 path: 'qjdcsjcx',
140 component: () => import('@/views/jktj/qjdcsjcx/index'),
141 name: 'qjdcsjcx',
142 meta: { title: '权籍调查数据查询', icon: 'registerBookQuality' }
131 } 143 }
132 ] 144 ]
133 }, 145 },
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-11 10:02:44
5 */
6 import filter from '@/utils/filter.js'
7 class data extends filter {
8 constructor() {
9 super()
10 }
11 columns () {
12 return [
13 // {
14 // prop: 'sjlx',
15 // label: '数据类型',
16 // width: 90,
17 // render: (h, scope) => {
18 // return (
19 // <div>
20 // <span v-show={scope.row.sjlx == 1}>ftp上传</span>
21 // <span v-show={scope.row.sjlx == 2}>业务库抽取</span>
22 // <span v-show={scope.row.sjlx == 3}>存量数据</span>
23 // </div>
24 // )
25 // }
26 // },
27 {
28 prop: 'qlr',
29 label: '权利人',
30 width: 190
31 },
32 {
33 prop: 'qlrzjh',
34 label: '证件号',
35 width: 80
36 },
37 {
38 prop: "qzhm",
39 label: "权证号码",
40 width: 190,
41 },
42 {
43 prop: "ywr",
44 label: "义务人",
45 width: 190,
46 },
47 {
48 prop: "zl",
49 label: "坐落",
50 minWidth: 150,
51 },
52 {
53 prop: "bdcdyh",
54 label: "不动产单元号",
55 width: 240
56 },
57 {
58 prop: "djlx",
59 label: "登记类型",
60 minWidth: 200,
61 },
62 {
63 prop: "djsj",
64 label: "登记时间",
65 minWidth: 130,
66 },
67 {
68 prop: "gdsj",
69 label: "归档时间",
70 minWidth: 130,
71 },
72 {
73 prop: "ajh",
74 minWidth: 110,
75 label: "归档状态",
76 render: (h, scope) => {
77 if (scope.row.ajh == null) {
78 return (
79 <div>
80 未归档
81 </div>
82 )
83 } else {
84 return (
85 <div>
86 已归档
87 </div>
88 )
89 }
90
91 }
92 }
93 ]
94 }
95 }
96 export default new data()
1 <template>
2 <!-- 监控日志 -->
3 <div class="jktjDetail from-clues">
4 <!-- 头部搜索 -->
5 <div class="from-clues-header">
6 <el-form ref="form" :model="form" label-width="100px">
7 <Breadcrumb />
8 <el-row class="mb-5">
9 <el-col :span="4">
10 <el-form-item label="行政区" class="d-flex">
11 <el-select v-model="form.qxdm" class="width100" clearable placeholder="行政区">
12 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
13 </el-option>
14 </el-select>
15 </el-form-item>
16 </el-col>
17 <el-col :span="4">
18 <el-form-item label="是否归档" class="d-flex">
19 <el-select v-model="form.sfgd" class="width100" clearable placeholder="是否归档">
20 <el-option key="gd1" label="已归档" value="1"></el-option>
21 <el-option key="gd2" label="未归档" value="2"></el-option>
22 </el-select>
23 </el-form-item>
24 </el-col>
25 <el-col :span="4">
26 <el-form-item label="开始日期" class="d-flex">
27 <el-date-picker class="width100" :clearable="false" type="date" placeholder="开始日期"
28 :picker-options="pickerOptionsStart" v-model="form.receiveStartTime"
29 value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
30 </el-form-item>
31 </el-col>
32 <el-col :span="4">
33 <el-form-item label="结束日期" class="d-flex">
34 <el-date-picker class="width100" :clearable="false" type="date" placeholder="结束日期"
35 :picker-options="pickerOptionsEnd" v-model="form.receiveEndTime" value-format="yyyy-MM-dd HH:mm:ss"
36 @change="endTimeChange"></el-date-picker>
37 </el-form-item>
38 </el-col>
39 <!-- 操作按钮 -->
40 <el-col :span="8" class="btnColRight">
41 <btn nativeType="cz" @click="resetForm">重置</btn>
42 <btn nativeType="cx" @click="featchData">查询</btn>
43 </el-col>
44 </el-row>
45 </el-form>
46 </div>
47 <!-- 图表 -->
48 <div class="from-clues-content">
49 <lb-table ref="table" :page-size="pageData.pageSize" :current-page.sync="pageData.current" :total="tableData.total"
50 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
51 :data="tableData.data">
52 </lb-table>
53 </div>
54 </div>
55 </template>
56 <script>
57 import { mapGetters } from "vuex";
58 import { getFirstDayOfSeason, timeFormat } from "@/utils/operation";
59 // 引入表格头部数据
60 import data from "./data";
61 // 引入table混入方法
62 import tableMixin from "@/mixins/tableMixin.js";
63 import bdcdj from "@/api/bdcdj";
64 import business from "@/api/business";
65 export default {
66 name: "jktj",
67 mixins: [tableMixin],
68 data () {
69 return {
70 // 分页
71 pageData: {
72 total: 0,
73 pageSize: 10,
74 current: 1
75 },
76 pickerOptionsStart: {
77 disabledDate: (time) => {
78 let endDateVal = this.form.receiveEndTime;
79 if (endDateVal) {
80 return (
81 time.getTime() >=
82 new Date(endDateVal).getTime()
83 );
84 }
85 },
86 },
87 pickerOptionsEnd: {
88 disabledDate: (time) => {
89 let beginDateVal = this.form.receiveStartTime;
90 if (beginDateVal) {
91 return (
92 time.getTime() <
93 new Date(beginDateVal).getTime()
94 );
95 }
96 },
97 },
98 // 搜索表单
99 valueTime: "",
100 tableData: {
101 // 表格头部
102 columns: [
103 {
104 label: "序号",
105 type: "index",
106 width: "50",
107 index: this.indexMethod,
108 }
109 ]
110 .concat(data.columns()),
111 // 表格列表数据
112 total: 0,
113 data: [],
114 },
115 // 搜索表单
116 form: {
117 receiveStartTime: getFirstDayOfSeason(),
118 receiveEndTime: timeFormat(new Date(), true),
119 qxdm: "",
120 sfgd: "1"
121 },
122 chartData: []
123 };
124 },
125 mounted () {
126 // 查询业务量
127 this.featchData();
128 },
129 computed: {
130 ...mapGetters(["dicData"]),
131 },
132 methods: {
133 /**
134 * @description: handleSizeChange
135 * @param {*} val
136 * @author:
137 */
138 handleSizeChange (val) {
139 this.formData.pageSize = val
140 this.featchData()
141 },
142 /**
143 * @description: 截止日期变化
144 * @param {*} val
145 * @author: renchao
146 */
147 endTimeChange (val) {
148 this.form.receiveEndTime = timeFormat(new Date(val), true)
149 },
150 /**
151 * @description: handleSearch
152 * @author:
153 */
154 handleSearch () {
155 this.form.currentPage = 1
156 this.tableData.data = []
157 if (this.featchData) {
158 this.featchData()
159 }
160 },
161 /**
162 * @description: handleCurrentChange
163 * @param {*} val
164 * @author:
165 */
166 handleCurrentChange (val) {
167 this.form.currentPage = val
168 this.featchData()
169 },
170 async featchData() {
171 this.form.receiveStartTime = "2019-12-11 00:00:00"
172 let {result: res} = await bdcdj.list(this.form);
173 console.log(res)
174 this.tableData.data = res.list
175 this.pageData.current = res.pageNum
176 this.pageData.pageSize = res.pageSize
177 this.tableData.total = res.total
178
179 }
180 },
181 };
182 </script>
183 <style scoped lang="scss">
184 .jktjDetail {
185 flex-direction: column;
186
187 .rows {
188 margin-left: 100px;
189 }
190
191 .center {
192 line-height: 50vh;
193 text-align: center;
194 color: #b6b5b5;
195 }
196 }
197 </style>
1 <template>
2 <!-- 监控日志 -->
3 <div class="jktjDetail from-clues">
4 <!-- 头部搜索 -->
5 <div class="from-clues-header">
6 <el-form ref="form" :model="form" label-width="100px">
7 <Breadcrumb />
8 <el-row class="mb-5">
9 <el-col :span="4">
10 <el-form-item label="行政区" class="d-flex">
11 <el-select v-model="form.pcode" class="width100" clearable placeholder="行政区">
12 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
13 </el-option>
14 </el-select>
15 </el-form-item>
16 </el-col>
17 <el-col :span="4">
18 <el-form-item label="是否归档" class="d-flex">
19 <el-select v-model="form.qqzt" class="width100" clearable placeholder="是否确权">
20 <el-option key="gd1" label="已确权" value="1"></el-option>
21 <el-option key="gd2" label="未确权" value="2"></el-option>
22 </el-select>
23 </el-form-item>
24 </el-col>
25 <!-- 操作按钮 -->
26 <el-col :span="16" class="btnColRight">
27 <btn nativeType="cz" @click="resetForm">重置</btn>
28 <btn nativeType="cx" @click="featchData">查询</btn>
29 </el-col>
30 </el-row>
31 </el-form>
32 </div>
33 <!-- 图表 -->
34 <div class="form-clues-content">
35 <el-form
36 ref="form"
37 label-width="100px"
38 :model="chartData"
39 class="form-wrapper">
40 <el-form-item label="宗地数量:" >
41 <span class="span-item">{{chartData.zdCount}}</span>
42 </el-form-item>
43 <el-form-item label="自然幢数量:">
44 <span class="span-item">{{chartData.zrzCount}}</span>
45 </el-form-item>
46 <el-form-item label="户数量:">
47 <span class="span-item">{{chartData.hCount}}</span>
48 </el-form-item>
49 </el-form>
50 </div>
51 </div>
52 </template>
53 <script>
54 import { mapGetters } from "vuex";
55 import { getFirstDayOfSeason, timeFormat } from "@/utils/operation";
56 import bdcdj from "@/api/bdcdj";
57 export default {
58 name: "jktj",
59 data () {
60 return {
61 // 搜索表单
62 valueTime: "",
63 // 搜索表单
64 form: {
65 pcode: "",
66 qqzt: "1"
67 },
68 chartData: []
69 };
70 },
71 mounted () {
72 this.form.pcode = this.dicData['A20'][0].DCODE
73 // 查询业务量
74 this.featchData();
75 },
76 computed: {
77 ...mapGetters(["dicData"]),
78 },
79 methods: {
80 /**
81 * @description: handleSizeChange
82 * @param {*} val
83 * @author:
84 */
85 handleSizeChange (val) {
86 this.formData.pageSize = val
87 this.featchData()
88 },
89 /**
90 * @description: 截止日期变化
91 * @param {*} val
92 * @author: renchao
93 */
94 endTimeChange (val) {
95 this.form.receiveEndTime = timeFormat(new Date(val), true)
96 },
97 /**
98 * @description: handleSearch
99 * @author:
100 */
101 handleSearch () {
102 this.form.currentPage = 1
103 this.tableData.data = []
104 if (this.featchData) {
105 this.featchData()
106 }
107 },
108 /**
109 * @description: handleCurrentChange
110 * @param {*} val
111 * @author:
112 */
113 handleCurrentChange (val) {
114 this.form.currentPage = val
115 this.featchData()
116 },
117 async featchData() {
118 let {result: res} = await bdcdj.getQjdcCount(this.form);
119 console.log(res)
120 this.chartData = res
121
122 },
123 resetForm () {
124 if (!this.form) return
125 this.featchData()
126 }
127 },
128 };
129 </script>
130 <style scoped lang="scss">
131 @import "~@/styles/mixin.scss";
132 .jktjDetail {
133 flex-direction: column;
134
135 .rows {
136 margin-left: 100px;
137 }
138
139 .center {
140 line-height: 50vh;
141 text-align: center;
142 color: #b6b5b5;
143 }
144 }
145
146 .form-clues-content {
147 margin: 0.1875rem 1.0417rem;
148 overflow-y: auto;
149 .form-wrapper {
150 padding: 0px 120px 0px;
151 .el-form-item {
152 /deep/.el-form-item__label {
153 color: #ffffff;
154 }
155 ::v-deep .el-input .el-input__inner {
156 padding: 0 8px;
157 height: 40px;
158 line-height: 40px;
159 border: 1px solid #6bc1fc;
160 }
161 }
162 .el-form-item--small.el-form-item {
163 margin-bottom: 16px;
164 }
165 }
166 .bottom-wrapper {
167 padding: 0px 120px 0px;
168 text-align: center;
169 }
170 .span-item {
171 color: white;
172 }
173 }
174 </style>