添加从业人员统计功能
Showing
5 changed files
with
165 additions
and
7 deletions
| ... | @@ -8,6 +8,6 @@ NODE_ENV=development | ... | @@ -8,6 +8,6 @@ NODE_ENV=development |
| 8 | VUE_APP_BASE_API = '/api' | 8 | VUE_APP_BASE_API = '/api' |
| 9 | 9 | ||
| 10 | # 开发环境 | 10 | # 开发环境 |
| 11 | #VUE_APP_API_BASE_URL = 'http://192.168.2.38:8027' | 11 | VUE_APP_API_BASE_URL = 'http://192.168.2.22:8027' |
| 12 | #VUE_APP_API_BASE_URL = 'http://192.168.2.91:8027' #田浩 | 12 | #VUE_APP_API_BASE_URL = 'http://192.168.2.91:8027' #田浩 |
| 13 | VUE_APP_API_BASE_URL = 'http://172.16.56.32:8027' #黄南州 | 13 | #VUE_APP_API_BASE_URL = 'http://172.16.56.32:8027' #黄南州 | ... | ... |
| ... | @@ -37,5 +37,19 @@ class bdcdj { | ... | @@ -37,5 +37,19 @@ class bdcdj { |
| 37 | data | 37 | data |
| 38 | }) | 38 | }) |
| 39 | } | 39 | } |
| 40 | |||
| 41 | /** | ||
| 42 | * @description: 成功率统计 | ||
| 43 | * @param {*} startDate | ||
| 44 | * @param {*} endDate | ||
| 45 | * @param {*} qxdm | ||
| 46 | * @author: renchao | ||
| 47 | */ | ||
| 48 | async getWorkerStatistics () { | ||
| 49 | return request({ | ||
| 50 | url: SERVER.SERVERAPI + '/rest/statistics/qjdc/getWorkerStatistics', | ||
| 51 | method: 'get' | ||
| 52 | }) | ||
| 53 | } | ||
| 40 | } | 54 | } |
| 41 | export default new bdcdj() | 55 | export default new bdcdj() | ... | ... |
| ... | @@ -17,10 +17,12 @@ | ... | @@ -17,10 +17,12 @@ |
| 17 | </el-form-item> | 17 | </el-form-item> |
| 18 | </el-col> | 18 | </el-col> |
| 19 | <el-col :span="4"> | 19 | <el-col :span="4"> |
| 20 | <el-form-item label="是否归档" class="d-flex"> | 20 | <el-form-item label="数据状态" class="d-flex"> |
| 21 | <el-select v-model="form.qqzt" class="width100" clearable placeholder="是否确权"> | 21 | <el-select v-model="form.zt" class="width100" clearable placeholder="请选择"> |
| 22 | <el-option key="gd1" label="已确权" value="1"></el-option> | 22 | <el-option label="临时" value="0"></el-option> |
| 23 | <el-option key="gd2" label="未确权" value="2"></el-option> | 23 | <el-option label="现势" value="1"></el-option> |
| 24 | <el-option label="历史" value="2"></el-option> | ||
| 25 | <el-option label="权属调查" value="4"></el-option> | ||
| 24 | </el-select> | 26 | </el-select> |
| 25 | </el-form-item> | 27 | </el-form-item> |
| 26 | </el-col> | 28 | </el-col> |
| ... | @@ -71,7 +73,7 @@ export default { | ... | @@ -71,7 +73,7 @@ export default { |
| 71 | // 搜索表单 | 73 | // 搜索表单 |
| 72 | form: { | 74 | form: { |
| 73 | pcode: "", | 75 | pcode: "", |
| 74 | qqzt: "1" | 76 | zt: "1" |
| 75 | }, | 77 | }, |
| 76 | chartData: [] | 78 | chartData: [] |
| 77 | }; | 79 | }; | ... | ... |
src/views/jktj/worker/index.js
0 → 100644
| 1 | import filter from '@/utils/filter.js' | ||
| 2 | class data extends filter { | ||
| 3 | constructor() { | ||
| 4 | super() | ||
| 5 | } | ||
| 6 | columns () { | ||
| 7 | return [ | ||
| 8 | { | ||
| 9 | prop: "areaName", | ||
| 10 | label: "行政区划", | ||
| 11 | |||
| 12 | }, | ||
| 13 | { | ||
| 14 | prop: "total", | ||
| 15 | |||
| 16 | label: "从业人数", | ||
| 17 | }, | ||
| 18 | { | ||
| 19 | prop: "womanNum", | ||
| 20 | |||
| 21 | label: "女性从业人数", | ||
| 22 | }, | ||
| 23 | { | ||
| 24 | prop: "womanRatio", | ||
| 25 | label: "女性从业占比", | ||
| 26 | // render: (h, scope) => { | ||
| 27 | // return ( | ||
| 28 | // <span> {scope.row.womanRatio.toFixed(4)*100}%</span> | ||
| 29 | // ); | ||
| 30 | // }, | ||
| 31 | }, | ||
| 32 | ] | ||
| 33 | } | ||
| 34 | } | ||
| 35 | export default new data() |
src/views/jktj/worker/index.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Author: yangwei | ||
| 3 | * @Date: 2023-02-17 16:32:50 | ||
| 4 | * @LastEditors: Please set LastEditors | ||
| 5 | * @LastEditTime: 2023-05-11 10:11:15 | ||
| 6 | * @FilePath: \bdcjg-web\src\views\statistics\registerBookQuality\index.vue | ||
| 7 | * @Description: | ||
| 8 | * | ||
| 9 | * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. | ||
| 10 | --> | ||
| 11 | <!-- 从业人员展示表 --> | ||
| 12 | <template> | ||
| 13 | <div class="from-clues"> | ||
| 14 | <!-- 头部搜索 --> | ||
| 15 | <div class="from-clues-header"> | ||
| 16 | <div | ||
| 17 | style=" | ||
| 18 | height: 60px; | ||
| 19 | line-height: 60px; | ||
| 20 | color: white; | ||
| 21 | margin: 0 auto; | ||
| 22 | display: block; | ||
| 23 | width: 100%; | ||
| 24 | font-size: 24px; | ||
| 25 | text-align: center; | ||
| 26 | " | ||
| 27 | > | ||
| 28 | 黄南州各市县登记中心从业人员展示图 | ||
| 29 | </div> | ||
| 30 | </div> | ||
| 31 | <!-- 列表区域 --> | ||
| 32 | <div class="from-clues-content complex-header"> | ||
| 33 | <lb-table | ||
| 34 | ref="table" | ||
| 35 | :pagination="false" | ||
| 36 | :border="true" | ||
| 37 | :column="tableData.columns" | ||
| 38 | :data="tableData.data" | ||
| 39 | > | ||
| 40 | </lb-table> | ||
| 41 | </div> | ||
| 42 | </div> | ||
| 43 | </template> | ||
| 44 | |||
| 45 | <script> | ||
| 46 | // 登簿质量评价表 | ||
| 47 | // 引入表格头部数据 | ||
| 48 | import data from "./index"; | ||
| 49 | // 引入table混入方法 | ||
| 50 | import tableMixin from "@/mixins/tableMixin.js"; | ||
| 51 | import bdcdj from "@/api/bdcdj.js"; | ||
| 52 | |||
| 53 | export default { | ||
| 54 | name: "jsbwcx", | ||
| 55 | |||
| 56 | mixins: [tableMixin], | ||
| 57 | data() { | ||
| 58 | return { | ||
| 59 | // 表格数据 | ||
| 60 | tableData: { | ||
| 61 | // 表格头部 | ||
| 62 | columns: data.columns(), | ||
| 63 | data: [], | ||
| 64 | }, | ||
| 65 | downTitle: "", | ||
| 66 | }; | ||
| 67 | }, | ||
| 68 | |||
| 69 | created() { | ||
| 70 | this.loading(); | ||
| 71 | }, | ||
| 72 | mounted() {}, | ||
| 73 | methods: { | ||
| 74 | // 初始化数据 | ||
| 75 | /** | ||
| 76 | * @description: 初始化数据 | ||
| 77 | * @author: renchao | ||
| 78 | */ | ||
| 79 | loading() { | ||
| 80 | bdcdj.getWorkerStatistics().then((res) => { | ||
| 81 | this.tableData.data = res.result; | ||
| 82 | for (let item of this.tableData.data) { | ||
| 83 | item.womanRatio = ((item.womanNum / item.total) * 100).toFixed(2)+'%'; } | ||
| 84 | console.log(this.tableData.data); | ||
| 85 | }); | ||
| 86 | }, | ||
| 87 | // 重置 | ||
| 88 | /** | ||
| 89 | * @description: 重置 | ||
| 90 | * @author: renchao | ||
| 91 | */ | ||
| 92 | // handleResetForm() { | ||
| 93 | // this.form.startTime = getCurrentDate(); | ||
| 94 | // this.form.endTime = getCurrentDate("time"); | ||
| 95 | // this.featchDataSelf(); | ||
| 96 | // }, | ||
| 97 | }, | ||
| 98 | }; | ||
| 99 | </script> | ||
| 100 | <style scoped lang="scss"> | ||
| 101 | // 引入表单整体样式 | ||
| 102 | @import "../css/index.scss"; | ||
| 103 | |||
| 104 | /deep/.el-table thead.is-group th.el-table__cell { | ||
| 105 | height: 14px !important; | ||
| 106 | } | ||
| 107 | </style> |
-
Please register or sign in to post a comment