Skip to content

bdc / bdcjg-web

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

feat:监控统计

1 parent 5e28cc72
Expand all
Inline Side-by-side
Showing 5 changed files with 314 additions and 83 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 }
......
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) => {
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 },
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 }, 12 },
41 { 13 {
42 prop: "areaName", 14 label: '分项',
43 label: "行政区名称", 15 children: [
44 width: 90,
45 },
46 {
47 prop: "bizMsgid",
48 label: "业务报文ID",
49 width: 90,
50 },
51 { 16 {
52 prop: "createdate", 17 prop: 'xxx',
53 label: "创建时间", 18 label: '国有建设用地使用权登记得分及空项率',
54 width: 140,
55 }, 19 },
56 { 20 {
57 prop: "recflowid", 21 prop: 'xxx',
58 label: "业务流水号", 22 label: '国有建设用地使用权和房屋所有权登记得分及空项率',
59 width: 95,
60 }, 23 },
61 { 24 {
62 prop: "estatenum", 25 prop: 'xxx',
63 label: "不动产单元号", 26 label: '抵押权登记得分及空项率',
64 width: 240,
65 }, 27 },
66 { 28 {
67 prop: "rectype", 29 prop: 'xxx',
68 label: "业务编码", 30 label: '预告登记得分及空项率',
69 width: 80,
70 }, 31 },
71 { 32 {
72 prop: "rectypeName", 33 prop: 'xxx',
73 label: "业务名称", 34 label: '查封登记得分及空项率',
74 render: (h, scope) => {
75 return (
76 <div>
77 {scope.row.rectypeName}
78 </div>
79 )
80 } 35 }
36 ]
81 }, 37 },
82 { 38 {
83 prop: "receiveDate", 39 prop: "xxx",
84 label: "接收时间", 40 width: '90',
85 width: 140 41 label: "综合评分",
86 } 42 },
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
......