功能完善
Showing
28 changed files
with
109 additions
and
68 deletions
This diff is collapsed.
Click to expand it.
src/api/dbrzcx.js
0 → 100644
| 1 | class data { | 1 | class data { |
| 2 | columns () { | 2 | columns () { |
| 3 | return [ | 3 | return [ |
| 4 | |||
| 4 | { | 5 | { |
| 5 | prop: "qumc", | 6 | prop: "AREANAME", |
| 6 | label: "区域名称", | 7 | label: "区域名称", |
| 7 | }, | 8 | }, |
| 8 | { | 9 | { |
| 9 | prop: "date", | 10 | prop: "UPLOADTIME", |
| 10 | label: "日期", | 11 | label: "日期", |
| 11 | }, | 12 | }, |
| 12 | { | 13 | { |
| 13 | prop: "type", | 14 | prop: "type", |
| 14 | label: "类型" | 15 | label: "类别", |
| 16 | render: (h, scope) => { | ||
| 17 | return ( | ||
| 18 | <div class={'difference'}> | ||
| 19 | <p>{'登簿量'}</p> | ||
| 20 | <p>{'接入量'}</p> | ||
| 21 | </div> | ||
| 22 | ) | ||
| 23 | }, | ||
| 15 | }, | 24 | }, |
| 16 | { | 25 | { |
| 17 | label: "总量", | 26 | label: "总量", |
| 18 | render: (h, scope) => { | 27 | render: (h, scope) => { |
| 19 | return ( | 28 | return ( |
| 20 | <div class={scope.row.registerInfoModel.totalnum === scope.row.accessInfoModel.totalnum ? '' : 'difference'}> | 29 | <div class={scope.row.totalnum === scope.row.totalnum ? '' : 'difference'}> |
| 21 | <p>{scope.row.registerInfoModel.totalnum}</p> | 30 | <p>{scope.row.registerTotalnum}</p> |
| 22 | <p>{scope.row.accessInfoModel.totalnum}</p> | 31 | <p>{scope.row.accessTotalnum}</p> |
| 23 | </div> | 32 | </div> |
| 24 | ) | 33 | ) |
| 25 | }, | 34 | }, |
| 26 | }, | 35 | }, |
| 27 | { | 36 | { |
| 28 | prop: "ywlxsl", | 37 | label: "业务类型数量", |
| 29 | label: "业务类型数量" | 38 | render: (h, scope) => { |
| 39 | return ( | ||
| 40 | <div class={'difference'}> | ||
| 41 | <p>{scope.row.BUSINESSTYPECOUNT}</p> | ||
| 42 | <p>{''}</p> | ||
| 43 | </div> | ||
| 44 | ) | ||
| 45 | }, | ||
| 30 | }, | 46 | }, |
| 31 | { | 47 | { |
| 32 | label: "首次登记", | 48 | label: "首次登记", |
| 33 | render: (h, scope) => { | 49 | render: (h, scope) => { |
| 34 | return ( | 50 | return ( |
| 35 | <div class={scope.row.registerInfoModel.firstreg === scope.row.accessInfoModel.firstreg ? '' : 'difference'}> | 51 | <div class={scope.row.firstreg === scope.row.firstreg ? '' : 'difference'}> |
| 36 | <p>{scope.row.registerInfoModel.firstreg}</p> | 52 | <p>{scope.row.registerFirstreg}</p> |
| 37 | <p>{scope.row.accessInfoModel.firstreg}</p> | 53 | <p>{scope.row.accessFirstreg}</p> |
| 38 | </div> | 54 | </div> |
| 39 | ) | 55 | ) |
| 40 | }, | 56 | }, |
| ... | @@ -43,9 +59,9 @@ class data { | ... | @@ -43,9 +59,9 @@ class data { |
| 43 | label: "转移登记", | 59 | label: "转移登记", |
| 44 | render: (h, scope) => { | 60 | render: (h, scope) => { |
| 45 | return ( | 61 | return ( |
| 46 | <div class={scope.row.registerInfoModel.transferreg === scope.row.accessInfoModel.transferreg ? '' : 'difference'}> | 62 | <div class={scope.row.transferreg === scope.row.transferreg ? '' : 'difference'}> |
| 47 | <p>{scope.row.registerInfoModel.transferreg}</p> | 63 | <p>{scope.row.registerTransferreg}</p> |
| 48 | <p>{scope.row.accessInfoModel.transferreg}</p> | 64 | <p>{scope.row.accessTransferreg}</p> |
| 49 | </div> | 65 | </div> |
| 50 | ) | 66 | ) |
| 51 | }, | 67 | }, |
| ... | @@ -54,9 +70,9 @@ class data { | ... | @@ -54,9 +70,9 @@ class data { |
| 54 | label: "变更登记", | 70 | label: "变更登记", |
| 55 | render: (h, scope) => { | 71 | render: (h, scope) => { |
| 56 | return ( | 72 | return ( |
| 57 | <div class={scope.row.registerInfoModel.changereg === scope.row.accessInfoModel.changereg ? '' : 'difference'}> | 73 | <div class={scope.row.changereg === scope.row.changereg ? '' : 'difference'}> |
| 58 | <p>{scope.row.registerInfoModel.changereg}</p> | 74 | <p>{scope.row.registerChangereg}</p> |
| 59 | <p>{scope.row.accessInfoModel.changereg}</p> | 75 | <p>{scope.row.accessChangereg}</p> |
| 60 | </div> | 76 | </div> |
| 61 | ) | 77 | ) |
| 62 | }, | 78 | }, |
| ... | @@ -65,9 +81,9 @@ class data { | ... | @@ -65,9 +81,9 @@ class data { |
| 65 | label: "注销登记", | 81 | label: "注销登记", |
| 66 | render: (h, scope) => { | 82 | render: (h, scope) => { |
| 67 | return ( | 83 | return ( |
| 68 | <div class={scope.row.registerInfoModel.logoutreg === scope.row.accessInfoModel.logoutreg ? '' : 'difference'}> | 84 | <div class={scope.row.logoutreg === scope.row.logoutreg ? '' : 'difference'}> |
| 69 | <p>{scope.row.registerInfoModel.logoutreg}</p> | 85 | <p>{scope.row.registerLogoutreg}</p> |
| 70 | <p>{scope.row.accessInfoModel.logoutreg}</p> | 86 | <p>{scope.row.accessLogoutreg}</p> |
| 71 | </div> | 87 | </div> |
| 72 | ) | 88 | ) |
| 73 | }, | 89 | }, |
| ... | @@ -76,9 +92,9 @@ class data { | ... | @@ -76,9 +92,9 @@ class data { |
| 76 | label: "更正登记", | 92 | label: "更正登记", |
| 77 | render: (h, scope) => { | 93 | render: (h, scope) => { |
| 78 | return ( | 94 | return ( |
| 79 | <div class={scope.row.registerInfoModel.rivisereg === scope.row.accessInfoModel.rivisereg ? '' : 'difference'}> | 95 | <div class={scope.row.rivisereg === scope.row.rivisereg ? '' : 'difference'}> |
| 80 | <p>{scope.row.registerInfoModel.rivisereg}</p> | 96 | <p>{scope.row.registerRivisereg}</p> |
| 81 | <p>{scope.row.accessInfoModel.rivisereg}</p> | 97 | <p>{scope.row.accessRivisereg}</p> |
| 82 | </div> | 98 | </div> |
| 83 | ) | 99 | ) |
| 84 | }, | 100 | }, |
| ... | @@ -89,9 +105,9 @@ class data { | ... | @@ -89,9 +105,9 @@ class data { |
| 89 | label: "异议登记", | 105 | label: "异议登记", |
| 90 | render: (h, scope) => { | 106 | render: (h, scope) => { |
| 91 | return ( | 107 | return ( |
| 92 | <div class={scope.row.registerInfoModel.dissentingreg === scope.row.accessInfoModel.dissentingreg ? '' : 'difference'}> | 108 | <div class={scope.row.dissentingreg === scope.row.dissentingreg ? '' : 'difference'}> |
| 93 | <p>{scope.row.registerInfoModel.dissentingreg}</p> | 109 | <p>{scope.row.registerDissentingreg}</p> |
| 94 | <p>{scope.row.accessInfoModel.dissentingreg}</p> | 110 | <p>{scope.row.accessDissentingreg}</p> |
| 95 | </div> | 111 | </div> |
| 96 | ) | 112 | ) |
| 97 | }, | 113 | }, |
| ... | @@ -101,9 +117,9 @@ class data { | ... | @@ -101,9 +117,9 @@ class data { |
| 101 | label: "预告登记", | 117 | label: "预告登记", |
| 102 | render: (h, scope) => { | 118 | render: (h, scope) => { |
| 103 | return ( | 119 | return ( |
| 104 | <div class={scope.row.registerInfoModel.advancereg === scope.row.accessInfoModel.advancereg ? '' : 'difference'}> | 120 | <div class={scope.row.advancereg === scope.row.advancereg ? '' : 'difference'}> |
| 105 | <p>{scope.row.registerInfoModel.advancereg}</p> | 121 | <p>{scope.row.registerAdvancereg}</p> |
| 106 | <p>{scope.row.accessInfoModel.advancereg}</p> | 122 | <p>{scope.row.accessAdvancereg}</p> |
| 107 | </div> | 123 | </div> |
| 108 | ) | 124 | ) |
| 109 | }, | 125 | }, |
| ... | @@ -113,9 +129,9 @@ class data { | ... | @@ -113,9 +129,9 @@ class data { |
| 113 | label: "查封登记", | 129 | label: "查封登记", |
| 114 | render: (h, scope) => { | 130 | render: (h, scope) => { |
| 115 | return ( | 131 | return ( |
| 116 | <div class={scope.row.registerInfoModel.seizereg === scope.row.accessInfoModel.seizereg ? '' : 'difference'}> | 132 | <div class={scope.row.seizereg === scope.row.seizereg ? '' : 'difference'}> |
| 117 | <p>{scope.row.registerInfoModel.seizereg}</p> | 133 | <p>{scope.row.registerSeizereg}</p> |
| 118 | <p>{scope.row.accessInfoModel.seizereg}</p> | 134 | <p>{scope.row.accessSeizereg}</p> |
| 119 | </div> | 135 | </div> |
| 120 | ) | 136 | ) |
| 121 | }, | 137 | }, |
| ... | @@ -125,9 +141,9 @@ class data { | ... | @@ -125,9 +141,9 @@ class data { |
| 125 | label: "地役权登记", | 141 | label: "地役权登记", |
| 126 | render: (h, scope) => { | 142 | render: (h, scope) => { |
| 127 | return ( | 143 | return ( |
| 128 | <div class={scope.row.registerInfoModel.easementreg === scope.row.accessInfoModel.easementreg ? '' : 'difference'}> | 144 | <div class={scope.row.easementreg === scope.row.easementreg ? '' : 'difference'}> |
| 129 | <p>{scope.row.registerInfoModel.easementreg}</p> | 145 | <p>{scope.row.registerEasementreg}</p> |
| 130 | <p>{scope.row.accessInfoModel.easementreg}</p> | 146 | <p>{scope.row.accessEasementreg}</p> |
| 131 | </div> | 147 | </div> |
| 132 | ) | 148 | ) |
| 133 | }, | 149 | }, |
| ... | @@ -137,9 +153,9 @@ class data { | ... | @@ -137,9 +153,9 @@ class data { |
| 137 | label: "抵押权登记", | 153 | label: "抵押权登记", |
| 138 | render: (h, scope) => { | 154 | render: (h, scope) => { |
| 139 | return ( | 155 | return ( |
| 140 | <div class={scope.row.registerInfoModel.mortgagereg === scope.row.accessInfoModel.mortgagereg ? '' : 'difference'}> | 156 | <div class={scope.row.mortgagereg === scope.row.mortgagereg ? '' : 'difference'}> |
| 141 | <p>{scope.row.registerInfoModel.mortgagereg}</p> | 157 | <p>{scope.row.registerMortgagereg}</p> |
| 142 | <p>{scope.row.accessInfoModel.mortgagereg}</p> | 158 | <p>{scope.row.accessMortgagereg}</p> |
| 143 | </div> | 159 | </div> |
| 144 | ) | 160 | ) |
| 145 | }, | 161 | }, | ... | ... |
| ... | @@ -7,8 +7,8 @@ | ... | @@ -7,8 +7,8 @@ |
| 7 | <el-row> | 7 | <el-row> |
| 8 | <el-col :span="6"> | 8 | <el-col :span="6"> |
| 9 | <el-form-item label="行政区" label-width="60px"> | 9 | <el-form-item label="行政区" label-width="60px"> |
| 10 | <el-select v-model="form.pcode" class="width100" filterable placeholder="请选择行政区"> | 10 | <el-select v-model="form.areacode" class="width100" filterable placeholder="请选择行政区"> |
| 11 | <el-option v-for="item in []" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 11 | <el-option v-for="item in dicData['XZQ']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
| 12 | </el-option> | 12 | </el-option> |
| 13 | </el-select> | 13 | </el-select> |
| 14 | </el-form-item> | 14 | </el-form-item> |
| ... | @@ -35,7 +35,7 @@ | ... | @@ -35,7 +35,7 @@ |
| 35 | </div> | 35 | </div> |
| 36 | <!-- 列表区域 --> | 36 | <!-- 列表区域 --> |
| 37 | <div class="from-clues-content"> | 37 | <div class="from-clues-content"> |
| 38 | <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total" | 38 | <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total" |
| 39 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" | 39 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" |
| 40 | :data="tableData.data"> | 40 | :data="tableData.data"> |
| 41 | </lb-table> | 41 | </lb-table> |
| ... | @@ -48,9 +48,14 @@ | ... | @@ -48,9 +48,14 @@ |
| 48 | import data from "./data" | 48 | import data from "./data" |
| 49 | // 引入表格混入方法 | 49 | // 引入表格混入方法 |
| 50 | import tableMixin from '@/mixins/tableMixin.js' | 50 | import tableMixin from '@/mixins/tableMixin.js' |
| 51 | import {getRecordLogPage} from "@/api/dbrzcx.js"; | ||
| 52 | import { mapGetters } from 'vuex' | ||
| 51 | export default { | 53 | export default { |
| 52 | name: "dbrzcx", | 54 | name: "dbrzcx", |
| 53 | mixins: [tableMixin], | 55 | mixins: [tableMixin], |
| 56 | computed: { | ||
| 57 | ...mapGetters(['dicData']) | ||
| 58 | }, | ||
| 54 | data () { | 59 | data () { |
| 55 | return { | 60 | return { |
| 56 | // 开始结束日期限制 | 61 | // 开始结束日期限制 |
| ... | @@ -75,10 +80,9 @@ export default { | ... | @@ -75,10 +80,9 @@ export default { |
| 75 | }, | 80 | }, |
| 76 | // 表单 | 81 | // 表单 |
| 77 | form: { | 82 | form: { |
| 78 | pcode: '', | 83 | areacode: '', |
| 79 | startTime: '', | 84 | startTime: '', |
| 80 | endTime: '', | 85 | endTime: '', |
| 81 | currentPage: 1 | ||
| 82 | }, | 86 | }, |
| 83 | // table数据 | 87 | // table数据 |
| 84 | tableData: { | 88 | tableData: { |
| ... | @@ -90,7 +94,8 @@ export default { | ... | @@ -90,7 +94,8 @@ export default { |
| 90 | index: this.indexMethod, | 94 | index: this.indexMethod, |
| 91 | }].concat(data.columns()), | 95 | }].concat(data.columns()), |
| 92 | // 列表 | 96 | // 列表 |
| 93 | data: [] | 97 | data: [], |
| 98 | total: 0, | ||
| 94 | }, | 99 | }, |
| 95 | // 分页 | 100 | // 分页 |
| 96 | pageData: { | 101 | pageData: { |
| ... | @@ -105,6 +110,13 @@ export default { | ... | @@ -105,6 +110,13 @@ export default { |
| 105 | this.$refs.ruleForm.resetFields(); | 110 | this.$refs.ruleForm.resetFields(); |
| 106 | }, | 111 | }, |
| 107 | async featchData () { | 112 | async featchData () { |
| 113 | getRecordLogPage({ ...this.form, ...this.pageData }).then(res => { | ||
| 114 | if (res.code === 200) { | ||
| 115 | let { total, records } = res.result | ||
| 116 | this.tableData.total = total; | ||
| 117 | this.tableData.data = records ? records : [] | ||
| 118 | } | ||
| 119 | }) | ||
| 108 | } | 120 | } |
| 109 | } | 121 | } |
| 110 | } | 122 | } | ... | ... |
-
Please register or sign in to post a comment