654 lines
16 KiB
Vue
654 lines
16 KiB
Vue
<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: 200px"
|
|
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: 230px;
|
|
text-align: left;
|
|
height: 32px;
|
|
color: #c0c4cc;
|
|
overflow: hidden;
|
|
margin-left: 10px
|
|
"
|
|
>
|
|
请选择机构
|
|
</el-button>
|
|
<el-button
|
|
@click="ParamsStation(true)"
|
|
type=""
|
|
v-else
|
|
style="
|
|
width: 230px;
|
|
text-align: left;
|
|
height: 32px;
|
|
padding-left: -10px;
|
|
overflow: hidden;
|
|
margin-left: 10px
|
|
"
|
|
>{{ orgName }}</el-button
|
|
>
|
|
|
|
</el-form-item>
|
|
<el-form-item label="签约医生" prop="userNo">
|
|
<el-button
|
|
type=""
|
|
v-if="doctorName == '请选择签约医生'"
|
|
@click="doctorshow(true)"
|
|
style="
|
|
width: 200px;
|
|
text-align: left;
|
|
height: 32px;
|
|
color: #c0c4cc;
|
|
overflow: hidden;
|
|
"
|
|
>
|
|
请选择签约医生
|
|
</el-button>
|
|
<el-button
|
|
@click="doctorshow(true)"
|
|
type=""
|
|
v-else
|
|
style="
|
|
width: 200px;
|
|
text-align: left;
|
|
height: 32px;
|
|
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>
|
|
|