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 @@ ...@@ -23,7 +23,7 @@
23 <!-- 按钮操作 --> 23 <!-- 按钮操作 -->
24 <el-col :span="12" class="btnColRight"> 24 <el-col :span="12" class="btnColRight">
25 <el-form-item> 25 <el-form-item>
26 <btn nativeType="cz" @click="resetForm">重置</btn> 26 <btn nativeType="cz" @click="handleResetForm">重置</btn>
27 <btn nativeType="cx" @click="handleSearch">查询</btn> 27 <btn nativeType="cx" @click="handleSearch">查询</btn>
28 </el-form-item> 28 </el-form-item>
29 </el-col> 29 </el-col>
...@@ -32,9 +32,9 @@ ...@@ -32,9 +32,9 @@
32 </div> 32 </div>
33 <!-- 列表区域 --> 33 <!-- 列表区域 -->
34 <div class="from-clues-content"> 34 <div class="from-clues-content">
35 <lb-table ref="table" :page-size="pageData.size" :header-cell-style="headerStyle" 35 <lb-table ref="table" :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total"
36 :current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange" 36 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
37 @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> 37 :data="tableData.data">
38 </lb-table> 38 </lb-table>
39 </div> 39 </div>
40 </div> 40 </div>
...@@ -115,8 +115,7 @@ export default { ...@@ -115,8 +115,7 @@ export default {
115 }; 115 };
116 }, 116 },
117 created () { 117 created () {
118 this.form.startTime = getCurrentDate() 118 this.handleResetForm()
119 this.form.endTime = getCurrentDate('time')
120 }, 119 },
121 methods: { 120 methods: {
122 //截止日期变化 121 //截止日期变化
...@@ -126,19 +125,9 @@ export default { ...@@ -126,19 +125,9 @@ export default {
126 // 初始化数据 125 // 初始化数据
127 featchData () { }, 126 featchData () { },
128 // 重置 127 // 重置
129 resetForm () { 128 handleResetForm () {
130 this.$refs.ruleForm.resetFields(); 129 this.form.startTime = getCurrentDate()
131 this.form.currentPage = 1 130 this.form.endTime = getCurrentDate('time')
132 this.featchData();
133 },
134 headerStyle ({ row, columnIndex }) {
135 // row[3].colSpan = 2;
136 // row[4].colSpan = 0;
137 // if (columnIndex == 4 || columnIndex == 6) {
138 // return { display: "none" };
139 // }
140 // row[5].colSpan = 2;
141 // row[6].colSpan = 0;
142 } 131 }
143 } 132 }
144 } 133 }
......
...@@ -6,83 +6,418 @@ class data extends filter { ...@@ -6,83 +6,418 @@ class data extends filter {
6 columns () { 6 columns () {
7 return [ 7 return [
8 { 8 {
9 prop: 'jcjg', 9 label: "行政区划",
10 label: '检查结果', 10 type: "xzqh",
11 width: 90, 11 width: '80'
12 render: (h, scope) => {
13 return (
14 <div>
15 <span class='adopt' v-show={scope.row.receiveState == 0}>未效验</span>
16 <span class='adopt' v-show={scope.row.receiveState == 1}>效验成功</span>
17 <span class='warehousing' v-show={scope.row.receiveState == 2}>效验失败</span>
18 </div>
19 )
20 }
21 }, 12 },
22 { 13 {
23 prop: 'rkjg', 14 label: '国有建设用地使用权',
24 label: '入库结果', 15 children: [
25 width: 80, 16 {
26 render: (h, scope) => { 17 label: '用途',
27 return ( 18 children: [
28 <div> 19 {
29 <span class='fail' v-show={scope.row.storageState == 0}>未入库</span> 20 label: '空项率',
30 <span class='success' v-show={scope.row.storageState == 1}>已入库</span> 21 type: "xx",
31 <span class='fail' v-show={scope.row.storageState == 2}>入库失败</span> 22 },
32 </div> 23 {
33 ) 24 label: '分值',
34 } 25 type: "xx",
26 }
27 ]
28 },
29 {
30 label: '权利性质',
31 children: [
32 {
33 label: '空项率',
34 type: "xx",
35 },
36 {
37 label: '分值',
38 type: "xx",
39 }
40 ]
41 },
42 {
43 label: '权利设定方式',
44 children: [
45 {
46 label: '空项率',
47 type: "xx",
48 },
49 {
50 label: '分值',
51 type: "xx",
52 }
53 ]
54 },
55 {
56 label: '权利设定方式',
57 children: [
58 {
59 label: '空项率',
60 type: "xx",
61 },
62 {
63 label: '分值',
64 type: "xx",
65 }
66 ]
67 },
68 {
69 label: ' 共有情况（建设用地）',
70 children: [
71 {
72 label: '空项率',
73 type: "xx",
74 },
75 {
76 label: '分值',
77 type: "xx",
78 }
79 ]
80 },
81 {
82 label: ' 等别',
83 children: [
84 {
85 label: '空项率',
86 type: "xx",
87 },
88 {
89 label: '分值',
90 type: "xx",
91 }
92 ]
93 },
94 {
95 label: ' 容积率',
96 children: [
97 {
98 label: '空项率',
99 type: "xx",
100 },
101 {
102 label: '分值',
103 type: "xx",
104 }
105 ]
106 },
107 ]
35 }, 108 },
36 { 109 {
37 prop: "areacode", 110 label: '房屋所有权',
38 label: "行政区代码", 111 children: [
39 width: 90, 112 {
113 label: '房屋共有情况',
114 children: [
115 {
116 label: '空项率',
117 type: "xx",
118 },
119 {
120 label: '分值',
121 type: "xx",
122 }
123 ]
124 },
125 {
126 label: '房屋性质',
127 children: [
128 {
129 label: '空项率',
130 type: "xx",
131 },
132 {
133 label: '分值',
134 type: "xx",
135 }
136 ]
137 },
138 {
139 label: '房屋结构',
140 children: [
141 {
142 label: '空项率',
143 type: "xx",
144 },
145 {
146 label: '分值',
147 type: "xx",
148 }
149 ]
150 },
151 {
152 label: '竣工时间',
153 children: [
154 {
155 label: '空项率',
156 type: "xx",
157 },
158 {
159 label: '分值',
160 type: "xx",
161 }
162 ]
163 }
164 ]
40 }, 165 },
41 { 166 {
42 prop: "areaName", 167 label: '抵押权',
43 label: "行政区名称", 168 children: [
44 width: 90, 169 {
170 label: '债务履行期限（债权确定时间）',
171 children: [
172 {
173 type: 'xxx',
174 label: '空项率',
175 },
176 {
177 type: 'xxx',
178 label: '分值',
179 }
180 ]
181 }
182 ]
45 }, 183 },
46 { 184 {
47 prop: "bizMsgid", 185 label: '最高额抵押',
48 label: "业务报文ID", 186 children: [
49 width: 90, 187 {
188 label: '最高债权确定事实和数额',
189 children: [
190 {
191 type: 'xxx',
192 label: '空项率',
193 },
194 {
195 type: 'xxx',
196 label: '分值',
197 }
198 ]
199 }
200 ]
50 }, 201 },
51 { 202 {
52 prop: "createdate", 203 label: '在建建筑物坐落(一般）',
53 label: "创建时间", 204 children: [
54 width: 140, 205 {
206 label: '在建建筑物坐落',
207 children: [
208 {
209 type: 'xxx',
210 label: '空项率',
211 },
212 {
213 type: 'xxx',
214 label: '分值',
215 }
216 ]
217 },
218 {
219 label: '在建建筑物抵押范围',
220 children: [
221 {
222 type: 'xxx',
223 label: '空项率',
224 },
225 {
226 type: 'xxx',
227 label: '分值',
228 }
229 ]
230 }
231 ]
55 }, 232 },
56 { 233 {
57 prop: "recflowid", 234 label: '在建建筑物坐落（最高额）',
58 label: "业务流水号", 235 children: [
59 width: 95, 236 {
237 label: '在建建筑物坐落',
238 children: [
239 {
240 type: 'xxx',
241 label: '空项率',
242 },
243 {
244 type: 'xxx',
245 label: '分值',
246 }
247 ]
248 },
249 {
250 label: '在建建筑物抵押范围',
251 children: [
252 {
253 type: 'xxx',
254 label: '空项率',
255 },
256 {
257 type: 'xxx',
258 label: '分值',
259 }
260 ]
261 }
262 ]
60 }, 263 },
61 { 264 {
62 prop: "estatenum", 265 label: '抵押注销',
63 label: "不动产单元号", 266 children: [
64 width: 240, 267 {
268 label: '注销抵押原因',
269 children: [
270 {
271 type: 'xxx',
272 label: '空项率',
273 },
274 {
275 type: 'xxx',
276 label: '分值',
277 }
278 ]
279 },
280 {
281 label: '注销时间',
282 children: [
283 {
284 type: 'xxx',
285 label: '空项率',
286 },
287 {
288 type: 'xxx',
289 label: '分值',
290 }
291 ]
292 }
293 ]
65 }, 294 },
66 { 295 {
67 prop: "rectype", 296 label: '预告登记',
68 label: "业务编码", 297 children: [
69 width: 80, 298 {
299 label: '义务人证件种类',
300 children: [
301 {
302 type: 'xxx',
303 label: '空项率',
304 },
305 {
306 type: 'xxx',
307 label: '分值',
308 }
309 ]
310 },
311 {
312 label: '义务人证件号',
313 children: [
314 {
315 type: 'xxx',
316 label: '空项率',
317 },
318 {
319 type: 'xxx',
320 label: '分值',
321 }
322 ]
323 },
324 {
325 label: '规划用途',
326 children: [
327 {
328 type: 'xxx',
329 label: '空项率',
330 },
331 {
332 type: 'xxx',
333 label: '分值',
334 }
335 ]
336 },
337 {
338 label: '房屋性质',
339 children: [
340 {
341 type: 'xxx',
342 label: '空项率',
343 },
344 {
345 type: 'xxx',
346 label: '分值',
347 }
348 ]
349 }
350 ]
70 }, 351 },
71 { 352 {
72 prop: "rectypeName", 353 label: '查封登记',
73 label: "业务名称", 354 children: [
74 render: (h, scope) => { 355 {
75 return ( 356 label: '解封机关',
76 <div> 357 children: [
77 {scope.row.rectypeName} 358 {
78 </div> 359 type: 'xxx',
79 ) 360 label: '空项率',
80 } 361 },
81 }, 362 {
82 { 363 type: 'xxx',
83 prop: "receiveDate", 364 label: '分值',
84 label: "接收时间", 365 }
85 width: 140 366 ]
367 },
368 {
369 label: '解封文件',
370 children: [
371 {
372 type: 'xxx',
373 label: '空项率',
374 },
375 {
376 type: 'xxx',
377 label: '分值',
378 }
379 ]
380 },
381 {
382 label: '解封登记时间',
383 children: [
384 {
385 type: 'xxx',
386 label: '空项率',
387 },
388 {
389 type: 'xxx',
390 label: '分值',
391 }
392 ]
393 },
394 {
395 label: '解封登簿人',
396 children: [
397 {
398 type: 'xxx',
399 label: '空项率',
400 },
401 {
402 type: 'xxx',
403 label: '分值',
404 }
405 ]
406 },
407 {
408 label: '解封业务号',
409 children: [
410 {
411 type: 'xxx',
412 label: '空项率',
413 },
414 {
415 type: 'xxx',
416 label: '分值',
417 }
418 ]
419 }
420 ]
86 } 421 }
87 ] 422 ]
88 } 423 }
......
1 <!-- 相关字段空置率统计 -->
2 <template>
3 <div class="from-clues">
4 <!-- 头部搜索 -->
5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="100px">
7 <el-form-item>
8 <Breadcrumb />
9 </el-form-item>
10 <el-row class="mb-5">
11 <el-col :span="6">
12 <el-form-item label="接收日期" prop="startTime">
13 <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
14 clearable v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker>
15 </el-form-item>
16 </el-col>
17 <el-col :span="6">
18 <el-form-item label="至" prop="endTime" label-width="35px">
19 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd" clearable
20 v-model="form.endTime" value-format="yyyy-MM-dd" @change="endTimeChange"></el-date-picker>
21 </el-form-item>
22 </el-col>
23 <!-- 按钮操作 -->
24 <el-col :span="12" class="btnColRight">
25 <el-form-item>
26 <btn nativeType="cz" @click="handleResetForm">重置</btn>
27 <btn nativeType="cx" @click="handleSearch">查询</btn>
28 </el-form-item>
29 </el-col>
30 </el-row>
31 </el-form>
32 </div>
33 <!-- 列表区域 -->
34 <div class="from-clues-content">
35 <lb-table ref="table" :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total"
36 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
37 :data="tableData.data">
38 </lb-table>
39 </div>
40 </div>
41 </template>
42
43 <script>
44 // 相关字段空置率统计
45 // 引入表格头部数据
46 import data from "./data";
47 // 引入table混入方法
48 import tableMixin from "@/mixins/tableMixin.js";
49 //引入日期处理方法
50 import { timeFormat } from "@/utils/operation";
51 // 获取时间
52 import { getCurrentDate } from "@/utils/tools";
53 export default {
54 name: "jsbwcx",
55 mixins: [tableMixin],
56 data () {
57 return {
58 pickerOptionsStart: {
59 disabledDate: (time) => {
60 let endDateVal = this.form.endTime;
61 if (endDateVal) {
62 return (
63 time.getTime() >=
64 new Date(endDateVal).getTime()
65 );
66 }
67 },
68 },
69 pickerOptionsEnd: {
70 disabledDate: (time) => {
71 let beginDateVal = this.form.startTime;
72 if (beginDateVal) {
73 return (
74 time.getTime() <
75 new Date(beginDateVal).getTime()
76 );
77 }
78 },
79 },
80 // 表格数据
81 form: {
82 startTime: "", // 开始日期
83 endTime: "", // 结束日期
84 currentPage: 1
85 },
86 // 校验规则
87 rules: {
88 startTime: [
89 { required: true, message: "请选择开始日期", trigger: "change" },
90 ],
91 endTime: [
92 { required: true, message: "请选择结束日期", trigger: "change" },
93 ]
94 },
95 // 表格数据
96 tableData: {
97 // 表格头部
98 columns: [
99 {
100 label: "序号",
101 type: "index",
102 width: "50",
103 index: this.indexMethod,
104 }
105 ]
106 .concat(data.columns()),
107 data: [],
108 },
109 // 分页
110 pageData: {
111 total: 0,
112 pageSize: 10,
113 current: 1
114 }
115 };
116 },
117 created () {
118 this.handleResetForm()
119 },
120 methods: {
121 //截止日期变化
122 endTimeChange (val) {
123 this.form.endTime = timeFormat(new Date(val), true)
124 },
125 // 初始化数据
126 featchData () { },
127 // 重置
128 resetForm () {
129 this.$refs.ruleForm.resetFields();
130 this.form.currentPage = 1
131 this.featchData();
132 },
133 // 重置
134 handleResetForm () {
135 this.form.startTime = getCurrentDate()
136 this.form.endTime = getCurrentDate('time')
137 }
138 }
139 }
140 </script>
141 <style scoped lang="scss">
142 // 引入表单整体样式
143 @import "~@/styles/public.scss";
144 @import "../css/index.scss";
145 </style>
146
......
...@@ -6,84 +6,40 @@ class data extends filter { ...@@ -6,84 +6,40 @@ class data extends filter {
6 columns () { 6 columns () {
7 return [ 7 return [
8 { 8 {
9 prop: 'jcjg', 9 prop: "xzq",
10 label: '检查结果', 10 label: "行政区划",
11 width: 90, 11 width: '90'
12 render: (h, scope) => { 12 },
13 return ( 13 {
14 <div> 14 label: '分项',
15 <span class='adopt' v-show={scope.row.receiveState == 0}>未效验</span> 15 children: [
16 <span class='adopt' v-show={scope.row.receiveState == 1}>效验成功</span> 16 {
17 <span class='warehousing' v-show={scope.row.receiveState == 2}>效验失败</span> 17 prop: 'xxx',
18 </div> 18 label: '国有建设用地使用权登记得分及空项率',
19 ) 19 },
20 } 20 {
21 prop: 'xxx',
22 label: '国有建设用地使用权和房屋所有权登记得分及空项率',
23 },
24 {
25 prop: 'xxx',
26 label: '抵押权登记得分及空项率',
27 },
28 {
29 prop: 'xxx',
30 label: '预告登记得分及空项率',
31 },
32 {
33 prop: 'xxx',
34 label: '查封登记得分及空项率',
35 }
36 ]
37 },
38 {
39 prop: "xxx",
40 width: '90',
41 label: "综合评分",
21 }, 42 },
22 {
23 prop: 'rkjg',
24 label: '入库结果',
25 width: 80,
26 render: (h, scope) => {
27 return (
28 <div>
29 <span class='fail' v-show={scope.row.storageState == 0}>未入库</span>
30 <span class='success' v-show={scope.row.storageState == 1}>已入库</span>
31 <span class='fail' v-show={scope.row.storageState == 2}>入库失败</span>
32 </div>
33 )
34 }
35 },
36 {
37 prop: "areacode",
38 label: "行政区代码",
39 width: 90,
40 },
41 {
42 prop: "areaName",
43 label: "行政区名称",
44 width: 90,
45 },
46 {
47 prop: "bizMsgid",
48 label: "业务报文ID",
49 width: 90,
50 },
51 {
52 prop: "createdate",
53 label: "创建时间",
54 width: 140,
55 },
56 {
57 prop: "recflowid",
58 label: "业务流水号",
59 width: 95,
60 },
61 {
62 prop: "estatenum",
63 label: "不动产单元号",
64 width: 240,
65 },
66 {
67 prop: "rectype",
68 label: "业务编码",
69 width: 80,
70 },
71 {
72 prop: "rectypeName",
73 label: "业务名称",
74 render: (h, scope) => {
75 return (
76 <div>
77 {scope.row.rectypeName}
78 </div>
79 )
80 }
81 },
82 {
83 prop: "receiveDate",
84 label: "接收时间",
85 width: 140
86 }
87 ] 43 ]
88 } 44 }
89 } 45 }
......
1 <!-- 接入质量评价表 -->
2 <template>
3 <div class="from-clues">
4 <!-- 头部搜索 -->
5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="100px">
7 <el-form-item>
8 <Breadcrumb />
9 </el-form-item>
10 <el-row class="mb-5">
11 <el-col :span="6">
12 <el-form-item label="接收日期" prop="startTime">
13 <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
14 clearable v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker>
15 </el-form-item>
16 </el-col>
17 <el-col :span="6">
18 <el-form-item label="至" prop="endTime" label-width="35px">
19 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd" clearable
20 v-model="form.endTime" value-format="yyyy-MM-dd" @change="endTimeChange"></el-date-picker>
21 </el-form-item>
22 </el-col>
23 <!-- 按钮操作 -->
24 <el-col :span="12" class="btnColRight">
25 <el-form-item>
26 <btn nativeType="cz" @click="handleResetForm">重置</btn>
27 <btn nativeType="cx" @click="handleSearch">查询</btn>
28 </el-form-item>
29 </el-col>
30 </el-row>
31 </el-form>
32 </div>
33 <!-- 列表区域 -->
34 <div class="from-clues-content">
35 <lb-table ref="table" :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total"
36 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
37 :data="tableData.data">
38 </lb-table>
39 </div>
40 </div>
41 </template>
42
43 <script>
44 // 接入质量评价表
45 // 引入表格头部数据
46 import data from "./data";
47 // 引入table混入方法
48 import tableMixin from "@/mixins/tableMixin.js";
49 //引入日期处理方法
50 import { timeFormat } from "@/utils/operation";
51 // 获取时间
52 import { getCurrentDate } from "@/utils/tools";
53 export default {
54 name: "jsbwcx",
55 mixins: [tableMixin],
56 data () {
57 return {
58 pickerOptionsStart: {
59 disabledDate: (time) => {
60 let endDateVal = this.form.endTime;
61 if (endDateVal) {
62 return (
63 time.getTime() >=
64 new Date(endDateVal).getTime()
65 );
66 }
67 },
68 },
69 pickerOptionsEnd: {
70 disabledDate: (time) => {
71 let beginDateVal = this.form.startTime;
72 if (beginDateVal) {
73 return (
74 time.getTime() <
75 new Date(beginDateVal).getTime()
76 );
77 }
78 },
79 },
80 // 表格数据
81 form: {
82 startTime: "", // 开始日期
83 endTime: "", // 结束日期
84 currentPage: 1
85 },
86 // 校验规则
87 rules: {
88 startTime: [
89 { required: true, message: "请选择开始日期", trigger: "change" },
90 ],
91 endTime: [
92 { required: true, message: "请选择结束日期", trigger: "change" },
93 ]
94 },
95 // 表格数据
96 tableData: {
97 // 表格头部
98 columns: [
99 {
100 label: "序号",
101 type: "index",
102 width: "50",
103 index: this.indexMethod,
104 }
105 ]
106 .concat(data.columns()),
107 data: [],
108 },
109 // 分页
110 pageData: {
111 total: 0,
112 pageSize: 10,
113 current: 1
114 }
115 };
116 },
117 created () {
118 this.handleResetForm()
119 },
120 methods: {
121 //截止日期变化
122 endTimeChange (val) {
123 this.form.endTime = timeFormat(new Date(val), true)
124 },
125 // 初始化数据
126 featchData () { },
127 // 重置
128 handleResetForm () {
129 this.form.startTime = getCurrentDate()
130 this.form.endTime = getCurrentDate('time')
131 }
132 }
133 }
134 </script>
135 <style scoped lang="scss">
136 // 引入表单整体样式
137 @import "~@/styles/public.scss";
138 @import "../css/index.scss";
139 </style>
140
......