xinyilu/xinelu-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

签约机构统计

Browse Source
This commit is contained in:
shidongli 2024-01-12 14:10:51 +08:00
parent 7038fe6751
commit 5dfd49a357
2 changed files with 700 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/api/system/signingagencyCount.js Normal file
View File

@ -0,0 +1,48 @@
import request from '@/utils/request'
// 查询列表
export function listTrainingCategory(query) {
return request({
url: '/system/dataStatistics/signPatientCount',
method: 'get',
params: query
})
}
// 签约机构
export function getCounty(data) {
return request({
url: '/applet/signinfo/getCounty',
method: 'POST',
data: data,
headers: {
region: 2,
}
})
}
export function getNearbyOrg(query) {
return request({
url: `/applet/signinfo/getNearbyOrg`,
method: 'get',
params: query,
headers: {
region: 2,
}
})
}
// 签约医生
export function getDoctorList(query) {
return request({
url: `/applet/signinfo/getDoctorList`,
method: 'get',
params: query,
headers: {
region: 2,
}
})
}

652
src/views/system/signingagencyCount/index.vue Normal file
View File

@ -0,0 +1,652 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
>
<el-form-item label="时间" prop="trainingCategoryName">
<el-date-picker
v-model="queryParams.startDate"
format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd"
type="date"
placeholder="开始时间"
style="width: 220px"
:picker-options="pickerStartTime"
></el-date-picker>
<span style="color: #dcdfe6; padding: 5px">---</span>
<el-date-picker
v-model="queryParams.endDate"
format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd"
type="date"
placeholder="结束时间"
style="width: 220px"
:picker-options="pickerEndTime"
></el-date-picker>
</el-form-item>
<el-form-item label="区县" prop="deptId">
<el-select
v-model="queryParams.areaCode"
placeholder="请选择签约区县"
style="width: 220px"
clearable
@change="orgNochange"
>
<el-option
v-for="item in deptOptions"
:key="item.orgNo"
:label="item.orgName"
:value="item.orgNo"
></el-option>
</el-select>
<el-button
type=""
v-if="orgName == '请选择机构'"
@click="ParamsStation(true)"
style="
width: 250px;
text-align: left;
height: 36px;
color: #c0c4cc;
overflow: hidden;
"
>
请选择机构
</el-button>
<el-button
@click="ParamsStation(true)"
type=""
v-else
style="
width: 250px;
text-align: left;
height: 36px;
padding-left: -10px;
overflow: hidden;
"
>{{ orgName }}</el-button
>
</el-form-item>
<el-form-item label="签约医生" prop="userNo">
<el-button
type=""
v-if="doctorName == '请选择签约医生'"
@click="doctorshow(true)"
style="
width: 250px;
text-align: left;
height: 36px;
color: #c0c4cc;
overflow: hidden;
"
>
请选择签约医生
</el-button>
<el-button
@click="doctorshow(true)"
type=""
v-else
style="
width: 250px;
text-align: left;
height: 36px;
padding-left: -10px;
overflow: hidden;
"
>{{ doctorName }}</el-button
>
<!-- <el-select
v-model="queryParams.userNo"
placeholder="请选择签约签约医生"
style="width: 220px"
clearable
@change="userNochange"
>
<el-option
v-for="item in userNolist"
:key="item.orgNo"
:label="item.realname"
:value="item.orgNo"
></el-option>
</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="signingagencyCountList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column
label="签约机构/签约医生"
align="center"
prop="areaName"
/>
<el-table-column
label="签约人数"
align="center"
prop="patientCount"
/>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 选择签约机构 -->
<el-dialog
title="选择签约机构"
:visible.sync="innerVisible"
width="1000px"
append-to-body
:before-close="innerVisiblecancel"
>
<el-form
ref="queryForm"
:model="queryNearbyOr"
:rules="rules"
label-width="80px"
:inline="true"
>
<el-form-item label="机构名称" prop="orgName" label-width="120">
<el-input
v-model="queryNearbyOr.orgName"
placeholder="请输入机构名称"
clearable
@keyup.enter.native="getinfo"
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="getNearbyOr"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="addresetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-table
:data="getNearbyOrglist"
@cell-dblclick="nurseclick"
v-loading="loading"
>
<el-table-column label="请选择" width="100" align="center">
<template slot-scope="scope">
<el-button
type="primary"
style="width: 15px; height: 15px"
v-if="stationid == scope.row.orgNo"
circle
@click="nurseclick(scope.row)"
></el-button>
<el-button
v-else
style="width: 15px; height: 15px"
circle
@click="nurseclick(scope.row)"
></el-button>
</template>
</el-table-column>
<el-table-column
property="orgName"
label="机构名称"
align="center"
:show-overflow-tooltip="true"
>
</el-table-column>
</el-table>
<pagination
v-show="total2 > 0"
:total="total2"
:page.sync="queryNearbyOr.pageNum"
:limit.sync="queryNearbyOr.pageSize"
@pagination="getinfo"
/>
</el-dialog>
<!-- 选择签约医生 -->
<el-dialog
title="选择签约医生"
:visible.sync="innerdoctor"
width="1000px"
append-to-body
:before-close="doctorcancel"
>
<el-form
ref="queryForm"
:model="queryDoctorList"
:rules="rules"
label-width="80px"
:inline="true"
>
<el-form-item label="医生姓名" prop="realname" label-width="120">
<el-input
v-model="queryDoctorList.realname"
placeholder="请输入医生姓名"
clearable
@keyup.enter.native="getNearbyOrgchange"
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="getdoctor"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="doctorreset"
>重置</el-button
>
</el-form-item>
</el-form>
<el-table
:data="userNolist"
@cell-dblclick="doctorclick"
v-loading="loading"
>
<el-table-column label="请选择" width="100" align="center">
<template slot-scope="scope">
<el-button
type="primary"
style="width: 15px; height: 15px"
v-if="doctorid == scope.row.userNo"
circle
@click="doctorclick(scope.row)"
></el-button>
<el-button
v-else
style="width: 15px; height: 15px"
circle
@click="doctorclick(scope.row)"
></el-button>
</template>
</el-table-column>
<el-table-column
property="realname"
label="医生姓名"
align="center"
:show-overflow-tooltip="true"
>
</el-table-column>
</el-table>
<pagination
v-show="totaldoctor > 0"
:total="totaldoctor"
:page.sync="queryDoctorList.pageNum"
:limit.sync="queryDoctorList.pageSize"
@pagination="getNearbyOrgchange"
/>
</el-dialog>
</div>
</template>
<script>
import {
listTrainingCategory,
getCounty,
getNearbyOrg,
getDoctorList,
} from "@/api/system/signingagencyCount";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
export default {
components: { Treeselect },
name: "signingagencyCount",
data() {
return {
innerVisible: false,
innerdoctor:false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
total2: 0,
totaldoctor: 0,
// 表格数据
signingagencyCountList: [],
deptOptions: [],//区县
getNearbyOrglist: [],//街道
userNolist: [],//签约医生
// 是否显示弹出层
nurseStationqueryParams: {
orgName: '',
pageNum: 1,
pageSize: 10,
},
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
startDate: '',
orgNo: '',
endDate: '',
userNo: '',
areaCode: '',
},
queryNearbyOr: {
pageNum: 1,
pageSize: 10,
countyNo: '',
orgName: '',
},
orgName: '请选择机构',
doctorName:'请选择签约医生',
// 医生
queryDoctorList: {
pageNum: 1,
pageSize: 10,
orgNo: '',
realname:'',
},
queryParamsteam: {
pageNum: 1,
pageSize: 10,
},
// 表单参数
form: {},
stationid: null,
doctorid:null,
// 表单校验
rules: {
},
};
},
created() {
this.getList();
this.getDeptTree();
},
computed: {
pickerStartTime() {
return {
disabledDate: time => {
if (this.queryParams.endDate) {
let edtTime = this.queryParams.endDate.replace(/-/g, '/');
return time.getTime() > new Date(edtTime)
}
}
}
},
pickerEndTime() {
return {
disabledDate: time => {
if (this.queryParams.startDate) {
let startTime = this.queryParams.startDate.replace(/-/g, '/');
return time.getTime() < new Date(startTime)
}
}
}
}
},
methods: {
// 点击机构弹框
ParamsStation() {
console.log(this.queryParams)
if (this.queryParams.areaCode == '') {
this.orgName = "请选择机构"
this.$message.error("请先选择签约机构");
} else {
this.queryNearbyOr.pageNum = 1
// this.stationid = ''
this.queryNearbyOr.orgName = '',
this.getinfo()
this.innerVisible = true
}
},
// 点击签约医生
doctorshow(){
if (this.queryParams.areaCode == '') {
this.doctorName = "请选择签约医生"
this.$message.error("请先选择区县");
} else if(this.queryParams.orgNo == ''){
this.doctorName = "请选择签约医生"
this.$message.error("请选择机构");
}
else {
this.getNearbyOrgchange.pageNum = 1
// this.doctorid = ''
this.getNearbyOrgchange.realname = '',
this.getNearbyOrgchange()
this.innerdoctor = true
}
},
// 机构圆点
nurseclick(row) {
console.log(row)
this.orgName = row.orgName;
this.queryParams.orgNo = row.orgNo;
this.queryDoctorList.orgNo = row.orgNo;
this.stationid = this.queryParams.orgNo;
this.doctorName="请选择签约医生"
this.doctorid='',
this.queryParams.userNo="",
this.innerVisible = false;
},
// 签约医生圆点
doctorclick(row){
this.doctorName = row.realname;
this.queryParams.userNo = row.userNo;
// this.queryDoctorList.orgNo = row.userNo;
this.doctorid = this.queryParams.userNo;
this.innerdoctor = false
},
innerVisiblecancel() {
this.innerVisible = false;
},
// 签约医生取消
doctorcancel(){
this.innerdoctor = false
},
//机构重置
addresetQuery() {
this.queryNearbyOr.pageNum = 1
this.queryNearbyOr.orgName = ''
this.getinfo();
},
// 签约医生重置
doctorreset(){
this.queryDoctorList.pageNum = 1
this.queryDoctorList.realname = ''
this.getNearbyOrgchange();
},
// 机构搜索
getNearbyOr(){
this.queryNearbyOr.pageNum = 1
this.getinfo();
},
// 签约医生搜索
getdoctor(){
this.queryDoctorList.pageNum = 1
this.getNearbyOrgchange();
},
// 查询机构列表
getinfo() {
getNearbyOrg(this.queryNearbyOr).then(response => {
this.getNearbyOrglist = response.rows
this.total2 = response.total
})
},
/** 查询签约列表 */
getList() {
this.loading = true;
listTrainingCategory(this.queryParams).then((response) => {
this.signingagencyCountList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 选择签约机构
orgNochange(e) {
console.log(e)
this.queryParams.orgNo = ''
this.queryParams.userNo=''
this.queryNearbyOr.orgName = ''
this.orgName = "请选择机构"
this.queryNearbyOr.countyNo = e
},
// 签约医生
getNearbyOrgchange() {
// this.queryDoctorList.orgNo = e
getDoctorList(this.queryDoctorList).then(response => {
this.userNolist = response.rows
this.totaldoctor = response.total;
})
},
// 点击签约医生
userNochange(e) {
console.log(this.queryParams)
},
// 区县列表
getDeptTree() {
getCounty(this.queryParamsteam).then((response) => {
this.deptOptions = response.data
console.log(this.deptOptions)
});
},
// 表单重置
reset() {
this.form = {
id: null,
parentId: null,
trainingCategoryName: null,
trainingCategoryCode: null,
trainingCategoryPictureUrl: null,
trainingCategorySort: null,
remark: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.queryParams={
pageNum: 1,
pageSize: 10,
startDate: '',
orgNo: '',
endDate: '',
userNo: '',
areaCode: '',
}
this.orgName='请选择机构',
this.doctorName='请选择签约医生',
this.stationid='',
this.doctorid='',
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map((item) => item.id);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
},
};
</script>
<style scoped>
::v-deep .vue-treeselect__control {
height: 32px;
line-height: 32px;
}
.stationbtn {
position: relative;
width: 208px;
text-align: left;
height: 32px;
line-height: 32px;
overflow: hidden;
font-size: 14px;
top: -5px;
padding-left: 5px;
}
</style>