查询量统计
Showing
7 changed files
with
270 additions
and
4 deletions
| ... | @@ -42,5 +42,13 @@ class business { | ... | @@ -42,5 +42,13 @@ class business { |
| 42 | data | 42 | data |
| 43 | }) | 43 | }) |
| 44 | } | 44 | } |
| 45 | |||
| 46 | async cxltj (data) { | ||
| 47 | return request({ | ||
| 48 | url: SERVER.SERVERAPI + '/rest/statistics/Business/cxltj', | ||
| 49 | method: 'post', | ||
| 50 | data | ||
| 51 | }) | ||
| 52 | } | ||
| 45 | } | 53 | } |
| 46 | export default new business() | 54 | export default new business() | ... | ... |
src/views/jktj/cxltj/data/index.js
0 → 100644
| 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: 'CXBH', | ||
| 29 | label: '查询编号', | ||
| 30 | }, | ||
| 31 | { | ||
| 32 | prop: 'SQRMC', | ||
| 33 | label: '申请人名称', | ||
| 34 | }, | ||
| 35 | { | ||
| 36 | prop: "SQRZJH", | ||
| 37 | label: "证件号码", | ||
| 38 | }, | ||
| 39 | { | ||
| 40 | prop: "CJRQ", | ||
| 41 | label: "日期", | ||
| 42 | }, | ||
| 43 | { | ||
| 44 | prop: "CXMD", | ||
| 45 | label: "查询目的", | ||
| 46 | }, | ||
| 47 | { | ||
| 48 | label: "证件种类", | ||
| 49 | render: (h, scope) => { | ||
| 50 | return ( | ||
| 51 | <div> | ||
| 52 | <span>{this.dicStatus(scope.row.SQRZJZL, 'A30')}</span> | ||
| 53 | </div> | ||
| 54 | ) | ||
| 55 | } | ||
| 56 | }, | ||
| 57 | ] | ||
| 58 | } | ||
| 59 | } | ||
| 60 | export default new data() |
src/views/jktj/cxltj/index.vue
0 → 100644
| 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 | ||
| 12 | v-model="$store.state.user.userInfo.grade === 'county' ? form.qxdm = $store.state.user.userInfo.areaCode : form.qxdm" | ||
| 13 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
| 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 15 | </el-option> | ||
| 16 | </el-select> | ||
| 17 | </el-form-item> | ||
| 18 | </el-col> | ||
| 19 | <el-col :span="4"> | ||
| 20 | <el-form-item label="开始日期" class="d-flex"> | ||
| 21 | <el-date-picker class="width100" :clearable="false" type="date" placeholder="开始日期" | ||
| 22 | :picker-options="pickerOptionsStart" v-model="form.startDate" | ||
| 23 | value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | <el-col :span="4"> | ||
| 27 | <el-form-item label="结束日期" class="d-flex"> | ||
| 28 | <el-date-picker class="width100" :clearable="false" type="date" placeholder="结束日期" | ||
| 29 | :picker-options="pickerOptionsEnd" v-model="form.endDate" value-format="yyyy-MM-dd HH:mm:ss" | ||
| 30 | @change="endTimeChange"></el-date-picker> | ||
| 31 | </el-form-item> | ||
| 32 | </el-col> | ||
| 33 | <!-- 操作按钮 --> | ||
| 34 | <el-col :span="8" class="btnColRight"> | ||
| 35 | <btn nativeType="cz" @click="resetForm">重置</btn> | ||
| 36 | <btn nativeType="cx" @click="featchData">查询</btn> | ||
| 37 | </el-col> | ||
| 38 | </el-row> | ||
| 39 | </el-form> | ||
| 40 | </div> | ||
| 41 | <!-- 图表 --> | ||
| 42 | <div class="from-clues-content"> | ||
| 43 | <lb-table ref="table" :page-size="pageData.pageSize" :current-page.sync="pageData.current" :total="tableData.total" | ||
| 44 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" | ||
| 45 | :data="tableData.data"> | ||
| 46 | </lb-table> | ||
| 47 | </div> | ||
| 48 | </div> | ||
| 49 | </template> | ||
| 50 | <script> | ||
| 51 | import { mapGetters } from "vuex"; | ||
| 52 | import { getFirstDayOfSeason, timeFormat } from "@/utils/operation"; | ||
| 53 | // 引入表格头部数据 | ||
| 54 | import data from "./data"; | ||
| 55 | // 引入table混入方法 | ||
| 56 | import tableMixin from "@/mixins/tableMixin.js"; | ||
| 57 | import bdcdj from "@/api/bdcdj"; | ||
| 58 | import business from "@/api/business"; | ||
| 59 | export default { | ||
| 60 | name: "jktj", | ||
| 61 | mixins: [tableMixin], | ||
| 62 | data () { | ||
| 63 | return { | ||
| 64 | // 分页 | ||
| 65 | pageData: { | ||
| 66 | total: 0, | ||
| 67 | pageSize: 10, | ||
| 68 | current: 1 | ||
| 69 | }, | ||
| 70 | pickerOptionsStart: { | ||
| 71 | disabledDate: (time) => { | ||
| 72 | let endDateVal = this.form.endDate; | ||
| 73 | if (endDateVal) { | ||
| 74 | return ( | ||
| 75 | time.getTime() >= | ||
| 76 | new Date(endDateVal).getTime() | ||
| 77 | ); | ||
| 78 | } | ||
| 79 | }, | ||
| 80 | }, | ||
| 81 | pickerOptionsEnd: { | ||
| 82 | disabledDate: (time) => { | ||
| 83 | let beginDateVal = this.form.startDate; | ||
| 84 | if (beginDateVal) { | ||
| 85 | return ( | ||
| 86 | time.getTime() < | ||
| 87 | new Date(beginDateVal).getTime() | ||
| 88 | ); | ||
| 89 | } | ||
| 90 | }, | ||
| 91 | }, | ||
| 92 | // 搜索表单 | ||
| 93 | valueTime: "", | ||
| 94 | tableData: { | ||
| 95 | // 表格头部 | ||
| 96 | columns: [ | ||
| 97 | { | ||
| 98 | label: "序号", | ||
| 99 | type: "index", | ||
| 100 | width: "50", | ||
| 101 | index: this.indexMethod, | ||
| 102 | } | ||
| 103 | ] | ||
| 104 | .concat(data.columns()), | ||
| 105 | // 表格列表数据 | ||
| 106 | total: 0, | ||
| 107 | data: [], | ||
| 108 | }, | ||
| 109 | // 搜索表单 | ||
| 110 | form: { | ||
| 111 | startDate: getFirstDayOfSeason(), | ||
| 112 | endDate: timeFormat(new Date(), true), | ||
| 113 | qxdm: "", | ||
| 114 | sfgd: "1" | ||
| 115 | }, | ||
| 116 | chartData: [] | ||
| 117 | }; | ||
| 118 | }, | ||
| 119 | mounted () { | ||
| 120 | // 查询业务量 | ||
| 121 | this.featchData(); | ||
| 122 | }, | ||
| 123 | computed: { | ||
| 124 | ...mapGetters(["dicData"]), | ||
| 125 | }, | ||
| 126 | methods: { | ||
| 127 | /** | ||
| 128 | * @description: handleSizeChange | ||
| 129 | * @param {*} val | ||
| 130 | * @author: | ||
| 131 | */ | ||
| 132 | handleSizeChange (val) { | ||
| 133 | this.formData.pageSize = val | ||
| 134 | this.featchData() | ||
| 135 | }, | ||
| 136 | /** | ||
| 137 | * @description: 截止日期变化 | ||
| 138 | * @param {*} val | ||
| 139 | * @author: renchao | ||
| 140 | */ | ||
| 141 | endTimeChange (val) { | ||
| 142 | this.form.endDate = timeFormat(new Date(val), true) | ||
| 143 | }, | ||
| 144 | /** | ||
| 145 | * @description: handleSearch | ||
| 146 | * @author: | ||
| 147 | */ | ||
| 148 | handleSearch () { | ||
| 149 | this.form.currentPage = 1 | ||
| 150 | this.tableData.data = [] | ||
| 151 | if (this.featchData) { | ||
| 152 | this.featchData() | ||
| 153 | } | ||
| 154 | }, | ||
| 155 | /** | ||
| 156 | * @description: handleCurrentChange | ||
| 157 | * @param {*} val | ||
| 158 | * @author: | ||
| 159 | */ | ||
| 160 | handleCurrentChange (val) { | ||
| 161 | this.form.currentPage = val | ||
| 162 | this.featchData() | ||
| 163 | }, | ||
| 164 | async featchData() { | ||
| 165 | let {result: res} = await business.cxltj(this.form); | ||
| 166 | console.log(res) | ||
| 167 | this.tableData.data = res.list | ||
| 168 | this.pageData.current = res.pageNum | ||
| 169 | this.pageData.pageSize = res.pageSize | ||
| 170 | this.tableData.total = res.total | ||
| 171 | |||
| 172 | } | ||
| 173 | }, | ||
| 174 | }; | ||
| 175 | </script> | ||
| 176 | <style scoped lang="scss"> | ||
| 177 | .jktjDetail { | ||
| 178 | flex-direction: column; | ||
| 179 | |||
| 180 | .rows { | ||
| 181 | margin-left: 100px; | ||
| 182 | } | ||
| 183 | |||
| 184 | .center { | ||
| 185 | line-height: 50vh; | ||
| 186 | text-align: center; | ||
| 187 | color: #b6b5b5; | ||
| 188 | } | ||
| 189 | } | ||
| 190 | </style> |
| ... | @@ -8,7 +8,9 @@ | ... | @@ -8,7 +8,9 @@ |
| 8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> |
| 9 | <el-col :span="4"> | 9 | <el-col :span="4"> |
| 10 | <el-form-item label="行政区" class="d-flex"> | 10 | <el-form-item label="行政区" class="d-flex"> |
| 11 | <el-select v-model="form.qxdm" class="width100" clearable placeholder="行政区"> | 11 | <el-select |
| 12 | v-model="$store.state.user.userInfo.grade === 'county' ? form.qxdm = $store.state.user.userInfo.areaCode : form.qxdm" | ||
| 13 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
| 12 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
| 13 | </el-option> | 15 | </el-option> |
| 14 | </el-select> | 16 | </el-select> | ... | ... |
| ... | @@ -9,7 +9,9 @@ | ... | @@ -9,7 +9,9 @@ |
| 9 | <el-row class="mb-5"> | 9 | <el-row class="mb-5"> |
| 10 | <el-col :span="4"> | 10 | <el-col :span="4"> |
| 11 | <el-form-item label="行政区" class="d-flex"> | 11 | <el-form-item label="行政区" class="d-flex"> |
| 12 | <el-select v-model="form.qxdm" class="width100" clearable placeholder="行政区"> | 12 | <el-select |
| 13 | v-model="$store.state.user.userInfo.grade === 'county' ? form.qxdm = $store.state.user.userInfo.areaCode : form.qxdm" | ||
| 14 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
| 13 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 15 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
| 14 | </el-option> | 16 | </el-option> |
| 15 | </el-select> | 17 | </el-select> | ... | ... |
| ... | @@ -8,7 +8,9 @@ | ... | @@ -8,7 +8,9 @@ |
| 8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> |
| 9 | <el-col :span="4"> | 9 | <el-col :span="4"> |
| 10 | <el-form-item label="行政区" class="d-flex"> | 10 | <el-form-item label="行政区" class="d-flex"> |
| 11 | <el-select v-model="form.qxdm" class="width100" clearable placeholder="行政区"> | 11 | <el-select |
| 12 | v-model="$store.state.user.userInfo.grade === 'county' ? form.qxdm = $store.state.user.userInfo.areaCode : form.qxdm" | ||
| 13 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
| 12 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
| 13 | </el-option> | 15 | </el-option> |
| 14 | </el-select> | 16 | </el-select> | ... | ... |
| ... | @@ -8,7 +8,9 @@ | ... | @@ -8,7 +8,9 @@ |
| 8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> |
| 9 | <el-col :span="4"> | 9 | <el-col :span="4"> |
| 10 | <el-form-item label="行政区" class="d-flex"> | 10 | <el-form-item label="行政区" class="d-flex"> |
| 11 | <el-select v-model="form.pcode" class="width100" clearable placeholder="行政区"> | 11 | <el-select |
| 12 | v-model="$store.state.user.userInfo.grade === 'county' ? form.pcode = $store.state.user.userInfo.areaCode : form.pcode" | ||
| 13 | class="width100" clearable placeholder="行政区" :disabled="$store.state.user.userInfo.grade === 'county'"> | ||
| 12 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 14 | <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
| 13 | </el-option> | 15 | </el-option> |
| 14 | </el-select> | 16 | </el-select> | ... | ... |
-
Please register or sign in to post a comment