Browse Source

医生列表渲染、添加交互逻辑

admin_version1.0_2025_06_26
zq 3 weeks ago
parent
commit
c1c5e1891b
  1. 58
      src/views/DoctorInformation.vue
  2. 117
      src/views/HomeView.vue

58
src/views/DoctorInformation.vue

@ -25,11 +25,14 @@
default-text-color="#23242B" hover-text-color="#006AFF" />
<div slot="tip" class="el-upload__tip desc">支持pngjpg格式尺寸32PX*32PX</div>
</el-upload> -->
<el-upload ref="upload" class="avatar-uploader" :auto-upload="false" accept=".jpg,.png" action="#" :file-list="fileList" :multiple="false" :http-request="customUpload">
<el-upload ref="upload" class="avatar-uploader" :auto-upload="false" accept=".jpg,.png" action="#" :multiple="false" :http-request="customUpload">
<template #trigger>
<div class="flex">
<img v-if="siteForm.avator" :src="siteForm.avator" alt="" class="uploadImg">
<hover-button button-text="重新上传" :default-icon="require('../assets/upLoad_grey.svg')"
:hover-icon="require('../assets/upLoad_active.svg')"
default-text-color="#23242B" hover-text-color="#006AFF" @click="btnClick" />
</div>
</template>
<div slot="tip" class="el-upload__tip desc">支持pngjpg格式尺寸32PX*32PX</div>
</el-upload>
@ -59,7 +62,7 @@
:options="groupOptions" label="初诊是否审批" required prop="first_visit_audit"
@change="radioChange" />
<GuipInput ref="GuipInput" column="column" label="审批人电话" desc="审批人电话、微信,至少填写一项"
v-model="siteForm.approve_phone" prop="approve_phone" placeholder="请输入" />
v-model="siteForm.approver_phone" prop="approver_phone" placeholder="请输入" />
</div>
<div class="flex-line"></div>
<div class="flex-right">
@ -76,13 +79,19 @@
default-text-color="#23242B" hover-text-color="#006AFF" @click="btnClick" />
<div slot="tip" class="el-upload__tip desc">审批人微信二维码大小2M以内</div>
</el-upload> -->
<el-upload ref="upload1" class="avatar-uploader" :auto-upload="false" action="#" :multiple="false" :http-request="customUpload">
<el-upload ref="upload1" class="avatar-uploader" :auto-upload="false" action="#" :multiple="false" :file-list="fileList1" :http-request="customUpload">
<!-- <div class="flex">
</div> -->
<template #trigger>
<div class="flex">
<img v-if="siteForm.approver_wechat" :src="siteForm.approver_wechat" alt="" class="uploadImg">
<hover-button button-text="重新上传" :default-icon="require('../assets/upLoad_grey.svg')"
:hover-icon="require('../assets/upLoad_active.svg')"
default-text-color="#23242B" hover-text-color="#006AFF" @click="handleUploadClick" />
</div>
</template>
<div slot="tip" class="el-upload__tip desc">审批人微信二维码大小2M以内</div>
</el-upload>
</div>
</GuipFormItem>
@ -142,6 +151,7 @@ export default {
fileList: [
// { name: 'image.jpeg', url: 'http://jasonyizherenxin.checkcopy.com/user_avatar/1.png?v=93940df0b596961c42de23ef1f2d3257' }
],
fileList1:[],
options_payword: [{
value: '选项1',
label: '黄金糕'
@ -160,7 +170,7 @@ export default {
}],
groupOptions: [
{ label: '需审批', value: '1' },
{ label: '不需审批', value: '2' },
{ label: '不需审批', value: '0' },
],
formData: null,
siteForm: {
@ -241,6 +251,12 @@ export default {
url: response.data.avator
}];
}
if (response.data.avator) {
this.fileList = [{
name: 'avator',
url: response.data.avator
}];
}
}
}).catch(error => {
console.error(error, 'error')
@ -320,11 +336,15 @@ export default {
},
submitForm(form) {
let props = {};
let url = {
siteForm:'/api/admin/get_doctor_baseinfo',
siteForm1:'/api/admin/set_doctor_desc',
siteForm2:'',
}
if (form == 'siteForm') {
this.$refs[form].validate((valid) => {
if (valid) {
props = {
did: this.doctorId,
name: this.siteForm.doctor_name,
idcard: this.siteForm.idcard,
avatar_file: this.siteForm.avator,
@ -334,17 +354,26 @@ export default {
return false;
}
});
} else {
} else if(form == 'siteForm1') {
props = {
did: this.doctorId,
desc: form.doctor_desc,
detail: form.doctor_detail,
label: form.label
}
}else{
props = {
first_visit_audit: form.first_visit_audit,
approver_phone: form.approver_phone,
approver_wechat: form.approver_wechat
}
}
this.$http('POST', '/supernew/ajax_get_type_batch_list', props).then(response => {
if(this.doctorId){
props.did = this.doctorId;
}
this.$http('POST', url[form], props).then(response => {
if (response.code == 0) {
this.$Message.success('修改成功')
this.fetchDoctorData()
}
}).catch(error => {
console.error(error, 'error')
@ -360,7 +389,7 @@ export default {
label: this.oldForm.label,
}
} else {
} else if(type== 'siteForm') {
this.siteForm = {
...this.siteForm,
name: this.oldForm.name,
@ -368,6 +397,13 @@ export default {
avatar_file: this.oldForm.avatar_file,
phone: this.oldForm.phone
}
}else {
this.siteForm = {
...this.siteForm,
first_visit_audit: this.oldForm.first_visit_audit,
approver_phone: this.oldForm.approver_phone,
approver_wechat: this.oldForm.approver_wechat
}
}
},
confirmClick(type) {
@ -383,7 +419,9 @@ export default {
transition: all .5s;
border: 1px solid transparent;
}
.uploadImg{
width: 150px;
}
.special-form-item {
.el-form-item__label {
margin-bottom: 12px;

117
src/views/HomeView.vue

@ -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' }"
@ -39,45 +40,44 @@
</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,6 +106,68 @@ import { mapState } from 'vuex';
export default {
data() {
return {
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: [
{
@ -216,7 +278,6 @@ export default {
},
created() {
store.commit('SET_PAGENAME', '医生管理'); //
this.calculateTotalNum()
},
mounted() {
store.commit('SET_CUSTOMIZE', false);
@ -233,12 +294,19 @@ export default {
methods: {
//
getInitData() {
// this.$store.dispatch('showLoading')
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 => {
@ -252,7 +320,7 @@ export default {
//
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) {
@ -328,9 +396,10 @@ export default {
},
batchOperate(type) {
// this.tableSelections
console.log(this.tableSelections,'this.tableSelections----');
if (type == '1') {
//
this.getInitData()
// this.getInitData()
} else {
//
@ -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;
}

Loading…
Cancel
Save