|
@@ -1,265 +1,284 @@
|
|
|
<template>
|
|
|
- <div class="app-container">
|
|
|
- <p class="jqqd">该区域暂未开放,敬请期待!</p>
|
|
|
- </div>
|
|
|
+ <div class="app-container">
|
|
|
+ <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="170px">
|
|
|
+ <el-form-item label="员工姓名" prop="xm">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.xm"
|
|
|
+ placeholder="请输入姓名"
|
|
|
+ clearable
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="证件号码" prop="sfzhm">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.sfzhm"
|
|
|
+ placeholder="请输入公民身份证件号码"
|
|
|
+ clearable
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="手机号码" prop="lxdh">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.lxdh"
|
|
|
+ placeholder="请输入手机号码"
|
|
|
+ clearable
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="是否有护理人员等级证书" prop="isHlyyzs">
|
|
|
+ <el-select v-model="queryParams.isHlyyzs" placeholder="请选择是否有护理人员等级证书" @change="changeHlyzs" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.CZ035"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="护理员等级" prop="hlydj">
|
|
|
+ <el-select v-model="queryParams.hlydj" placeholder="请选择护理员等级" clearable :disabled="disabledHlydj">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.CH020"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="岗位" prop="gwlx">
|
|
|
+ <el-select v-model="queryParams.gwlx" placeholder="请选择岗位类型" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.CH062"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="是否发放津贴" prop="jtffZtCx">
|
|
|
+ <el-select v-model="queryParams.jtffZtCx" placeholder="请选择是否发放津贴" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.CZ035"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <el-table v-loading="loading" :data="ygJbxxList">
|
|
|
+ <el-table-column label="序号" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="员工姓名" align="center" prop="xm" />
|
|
|
+ <el-table-column label="证件号码" align="center" prop="sfzhm" width="180" />
|
|
|
+ <el-table-column label="性别" align="center" prop="xb">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <dict-tag :options="dict.type.C0007" :value="scope.row.xb" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="手机号码" align="center" prop="lxdh" />
|
|
|
+ <el-table-column label="学历" align="center" prop="whcd">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <dict-tag :options="dict.type.XZ113" :value="scope.row.whcd" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="所在部门" align="center" prop="zzmc" />
|
|
|
+ <el-table-column label="护理员等级" align="center" prop="hlydj">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <dict-tag :options="dict.type.CH020" :value="scope.row.hlydj" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="岗位类型" align="center" prop="gwlx">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <dict-tag :options="dict.type.CH062" :value="scope.row.gwlx" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="审核状态" align="center" prop="shzt">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <dict-tag :options="dict.type.XZ120" :value="scope.row.jtffZt" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" align="center" class-name="small-padding fixed-width" v-if="is_Component" width="120">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-edit"
|
|
|
+ @click="handleDetails(scope.row)"
|
|
|
+ v-hasPermi="['business:hlyJt:query']"
|
|
|
+ >详情
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
|
|
|
+
|
|
|
+ <!--详细-->
|
|
|
+ <Detail :visible.sync="openXQ" :id="cyryId"></Detail>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { mapState, mapGetters } from 'vuex'
|
|
|
-import { getXXTJList } from '@/api/search/xxtj/yljgtj/yljgtj.js'
|
|
|
-import { gettreedata, objtableList, getstatisticaldata } from '@/api/system/dict/type'
|
|
|
-import dict from "@/store/modules/dict";
|
|
|
-import { decryptData_ECB, decryptRowData_ECB } from "@/api/tool/sm4";
|
|
|
+import { getYgJbxx, listYgJbxx, updateYgJbxx } from '@/api/organization/yggl/ygJbxx'
|
|
|
+import { listHlyjtffCx, updateHlyxx } from '@/api/organization/yggl/hlyBtxx'
|
|
|
+import Detail from '@/views/business/btgl/hlyJt/detail.vue'
|
|
|
+import { decryptData_ECB, decryptRowData_ECB } from '@/api/tool/sm4'
|
|
|
|
|
|
export default {
|
|
|
- name: 'hlytj',
|
|
|
- dicts: ['TJ001'],
|
|
|
- computed: {
|
|
|
- ...mapState(['user']),
|
|
|
- ...mapGetters(['level']),
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- ydtitle: '',
|
|
|
- dw: '单位:家',
|
|
|
- loading: true,
|
|
|
- // 外侧tabs绑定的name
|
|
|
- activeName1: '1',
|
|
|
- // 内侧tabs绑定的name
|
|
|
- activeName2: '1',
|
|
|
- activeName2o: ['1', '1', '1', '1', '1', '1', '1', '1', '1', '1', '1'],
|
|
|
- tabisini: [false, true, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false],
|
|
|
- treeliadzt: [false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false],
|
|
|
- queryParams: {
|
|
|
- dictType: 'TJ001',
|
|
|
- para1: '1',
|
|
|
- para2: null,
|
|
|
- para3: '1',
|
|
|
- para4: null
|
|
|
- },
|
|
|
- formDataidx: 1,
|
|
|
- formData: [{
|
|
|
- unit: null, vales: null, keys: null
|
|
|
- }, {
|
|
|
- unit: null,
|
|
|
- vales: null,
|
|
|
- keys: null
|
|
|
- }],
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
- // 月度标题方法
|
|
|
- clkcall(methodswords) {
|
|
|
- this.$emit('clkcallbk', methodswords)
|
|
|
- },
|
|
|
- changeTitle(index) {
|
|
|
- switch (index) {
|
|
|
- case 0:
|
|
|
- this.ydtitle = '养老机构备案情况统计-月度'
|
|
|
- return this.ydtitle
|
|
|
- case 1:
|
|
|
- this.ydtitle = '养老机构法人类型统计-月度'
|
|
|
- return this.ydtitle
|
|
|
- case 2:
|
|
|
- this.ydtitle = '特困救助供养机构统计-月度'
|
|
|
- return this.ydtitle
|
|
|
- case 3:
|
|
|
- this.ydtitle = '光荣院统计-月度'
|
|
|
- return this.ydtitle
|
|
|
- case 4:
|
|
|
- this.ydtitle = '街道(乡镇)区域性养老中心-月度'
|
|
|
- return this.ydtitle
|
|
|
- case 5:
|
|
|
- this.ydtitle = '养老机构兴办主体统计-月度'
|
|
|
- return this.ydtitle
|
|
|
- case 6:
|
|
|
- this.ydtitle = '养老机构入住率统计-月度'
|
|
|
- return this.ydtitle
|
|
|
- case 7:
|
|
|
- this.ydtitle = '医疗服务方式-月度'
|
|
|
- return this.ydtitle
|
|
|
- case 8:
|
|
|
- this.ydtitle = '养老机构单位性质统计-月度'
|
|
|
- return this.ydtitle
|
|
|
- }
|
|
|
- },
|
|
|
- // 接收月日期改变的数据
|
|
|
- changeDateMonth(val) {
|
|
|
- this.queryParams.para4 = val
|
|
|
- this.getTableList()
|
|
|
- },
|
|
|
- // 接收年日期改变的数据
|
|
|
- changDateYear(val) {
|
|
|
- this.queryParams.para4 = val
|
|
|
- this.getTableList()
|
|
|
- },
|
|
|
- // 多选框改变接收子组件的数据
|
|
|
- getNewYear(val) {
|
|
|
- if (val === 'half') {
|
|
|
- this.formData[this.formDataidx].vales.splice(6)
|
|
|
- } else {
|
|
|
- this.getTableList()
|
|
|
- }
|
|
|
- },
|
|
|
- // 父tabs栏切换事件
|
|
|
- handleClick() {
|
|
|
+ name: 'YgJbxx',
|
|
|
+ dicts: ['XZ113', 'CZ035', 'CH062', 'C0015', 'C0007', 'CZ001', 'CH061', 'CH020', 'XZ115', 'XZ120'],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ cyryId: null,
|
|
|
+ disabledHlydj: true,
|
|
|
+ // 遮罩层
|
|
|
+ loading: true,
|
|
|
+ // 显示搜索条件
|
|
|
+ showSearch: true,
|
|
|
+ // 总条数
|
|
|
+ total: 0,
|
|
|
+ // 基本信息表格数据
|
|
|
+ ygJbxxList: [],
|
|
|
+ dataDetails: {},
|
|
|
+ // 是否显示弹出层
|
|
|
+ openXQ: false,
|
|
|
+ // 查询参数
|
|
|
+ queryParams: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ xm: null,
|
|
|
+ sjbmid: null,
|
|
|
+ sfzlx: null,
|
|
|
+ sfzhm: null,
|
|
|
+ xb: null,
|
|
|
+ lxdh: null,
|
|
|
+ shbn: null,
|
|
|
+ zzzt: null,
|
|
|
+ zylx: null,
|
|
|
+ gwlx: null,
|
|
|
+ jtffZtCx: null,
|
|
|
+ isHlyyzs: null,
|
|
|
+ hlydj: null,
|
|
|
+ gqHlydj: null,
|
|
|
+ zw: null,
|
|
|
+ jgId: null
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: { Detail },
|
|
|
+ props: {
|
|
|
+ isComponent: {
|
|
|
+ type: Boolean,
|
|
|
+ default: true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ is_Component() {
|
|
|
+ return this.isComponent
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ changeHlyzs(value) {
|
|
|
+ if (value === '1') {
|
|
|
+ this.disabledHlydj = false
|
|
|
+ } else {
|
|
|
+ this.disabledHlydj = true
|
|
|
+ this.queryParams.hlydj = ''
|
|
|
+ }
|
|
|
+ },
|
|
|
|
|
|
- this.activeName2 = this.activeName2o[this.activeName1];
|
|
|
- this.queryParams.para2 = null
|
|
|
- this.queryParams.para4 = null
|
|
|
- this.queryParams.para3 = this.activeName2
|
|
|
- this.queryParams.para1 = this.activeName1
|
|
|
- this.formDataidx = (this.activeName1 - 1) * 3 + parseInt(this.activeName2);
|
|
|
- if (this.tabisini[this.formDataidx] == false) {
|
|
|
- this.treeliadzt[this.formDataidx] = true;
|
|
|
- this.getTableList();
|
|
|
- this.tabisini[this.formDataidx] = true;
|
|
|
- }
|
|
|
- },
|
|
|
- // 子tabs栏切换事件
|
|
|
- handleTabsClick() {
|
|
|
- this.activeName2o[this.activeName1] = this.activeName2;
|
|
|
- this.queryParams.para2 = null
|
|
|
- this.queryParams.para4 = null
|
|
|
- this.queryParams.para3 = this.activeName2
|
|
|
- this.formDataidx = (this.activeName1 - 1) * 3 + parseInt(this.activeName2);
|
|
|
- if (this.tabisini[this.formDataidx] == false) {
|
|
|
- this.treeliadzt[this.formDataidx] = true;
|
|
|
- this.getTableList();
|
|
|
- this.tabisini[this.formDataidx] = true;
|
|
|
- }
|
|
|
- },
|
|
|
+ translateDict(type, value) {return this.selectDictLabel(this.dict.type[type], value)},
|
|
|
|
|
|
- // 节点单击事件
|
|
|
- NodeClick(idxa, idxb, data) {
|
|
|
- this.queryParams.para2 = data.code;
|
|
|
- this.getTableList();
|
|
|
- },
|
|
|
+ /** 查询基本信息列表 */
|
|
|
+ getList() {
|
|
|
+ this.loading = true
|
|
|
+ listHlyjtffCx(this.queryParams).then(response => {
|
|
|
+ this.ygJbxxList = decryptRowData_ECB(response.rows, ['xm', 'sfzhm', 'lxdh'], [1, 2, 3])
|
|
|
+ this.total = response.total
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ },
|
|
|
|
|
|
- /** 搜索按钮操作 */
|
|
|
- handleQuery() {
|
|
|
- this.queryParams.pageNum = 1
|
|
|
- this.getTableList()
|
|
|
- },
|
|
|
- // 获取表格数据
|
|
|
- keys() {
|
|
|
- let arr = []
|
|
|
- let unit = ["总数", "公办", "民办"]
|
|
|
- let number = 3
|
|
|
- let num = 0
|
|
|
- if ((this.activeName1 !== '2' && this.activeName1 !== '7' && this.activeName1 !== '9' && this.activeName1 !== '10') && (this.activeName2 !== '3')) {
|
|
|
- // let unit = this.formData[this.formDataidx].unit.split(',')
|
|
|
- this.formData[this.formDataidx].keys.forEach((item) => {
|
|
|
- if (item.type === 'fixed') {
|
|
|
- arr.push(item)
|
|
|
- } else if (item.type === 'select') {
|
|
|
- if (num % number === 0) {
|
|
|
- var temitem = JSON.parse(JSON.stringify(item))
|
|
|
- temitem.data = []
|
|
|
- temitem.data.push({ ...item, label: unit[num % number], width: '100' })
|
|
|
- arr.push(temitem)
|
|
|
- } else {
|
|
|
- arr[arr.length - 1].data.push({ ...item, label: unit[num % number], width: '100' })
|
|
|
- }
|
|
|
- num++
|
|
|
- }
|
|
|
- })
|
|
|
- this.formData[this.formDataidx].keys = arr;
|
|
|
- } else if (this.activeName1 === '7' && this.activeName2 === '1') {
|
|
|
- this.formData[this.formDataidx].keys.forEach((item) => {
|
|
|
- if (item.type === 'fixed') {
|
|
|
- arr.push(item)
|
|
|
- } else if (item.type === 'select') {
|
|
|
- if (num % number === 0 && num < 9) {
|
|
|
- var temitem = JSON.parse(JSON.stringify(item))
|
|
|
- temitem.data = []
|
|
|
- temitem.data.push({ ...item, label: unit[num % number], width: '100' })
|
|
|
- arr.push(temitem)
|
|
|
- } else if (num >= 9) {
|
|
|
- arr.push(item)
|
|
|
- } else {
|
|
|
- arr[arr.length - 1].data.push({ ...item, label: unit[num % number], width: '100' })
|
|
|
- }
|
|
|
- num++
|
|
|
- }
|
|
|
- })
|
|
|
- this.formData[this.formDataidx].keys = arr;
|
|
|
- }
|
|
|
- },
|
|
|
- async getTableList() {
|
|
|
- this.loading = true
|
|
|
- let retdata = await getstatisticaldata(this.queryParams)
|
|
|
- this.loading = false
|
|
|
- if (retdata.code == 200) {
|
|
|
- var data = this.$DBRetToObjA(retdata.data)
|
|
|
- this.formData[this.formDataidx] = data[0];
|
|
|
- this.keys();
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- created() {
|
|
|
- for (let i = 0; i < 100; i++) {
|
|
|
- this.formData[i] = { unit: null, vales: null, keys: null }
|
|
|
- }
|
|
|
- this.getTableList();
|
|
|
- this.treeliadzt[1] = true;
|
|
|
- }
|
|
|
-}
|
|
|
-</script>
|
|
|
+ /** 搜索按钮操作 */
|
|
|
+ handleQuery() {
|
|
|
+ this.queryParams.pageNum = 1
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
|
|
|
-<style scoped>
|
|
|
-.jqqd{
|
|
|
- font-size: 24px;
|
|
|
- font-weight: bold;
|
|
|
- color: #1890ff;
|
|
|
- margin: 330px auto 0;
|
|
|
- text-align: center;
|
|
|
+ /** 重置按钮操作 */
|
|
|
+ resetQuery() {
|
|
|
+ this.resetForm('queryForm')
|
|
|
+ this.handleQuery()
|
|
|
+ },
|
|
|
+
|
|
|
+ /** 详情按钮操作 */
|
|
|
+ handleDetails(row) {
|
|
|
+ this.cyryId = row.id
|
|
|
+ this.openXQ = true
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
-.echarts-box {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
+</script>
|
|
|
+<style rel="stylesheet/scss" lang="scss" scoped>
|
|
|
+table td {
|
|
|
+ width: 10%;
|
|
|
+ height: 2.5rem;
|
|
|
+ padding: .5%;
|
|
|
+ font-weight: 500;
|
|
|
+ border: 1px solid #ddd;
|
|
|
}
|
|
|
|
|
|
-.ssqh {
|
|
|
- width: 20%;
|
|
|
+table {
|
|
|
+ width: 100%;
|
|
|
+ border-collapse: collapse;
|
|
|
+ border: 1px solid #ddd;
|
|
|
}
|
|
|
|
|
|
-.echarts {
|
|
|
- padding: 20px;
|
|
|
- width: 85%;
|
|
|
+table td:nth-child(odd) {
|
|
|
+ text-align: right;
|
|
|
+ background: #f5f5f5;
|
|
|
}
|
|
|
|
|
|
-.echarts-text,
|
|
|
-.echarts-radio,
|
|
|
-.xxtj-table {
|
|
|
- margin-top: 15px;
|
|
|
+.formFlex {
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
-.xxtj-table,
|
|
|
-.echarts,
|
|
|
-.ssqh {
|
|
|
- border: 1px solid #dfe4ed;
|
|
|
+.formFlex ::v-deep .el-form-item__content {
|
|
|
+ width: 50%;
|
|
|
}
|
|
|
|
|
|
-.el-tab-pane {
|
|
|
- position: relative;
|
|
|
+.formWidth {
|
|
|
+ width: 32%;
|
|
|
+ display: flex !important;
|
|
|
}
|
|
|
|
|
|
-.left-bottom-text {
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- bottom: 10%;
|
|
|
- z-index: 99;
|
|
|
-}
|
|
|
+::v-deep .formWidth2 {
|
|
|
+ width: 32%;
|
|
|
+ display: flex !important;
|
|
|
|
|
|
-.echarts-text,
|
|
|
-.left-bottom-text {
|
|
|
- color: #000000a6;
|
|
|
+ .el-form-item__content {
|
|
|
+ width: 61%;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-.sxzd {
|
|
|
- font-weight: 600;
|
|
|
- margin: 10px 15px;
|
|
|
+::v-deep .custom > .el-dialog__body {
|
|
|
+ height: 770px;
|
|
|
}
|
|
|
</style>
|