|
|
|
@ -1,5 +1,5 @@ |
|
|
|
<template> |
|
|
|
<div class="min-width pagePadding " style="background: #F5F7FA;" > |
|
|
|
<div class="min-width pagePadding " style="background: #F5F7FA;"> |
|
|
|
<p class="pageTitle bold mb24">基础信息</p> |
|
|
|
<div class="doctor-list-wrap "> |
|
|
|
<p class="pageTitle">医生列表</p> |
|
|
|
@ -7,7 +7,8 @@ |
|
|
|
<div class="selectAllTable-wrap flex-between mt32"> |
|
|
|
<div class="left flex"> |
|
|
|
<div class="checkboxAll"> |
|
|
|
<el-checkbox @change="handleTotalCheckAllChange" v-model="allChecked" :indeterminate="isIndeterminate">全选</el-checkbox> |
|
|
|
<el-checkbox @change="handleTotalCheckAllChange" v-model="allChecked" |
|
|
|
:indeterminate="isIndeterminate">全选</el-checkbox> |
|
|
|
</div> |
|
|
|
<span class="totalCount">共{{ totalNum }}条，已选{{ selectNum }}条</span> |
|
|
|
<GuipButton type="ignore" :btnstyle="{ width: '99px', height: '32px', margin: '0 26px' }" |
|
|
|
@ -19,7 +20,7 @@ |
|
|
|
<div class="right flex"> |
|
|
|
<span>搜索医生</span> |
|
|
|
<GuipInput ref="GuipInput" style="margin:0 24px 0 12px" width="280px" height="32px" |
|
|
|
placeholder="输入姓名" @blur="inputBlur" v-model="doctorName"/> |
|
|
|
placeholder="输入姓名" @blur="inputBlur" v-model="doctorName" /> |
|
|
|
<GuipButton @click="addDoctor" size="form">新增医生</GuipButton> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -30,54 +31,53 @@ |
|
|
|
<el-avatar :src="item.avatar"></el-avatar> |
|
|
|
<span class="name">{{ item.name }}</span> |
|
|
|
<span>{{ item.phone }}</span> |
|
|
|
<GuipSwitch :modelValue="Boolean(item.status)" @change="onSwitchChange(item,index)"> |
|
|
|
<GuipSwitch :modelValue="Boolean(item.status)" @change="onSwitchChange(item, index)"> |
|
|
|
</GuipSwitch> |
|
|
|
<GuipButton type="text" @click="editDoctor(item,index)">编辑</GuipButton> |
|
|
|
<GuipButton type="text" @click="editDoctor(item, index)">编辑</GuipButton> |
|
|
|
</div> |
|
|
|
<div class="right"> |
|
|
|
<GuipButton type="system" size="form" @click="addHospital(item)">添加医院</GuipButton> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<GuipTable :tableData="item.list" style="width: 100%" :ref="(el) => setPopoverRef(index, el)" @selection-change="handleSelectionChange(index,$event)" |
|
|
|
:show-header="false" :loading="loading" > |
|
|
|
<GuipTable :tableData="item.departs" style="width: 100%" :ref="(el) => setPopoverRef(index, el)" |
|
|
|
@selection-change="handleSelectionChange(index, $event)" :show-header="false" |
|
|
|
:loading="loading"> |
|
|
|
<el-table-column type="selection" width="135"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="hos" label="出诊医院" min-width="295"> |
|
|
|
<el-table-column prop="depart_name" label="出诊医院" min-width="295"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div class="flex cell_render"> |
|
|
|
<span>{{ scope.row.hos[0] }}项</span> |
|
|
|
<span v-if="scope.row.hos.length">（ 等{{ scope.row.hos.length }}个 ）</span> |
|
|
|
<span>{{ scope.row.depart_name }}</span> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="nums" label="项目个数" min-width="165"> |
|
|
|
<el-table-column prop="project_count" label="项目个数" min-width="135"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div class="flex cell_render"> |
|
|
|
<span>{{ scope.row.nums }}项</span> |
|
|
|
<span>{{ scope.row.project_count }}项</span> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="group" label="组别" min-width="165"> |
|
|
|
<el-table-column prop="classify_count" label="组别" min-width="135"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div class="flex cell_render"> |
|
|
|
{{ scope.row.group }}分组 |
|
|
|
{{ scope.row.classify_count }}分组 |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="setMenu" label="套餐" min-width="165"> |
|
|
|
<el-table-column prop="classify_count" label="套餐" min-width="165"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div class="flex cell_render"> |
|
|
|
{{ scope.row.setMenu }}分组 |
|
|
|
{{ scope.row.classify_count }}分组 |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="time" label="时间" min-width="200"> </el-table-column> |
|
|
|
<el-table-column prop="create" label="时间" min-width="250"> </el-table-column> |
|
|
|
<el-table-column prop="stock" fixed="right" min-width="110"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<GuipSwitch :modelValue="scope.row.status" @change="onSwitchChange1(scope.row)"> |
|
|
|
</GuipSwitch> |
|
|
|
<GuipSwitch :modelValue="scope.row.status" active-value="1" inactive-value="0" @change="onSwitchChange1(scope.row)"></GuipSwitch> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="操作" fixed="right" min-width="120px"> |
|
|
|
@ -106,7 +106,69 @@ import { mapState } from 'vuex'; |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
tableSelections:[],//已选中数据 |
|
|
|
list: { |
|
|
|
approver_phone: "18888888888", |
|
|
|
code: "en4b1v", |
|
|
|
create: "2025-05-19 16:20:58", |
|
|
|
desc: "擅长运用麦粒灸治疗疑难杂症，特别是恶性肿瘤的治疗，显著改善患者免疫状态。", |
|
|
|
detail: "北京中医药大学中医临床特聘专家，师从师怀堂和谢锡亮两大中医泰斗，从事针灸临床50余年，善治免疫系统及其它病症如：各种肿瘤癌症，血小板减少或增多，白细胞减少，经常性感冒、支气管哮喘、过敏性紫癜、妇女尿失禁、夜尿增多，痤疮，急慢性肠炎、痛风、颈椎管狭窄、颈肩腰腿痛、疲劳综合征、失眠，及小儿夜啼、厌食和发育不良等症。", |
|
|
|
first_visit_audit: "1", |
|
|
|
id: "1", |
|
|
|
idcard: "510322197808271433", |
|
|
|
label: "", |
|
|
|
name: "张小琪", |
|
|
|
phone: "18888888888", |
|
|
|
uid: "46", |
|
|
|
departs: { |
|
|
|
1: [ |
|
|
|
{ |
|
|
|
classify_count: 3, |
|
|
|
create: "2025-05-29 16:37:28", |
|
|
|
depart_id: "1", |
|
|
|
depart_name: "中医科", |
|
|
|
doctor_id: "1", |
|
|
|
hid: "1", |
|
|
|
hispital_name: "武丽娜中医针灸", |
|
|
|
id: "1", |
|
|
|
is_fixed: "1", |
|
|
|
project_count: 24, |
|
|
|
status: "1", |
|
|
|
type: "0" |
|
|
|
} |
|
|
|
], |
|
|
|
2: [ |
|
|
|
{ |
|
|
|
classify_count: 3, |
|
|
|
create: "2025-05-29 16:37:28", |
|
|
|
depart_id: "12", |
|
|
|
depart_name: "中医科", |
|
|
|
doctor_id: "1", |
|
|
|
hid: "1", |
|
|
|
hispital_name: "武丽娜中医针灸", |
|
|
|
id: "1", |
|
|
|
is_fixed: "1", |
|
|
|
project_count: 24, |
|
|
|
status: "1", |
|
|
|
type: "0" |
|
|
|
}, |
|
|
|
{ |
|
|
|
classify_count: 3, |
|
|
|
create: "2025-05-29 16:37:28", |
|
|
|
depart_id: "11", |
|
|
|
depart_name: "中医科", |
|
|
|
doctor_id: "1", |
|
|
|
hid: "1", |
|
|
|
hispital_name: "武丽娜中医针灸", |
|
|
|
id: "1", |
|
|
|
is_fixed: "1", |
|
|
|
project_count: 24, |
|
|
|
status: "1", |
|
|
|
type: "0" |
|
|
|
}, |
|
|
|
] |
|
|
|
} |
|
|
|
}, |
|
|
|
tableSelections: [],//已选中数据 |
|
|
|
tableData: [ |
|
|
|
{ |
|
|
|
sort: 1 |
|
|
|
@ -119,7 +181,7 @@ export default { |
|
|
|
checked1: false, |
|
|
|
totalNum: 0, |
|
|
|
selectNum: 0, |
|
|
|
doctorName:'', |
|
|
|
doctorName: '', |
|
|
|
isIndeterminate: false, |
|
|
|
doctorList: [ |
|
|
|
{ |
|
|
|
@ -216,11 +278,10 @@ export default { |
|
|
|
}, |
|
|
|
created() { |
|
|
|
store.commit('SET_PAGENAME', '医生管理'); // 登录页面不显示侧边栏 |
|
|
|
this.calculateTotalNum() |
|
|
|
}, |
|
|
|
mounted(){ |
|
|
|
mounted() { |
|
|
|
store.commit('SET_CUSTOMIZE', false); |
|
|
|
store.commit('SET_SLIDER_MENU','menuData'); |
|
|
|
store.commit('SET_SLIDER_MENU', 'menuData'); |
|
|
|
this.getInitData() |
|
|
|
}, |
|
|
|
render() { |
|
|
|
@ -232,30 +293,37 @@ export default { |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 初始化请求 |
|
|
|
getInitData(){ |
|
|
|
// this.$store.dispatch('showLoading') |
|
|
|
getInitData() { |
|
|
|
this.$http('POST', '/api/admin/doctor_depart_list', { |
|
|
|
}).then(response => { |
|
|
|
if (response.code == 0) { |
|
|
|
this.doctorList = response.data |
|
|
|
this.$store.dispatch('hideLoading') |
|
|
|
if (response.code == 0 && Object.values(response.data).length > 0) { |
|
|
|
const list = Object.values(response.data).map(item => { |
|
|
|
return { |
|
|
|
...item, |
|
|
|
checked:false, |
|
|
|
departs: item.departs ? Object.values(item.departs).flat() : [] |
|
|
|
} |
|
|
|
}) |
|
|
|
this.doctorList = list |
|
|
|
console.log(list,this.doctorList,'this.doctorList===='); |
|
|
|
this.calculateTotalNum() |
|
|
|
} |
|
|
|
|
|
|
|
}).catch(error => { |
|
|
|
console.error(error, 'error') |
|
|
|
}) |
|
|
|
}, |
|
|
|
inputBlur(val){ |
|
|
|
console.log(val,''); |
|
|
|
inputBlur(val) { |
|
|
|
console.log(val, ''); |
|
|
|
this.getInitData() |
|
|
|
}, |
|
|
|
// 计算总条数 |
|
|
|
calculateTotalNum() { |
|
|
|
this.totalNum = this.doctorList.reduce((total, doctor) => { |
|
|
|
return total + (doctor.list ? doctor.list.length : 0); |
|
|
|
return total + (doctor.departs ? doctor.departs.length : 0); |
|
|
|
}, 0); |
|
|
|
}, |
|
|
|
handleClick(row){ |
|
|
|
handleClick(row) { |
|
|
|
console.log(row); |
|
|
|
// 跳转编辑页面 |
|
|
|
}, |
|
|
|
@ -328,18 +396,19 @@ export default { |
|
|
|
}, |
|
|
|
batchOperate(type) { |
|
|
|
// this.tableSelections |
|
|
|
console.log(this.tableSelections,'this.tableSelections----'); |
|
|
|
if (type == '1') { |
|
|
|
// 禁用 |
|
|
|
this.getInitData() |
|
|
|
// this.getInitData() |
|
|
|
|
|
|
|
} else { |
|
|
|
// 启用 |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
onSwitchChange(item,index) { |
|
|
|
onSwitchChange(item, index) { |
|
|
|
item.status = item.status == 0 ? 1 : 0; |
|
|
|
console.log(index,item,'===='); |
|
|
|
console.log(index, item, '===='); |
|
|
|
this.$set(this.doctorList, item) |
|
|
|
// let depart_ids = '' |
|
|
|
|
|
|
|
@ -369,7 +438,7 @@ export default { |
|
|
|
// // } |
|
|
|
// }) |
|
|
|
|
|
|
|
// 生成的URL：/doctorInformation?doctorId=123&from=home |
|
|
|
// 生成的URL：/doctorInformation?doctorId=123&from=home |
|
|
|
|
|
|
|
}, |
|
|
|
addHospital(item) { |
|
|
|
@ -396,8 +465,9 @@ export default { |
|
|
|
}, |
|
|
|
// 单个表格的选择变化 |
|
|
|
handleSelectionChange(index, selection) { |
|
|
|
console.log(index,selection,'====='); |
|
|
|
// 更新当前表格的选中状态 |
|
|
|
this.doctorList[index].checked = selection.length === this.doctorList[index].list.length; |
|
|
|
this.doctorList[index].checked = selection.length === this.doctorList[index].departs.length; |
|
|
|
this.tableSelections[index] = selection; |
|
|
|
|
|
|
|
// 更新全局状态 |
|
|
|
@ -515,6 +585,7 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .el-form-item { |
|
|
|
margin-bottom: 0 !important; |
|
|
|
} |
|
|
|
|
zq
3 weeks ago