问诊设置
This commit is contained in:
zoujiandong
parent
77abbc6516
commit
5b4916e453
@ -14,7 +14,7 @@ export function getInquiryconfigList(params){
|
||||
export function addInquiryconfig(data){//添加配置
|
||||
return request({
|
||||
url:'/admin/inquiry/config/doctor',
|
||||
method: 'put',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
@ -30,4 +30,20 @@ export function getInquiryconfigDetail(id){
|
||||
url:'/admin/inquiry/config/doctor/'+id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
}
|
||||
export function getDoctorList(params){//获取医生列表
|
||||
return request({
|
||||
url:'/admin/doctor/list',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
}
|
||||
|
||||
export function inquiryPriceAndTime(params){//获取问诊价格和问诊时间
|
||||
return request({
|
||||
url:'/admin/inquiry/config/system/detail',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
}
|
||||
|
||||
41
src/api/inquiry/sysconfig.js
Normal file
41
src/api/inquiry/sysconfig.js
Normal file
@ -0,0 +1,41 @@
|
||||
import request from '../../utils/request'
|
||||
|
||||
const url = '/admin/inquiry/config/system';
|
||||
|
||||
|
||||
export function getSysconfigList(params){
|
||||
return request({
|
||||
url:'/admin/inquiry/config/system',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
}
|
||||
|
||||
export function addSysconfig(data){//添加配置
|
||||
return request({
|
||||
url:'/admin/inquiry/config/system',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
export function editSysconfig(data,id){//添加配置
|
||||
return request({
|
||||
url:'/admin/inquiry/config/system/'+id,
|
||||
method: 'put',
|
||||
data
|
||||
})
|
||||
}
|
||||
export function getSysconfigDetail(id){
|
||||
return request({
|
||||
url:'/admin/inquiry/config/system/'+id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
export function getDoctorList(params){//获取医生列表
|
||||
return request({
|
||||
url:'/admin/doctor/list',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
}
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<a-modal
|
||||
v-model:visible="modalVisible"
|
||||
fullscreen
|
||||
title="添加问诊配置"
|
||||
:title="title"
|
||||
title-align="start"
|
||||
:footer="false"
|
||||
@cancel="handleClose"
|
||||
@ -12,15 +12,20 @@
|
||||
<div class="bar"></div>
|
||||
<div class="name">添加医生</div>
|
||||
</div>
|
||||
<a-form :model="modalForm" ref="modalFormRef" :auto-label-width="true">
|
||||
<a-form :model="modalForm" ref="modalFormRefConfig" :auto-label-width="true" :rules="rules">
|
||||
<a-row :gutter="24" style="margin-top: 35px">
|
||||
<a-col :span="12">
|
||||
<a-form-item field="avatar" :hide-label="true">
|
||||
<a-input
|
||||
:style="{width:'320px'}"
|
||||
v-model="modalForm.card_num"
|
||||
placeholder="请输入医生名字并选择想要添加的医生"
|
||||
/>
|
||||
<a-form-item field="doctor_id" :hide-label="true">
|
||||
<a-space direction="vertical" size="large">
|
||||
<a-select :style="{width:'400px'}" allow-search placeholder="请选择医生" :disabled="inquiry_config_id?true:false" v-model="modalForm.doctor_id" allow-clear
|
||||
:loading="loading" @change="changeDoctor" @search="handleDoctorList">
|
||||
<a-option size="large" style="max-width:500px" v-for="item in doctorData" :key="item.hospital_id"
|
||||
:value="item.doctor_id" :label="item.user_name">
|
||||
<span v-if="item.doctor_title || item.hospital_name || item.department_custom_name"> {{item.user_name+'('+formatDoctorTitle(item.doctor_title)+item.hospital_name+item.department_custom_name+')'}}</span>
|
||||
<span v-else> {{item.user_name}}</span>
|
||||
</a-option>
|
||||
</a-select>
|
||||
</a-space>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
@ -32,10 +37,12 @@
|
||||
</div>
|
||||
<a-row :gutter="24" style="margin-top: 35px">
|
||||
<a-col :span="12">
|
||||
<a-form-item field="avatar" :hide-label="true">
|
||||
<a-form-item field="inquiry_type" :hide-label="true">
|
||||
<a-select
|
||||
:disabled="inquiry_config_id?true:false"
|
||||
v-model="modalForm.inquiry_type"
|
||||
placeholder="请选择服务类型"
|
||||
placeholder="请选择问诊类型"
|
||||
@change="changeType"
|
||||
:style="{ width: '320px' }"
|
||||
>
|
||||
<!-- 1:专家问诊 2:快速问诊 3:公益问诊 4:问诊购药 -->
|
||||
@ -48,49 +55,27 @@
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-divider />
|
||||
<div class="typebox">
|
||||
<div class="titlebox">
|
||||
<div class="bar"></div>
|
||||
<div class="name">问诊价格</div>
|
||||
</div>
|
||||
<a-row :gutter="24" style="margin-top: 35px;">
|
||||
<a-col :span="12">
|
||||
<a-input
|
||||
:style="{width:'320px'}"
|
||||
v-model="modalForm.card_num"
|
||||
placeholder="请选择问诊价格"
|
||||
/>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-divider />
|
||||
<div class="titlebox" >
|
||||
<div class="bar"></div>
|
||||
<div class="name">接诊数量</div>
|
||||
</div>
|
||||
<a-row :gutter="24" style="margin-top: 35px;" >
|
||||
<a-col :span="24">
|
||||
<a-form-item field="" label="" no-style>
|
||||
<a-space direction="vertical" size="large">
|
||||
<a-input-number v-model="value" :style="{width:'320px'}" placeholder="Please Enter" class="input-demo" :min="10" :max="100"/>
|
||||
</a-space>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</div>
|
||||
<div class="typebox">
|
||||
<div class="titlebox">
|
||||
<!-- <div class="typebox" v-if="toggleType">
|
||||
|
||||
|
||||
</div> -->
|
||||
|
||||
<div class="typebox" v-if="!toggleType ">
|
||||
<div class="titlebox" v-if="is_platform_deep_cooperation==1">
|
||||
<div class="bar"></div>
|
||||
<div class="name">问诊日期</div>
|
||||
</div>
|
||||
<a-form>
|
||||
<div class="timecon">
|
||||
|
||||
<div class="timecon" v-if="is_platform_deep_cooperation==1">
|
||||
<div class="left">
|
||||
<a-row :gutter="24" style="margin-top: 35px;">
|
||||
<a-col :span="24">
|
||||
<el-config-provider :locale="locale">
|
||||
<a-form-item field="" label="问诊日期：" >
|
||||
<el-date-picker
|
||||
v-model="modalForm.value1"
|
||||
value-format="YYYY-MM-DD"
|
||||
:style="{ width: '320px' }"
|
||||
v-model="inquiry_date"
|
||||
type="dates"
|
||||
placeholder="选择问诊日期（可多选）"
|
||||
/>
|
||||
@ -100,29 +85,30 @@
|
||||
</a-row>
|
||||
<a-row :gutter="24" >
|
||||
<a-col :span="24">
|
||||
<el-config-provider :locale="locale">
|
||||
|
||||
<a-form-item field="" label="问诊时间：" >
|
||||
<el-date-picker
|
||||
v-model="modalForm.value1"
|
||||
type="dates"
|
||||
placeholder="选择问诊日期（可多选）"
|
||||
/>
|
||||
<a-select
|
||||
v-model="inquiry_time"
|
||||
placeholder="请选择问诊时间"
|
||||
multiple
|
||||
:style="{ width: '320px' }"
|
||||
@change="changeTime"
|
||||
>
|
||||
<a-option :value="item.inquiry_time_id" v-for="item in system_inquiry_time">{{ item.start_time }}—{{item.end_time}}</a-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
|
||||
</el-config-provider>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24" >
|
||||
<a-col :span="24">
|
||||
|
||||
<a-form-item field="" label="" >
|
||||
<a-space>
|
||||
<a-button type="primary"
|
||||
><icon-check-circle /> 确定</a-button
|
||||
@click="addTime"><icon-check-circle /> 添加</a-button
|
||||
>
|
||||
<a-button @click="reset"><icon-loop /> 重置</a-button>
|
||||
</a-space>
|
||||
|
||||
|
||||
</a-form-item>
|
||||
|
||||
</a-col>
|
||||
@ -131,17 +117,19 @@
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="right">
|
||||
<a-form-item field="" label="" >
|
||||
<a-form-item field="doctor_inquiry_time" :hide-label="true" :rules="[{ required: true, message: '请选择问诊价格' }]">
|
||||
<div class="surebox">
|
||||
<div class="title">已选问诊时间</div>
|
||||
<div class="timebox">
|
||||
<a-tag color="green" closable>111</a-tag>
|
||||
<a-space wrap>
|
||||
<a-tag color="green" class="tag" closable v-for="(item,index) in slect_all_date" :key="item" @close="closeTag(index)">{{item}}</a-tag>
|
||||
</a-space>
|
||||
</div>
|
||||
</div>
|
||||
</a-form-item>
|
||||
</div>
|
||||
</div>
|
||||
</a-form>
|
||||
|
||||
<a-divider />
|
||||
<div class="titlebox" >
|
||||
<div class="bar"></div>
|
||||
@ -151,13 +139,71 @@
|
||||
<a-col :span="24">
|
||||
<a-form-item field="" label="" no-style>
|
||||
<a-space direction="vertical" size="large">
|
||||
<a-switch />
|
||||
<a-switch v-model="is_platform_deep_cooperation" :checked-value="1" :unchecked-value="0" disabled :style="{cursor:'not-allowed!important'}" />
|
||||
</a-space>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-divider />
|
||||
</div>
|
||||
<div class="titlebox">
|
||||
<div class="bar"></div>
|
||||
<div class="name">问诊价格</div>
|
||||
</div>
|
||||
<a-row :gutter="24" style="margin-top: 35px;">
|
||||
<a-col :span="12">
|
||||
<a-form-item field="inquiry_price" :hide-label="true" v-if="modalForm.inquiry_type!=3" :rules="[{ required: true, message: '请输入问诊价格' }]">
|
||||
<a-input-number
|
||||
:min="min"
|
||||
:max="max"
|
||||
:style="{width:'180px'}"
|
||||
v-model="modalForm.inquiry_price"
|
||||
placeholder="输入问诊价格"
|
||||
:disabled="modalForm.inquiry_type==2 || modalForm.inquiry_type==4"
|
||||
|
||||
mode="button"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item field="inquiry_price" :hide-label="true" :rules="[{ required:true, message: '请添加问诊时间' }]" v-if="modalForm.inquiry_type==3">
|
||||
<a-select
|
||||
v-model="modalForm.inquiry_price"
|
||||
placeholder="请选择问诊价格"
|
||||
:style="{ width: '320px' }"
|
||||
>
|
||||
<a-option :value="item" v-for="item in inquiry_price_list" :key="item">{{ item }}</a-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-divider />
|
||||
<div class="titlebox" >
|
||||
<div class="bar"></div>
|
||||
<div class="name">接诊数量</div>
|
||||
</div>
|
||||
<a-row :gutter="24" style="margin-top: 35px;" >
|
||||
<a-col :span="24">
|
||||
<a-form-item field="work_num_day" :hide-label="true">
|
||||
<a-space direction="vertical" size="large">
|
||||
<a-input-number mode="button" v-model="modalForm.work_num_day" :style="{width:'180px'}" placeholder="请输入接诊数量" class="input-demo" :min="0" :max="max_patient"/>
|
||||
</a-space>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-divider />
|
||||
<div class="titlebox" >
|
||||
<div class="bar"></div>
|
||||
<div class="name">开启问诊</div>
|
||||
</div>
|
||||
<a-row :gutter="24" style="margin-top: 35px;" >
|
||||
<a-col :span="24">
|
||||
<a-form-item field="" :hide-label="true" :rules="[{required:true,message:'请设置问诊状态'}]">
|
||||
<a-space direction="vertical" size="large">
|
||||
<a-switch v-model="modalForm.is_enable" :checked-value="1" :unchecked-value="0" />
|
||||
</a-space>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-divider />
|
||||
</a-form>
|
||||
<div class="titlebox" >
|
||||
<div class="bar"></div>
|
||||
@ -167,8 +213,7 @@
|
||||
<a-col :span="24">
|
||||
<a-form-item field="" label="" no-style>
|
||||
<a-space >
|
||||
<a-button type="primary" @click="">开启</a-button>
|
||||
<a-button type="primary" status="danger" @click="">关闭</a-button>
|
||||
<a-button type="primary" @click="handleSubmit">保存</a-button>
|
||||
</a-space>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
@ -176,37 +221,259 @@
|
||||
</a-modal>
|
||||
</template>
|
||||
<script setup>
|
||||
import { ref, toRefs } from 'vue';
|
||||
import { addInquiryconfig } from '@/api/inquiry/config';
|
||||
import { formatRelation } from '@/utils/format';
|
||||
import { ref,toRef, toRefs,onMounted,watch,getCurrentInstance,reactive } from 'vue';
|
||||
import { addInquiryconfig,getDoctorList,inquiryPriceAndTime,getInquiryconfigDetail,editInquiryconfig} from '@/api/inquiry/config';
|
||||
import { formatDoctorTitle } from '@/utils/format';
|
||||
import { parseTime } from '@/utils/parseTime';
|
||||
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
|
||||
import { reactive } from 'vue';
|
||||
const { proxy } = getCurrentInstance();
|
||||
const props = defineProps({
|
||||
// 是否显示
|
||||
modalVisible: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
inquiry_config_id:{
|
||||
type:String,
|
||||
default:''
|
||||
}
|
||||
});
|
||||
const modalForm=reactive({
|
||||
|
||||
})
|
||||
const {modalVisible}=toRefs(props);
|
||||
const emits = defineEmits(['familyVisibleChange']);
|
||||
const is_platform_deep_cooperation=ref(null);
|
||||
|
||||
const loading = ref(false);
|
||||
const title=ref('添加问诊配置');
|
||||
const modalForm=reactive({
|
||||
inquiry_mode:1,
|
||||
inquiry_price:null,
|
||||
doctor_inquiry_time:[],
|
||||
is_enable:1
|
||||
})
|
||||
const locale=ref('');
|
||||
const toggleType=ref(true);
|
||||
const slect_all_date=ref([]);
|
||||
const {modalVisible,inquiry_config_id}=toRefs(props);
|
||||
const emits = defineEmits(['familyVisibleChange','freshList']);
|
||||
// Rules
|
||||
const doctorData=ref([]);
|
||||
const handleDetail=(id)=>{
|
||||
getInquiryconfigDetail(id).then(data=>{
|
||||
if(data.code==200){
|
||||
let result=data.data;
|
||||
Object.assign(modalForm,result);
|
||||
if (result.inquiry_type == 1 || result.inquiry_type == 3) {
|
||||
toggleType.value = true;
|
||||
} else {
|
||||
toggleType.value = false;
|
||||
}
|
||||
if(result.doctor_inquiry_time){
|
||||
slect_all_date.value=result.doctor_inquiry_time.map(item=>{
|
||||
return parseTime(item.inquiry_date,'{y}-{m}-{d}')+" "+item.start_time+"—"+item.end_time
|
||||
|
||||
})
|
||||
};
|
||||
handleInquiryPriceAndTime();
|
||||
is_platform_deep_cooperation.value=result.user_doctor.is_platform_deep_cooperation;
|
||||
handleDoctorList(result.user_doctor.user_name);
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
const handleDoctorList=(value)=>{
|
||||
loading.value=true;
|
||||
getDoctorList({
|
||||
user_name:value
|
||||
}).then(data=>{
|
||||
if(data.code=200){
|
||||
doctorData.value=data.data;
|
||||
if(!value){
|
||||
modalForm.doctor_id='';
|
||||
}
|
||||
}
|
||||
loading.value=false;
|
||||
})
|
||||
};
|
||||
watch(()=>props.inquiry_config_id,(newVal,oldValval)=>{
|
||||
if(newVal){
|
||||
title.value='修改问诊配置'
|
||||
handleDetail(newVal)
|
||||
}else{
|
||||
//handleDoctorList();
|
||||
title.value='添加问诊配置';
|
||||
toggleType.value=true;
|
||||
}
|
||||
},{immediate:true})
|
||||
|
||||
let rules = reactive({
|
||||
doctor_id: [{ required: true, message: '请选择医生' }],
|
||||
inquiry_type: [{ required: true, message: '请选择问诊类型' }],
|
||||
work_num_day: [{ required: true, message: '请输入每日接诊数量' }],
|
||||
inquiry_price: [{ required: true, message: '请输入问诊价格' }]
|
||||
})
|
||||
|
||||
|
||||
const changeDoctor=(value)=>{
|
||||
let cur=doctorData.value.filter((item)=> item.doctor_id==value);
|
||||
|
||||
if(cur && cur.length==1){
|
||||
alert(cur[0].is_platform_deep_cooperation)
|
||||
is_platform_deep_cooperation.value=cur[0].is_platform_deep_cooperation
|
||||
}else{
|
||||
is_platform_deep_cooperation.value=0
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
const reset=()=>{
|
||||
inquiry_date.value=[];
|
||||
inquiry_time.value=[];
|
||||
}
|
||||
const addTime=()=>{
|
||||
let temp=[];
|
||||
if(inquiry_date.value.length==0){
|
||||
proxy.$message.warning('请选择问诊日期!');
|
||||
return false;
|
||||
}
|
||||
if(inquiry_time.value.length==0){
|
||||
proxy.$message.warning('请选择问诊时间!');
|
||||
return false;
|
||||
}
|
||||
let arr1=inquiry_date.value
|
||||
let arr2=select_time.value;
|
||||
for (let i = 0; i < arr1.length; i++) {
|
||||
for (let j = 0; j < arr2.length; j++) {
|
||||
temp.push(arr1[i]+" "+arr2[j]);
|
||||
}
|
||||
}
|
||||
slect_all_date.value.push(...new Set(temp));
|
||||
reset();
|
||||
}
|
||||
watch(slect_all_date,(newVal,oldVal)=>{
|
||||
if(newVal.length>0){
|
||||
console.log(newVal.length)
|
||||
modalForm.doctor_inquiry_time=newVal.map((item)=>{
|
||||
const [inquiry_date,time]=item.split(' ');
|
||||
const [start_time,end_time]=time.split("—");
|
||||
return {inquiry_date,start_time,end_time}
|
||||
})
|
||||
}else{
|
||||
modalForm.doctor_inquiry_time=[]
|
||||
}
|
||||
},{deep:true})
|
||||
//删除标签tag
|
||||
const closeTag=(index)=>{
|
||||
slect_all_date.value.splice(index,1);
|
||||
}
|
||||
locale.value=zhCn;
|
||||
//最小价格
|
||||
const min=ref(0);
|
||||
const max=ref(1000000);
|
||||
const max_patient=ref(1000000);
|
||||
const system_inquiry_time=ref([]);
|
||||
//问诊日期
|
||||
const inquiry_date=ref([]);
|
||||
//问诊时间
|
||||
const inquiry_time=ref([]);
|
||||
const select_time=ref([]);
|
||||
|
||||
|
||||
const changeTime=(value)=>{
|
||||
select_time.value=[];
|
||||
let arr=system_inquiry_time.value;
|
||||
for (let i = 0; i < arr.length; i++) {
|
||||
for (let j = 0; j < value.length; j++) {
|
||||
if(arr[j].inquiry_time_id === value[i]){
|
||||
select_time.value.push(arr[j].start_time+"—"+arr[j].end_time);
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
|
||||
const changeType=(value)=>{
|
||||
if(value==1 || value==3){
|
||||
toggleType.value=true
|
||||
}else{
|
||||
toggleType.value=false
|
||||
};
|
||||
modalForm.doctor_inquiry_time=[];
|
||||
modalForm.inquiry_price=null;
|
||||
slect_all_date.value=[];
|
||||
//切换重新验证
|
||||
proxy.$refs.modalFormRefConfig.clearValidate();
|
||||
handleInquiryPriceAndTime()
|
||||
}
|
||||
const inquiry_price_list=ref([]);
|
||||
const handleInquiryPriceAndTime=()=>{
|
||||
inquiryPriceAndTime({
|
||||
inquiry_type:modalForm.inquiry_type,
|
||||
inquiry_mode:modalForm.inquiry_mode
|
||||
}).then(data=>{
|
||||
if(data.code=200){
|
||||
const result=data.data;
|
||||
if(modalForm.inquiry_type==1){
|
||||
min.value=Number(result.min_inquiry_price);
|
||||
max.value=Number(result.max_inquiry_price);
|
||||
|
||||
}else if(modalForm.inquiry_type==3){
|
||||
inquiry_price_list.value=result.inquiry_price.split(",").map((item)=>{
|
||||
return Number(item)
|
||||
})
|
||||
}else{
|
||||
system_inquiry_time.value=result.system_inquiry_time;
|
||||
modalForm.inquiry_price=Number(result.inquiry_price);
|
||||
};
|
||||
|
||||
//modalForm.work_num_day=result.max_work_num_day;
|
||||
max_patient.value=result.max_work_num_day;
|
||||
// rules = reactive(rules_obj);
|
||||
}
|
||||
})
|
||||
}
|
||||
//添加配置
|
||||
const handleAddInquiryconfig = async () => {
|
||||
const { data, code, message } = await AddInquiryconfig(modalForm);
|
||||
}
|
||||
|
||||
};
|
||||
// Akiraka 20230210 关闭弹窗
|
||||
const handleClose = () => {
|
||||
proxy.$refs.modalFormRefConfig.resetFields();
|
||||
reset();
|
||||
emits('familyVisibleChange', false);
|
||||
|
||||
|
||||
};
|
||||
const reset=()=>{
|
||||
alert("重置")
|
||||
}
|
||||
const handleSubmit=()=>{
|
||||
proxy.$refs.modalFormRefConfig.validate(async (valid) => {
|
||||
let data=null;
|
||||
if (!valid) {
|
||||
if(props.inquiry_config_id){
|
||||
data= await editInquiryconfig(modalForm,props.inquiry_config_id)
|
||||
}else{
|
||||
data= await addInquiryconfig(modalForm);
|
||||
}
|
||||
if(data.code==200){
|
||||
props.inquiry_config_id?proxy.$message.success('修改成功'):proxy.$message.success('添加成功');
|
||||
emits('freshList', '');
|
||||
}
|
||||
handleClose();
|
||||
}else {
|
||||
console.log(valid)
|
||||
proxy.$message.error('表单校验失败');
|
||||
//done(false);
|
||||
}
|
||||
});
|
||||
};
|
||||
// onMounted(()=>{
|
||||
// handleDoctorList()
|
||||
// })
|
||||
</script>
|
||||
<style scoped>
|
||||
.tag{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.tag:last-child{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.cardNum {
|
||||
width: 150px;
|
||||
}
|
||||
@ -236,7 +503,7 @@ const reset=()=>{
|
||||
}
|
||||
.timebox{
|
||||
min-height:200px;
|
||||
width:300px;
|
||||
width:418px;
|
||||
margin-top: 20px;
|
||||
padding: 20px;
|
||||
border:1px solid var(--color-neutral-3);
|
||||
@ -245,6 +512,7 @@ const reset=()=>{
|
||||
.timecon{
|
||||
display: flex;
|
||||
width: 1000px;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.left{
|
||||
@ -258,6 +526,7 @@ const reset=()=>{
|
||||
.line{
|
||||
height: 240px;
|
||||
width:2px;
|
||||
margin:0 30px;
|
||||
background: var(--color-neutral-3);
|
||||
}
|
||||
</style>
|
||||
470
src/components/addSysconfigModal.vue
Normal file
470
src/components/addSysconfigModal.vue
Normal file
@ -0,0 +1,470 @@
|
||||
<template>
|
||||
<!-- Modal -->
|
||||
<a-modal
|
||||
v-model:visible="modalVisible"
|
||||
fullscreen
|
||||
:title="title"
|
||||
title-align="start"
|
||||
:footer="false"
|
||||
@cancel="handleClose"
|
||||
>
|
||||
<a-form
|
||||
:model="modalForm"
|
||||
ref="modalFormRefConfig"
|
||||
:auto-label-width="true"
|
||||
:rules="rules"
|
||||
>
|
||||
<div class="titlebox">
|
||||
<div class="bar"></div>
|
||||
<div class="name">问诊类型</div>
|
||||
</div>
|
||||
<a-row :gutter="24" style="margin-top: 35px">
|
||||
<a-col :span="12">
|
||||
<a-form-item field="inquiry_type" :hide-label="true">
|
||||
<a-select
|
||||
:disabled="inquiry_config_id ? true : false"
|
||||
v-model="modalForm.inquiry_type"
|
||||
placeholder="请选择问诊类型"
|
||||
@change="changeType"
|
||||
:style="{ width: '320px' }"
|
||||
>
|
||||
<!-- 1:专家问诊 2:快速问诊 3:公益问诊 4:问诊购药 -->
|
||||
<a-option :value="1">专家问诊</a-option>
|
||||
<a-option :value="2">快速问诊</a-option>
|
||||
<a-option :value="3">公益问诊</a-option>
|
||||
<a-option :value="4">问诊购药</a-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-divider />
|
||||
<!-- <div class="typebox" v-if="toggleType">
|
||||
|
||||
|
||||
</div> -->
|
||||
|
||||
<div class="typebox" v-if="!toggleType">
|
||||
<div class="titlebox" >
|
||||
<div class="bar"></div>
|
||||
<div class="name">问诊时间段</div>
|
||||
</div>
|
||||
|
||||
<div class="timecon" >
|
||||
<div class="left">
|
||||
<a-row :gutter="24" style="margin-top: 35px">
|
||||
<a-col :span="24">
|
||||
<a-button type="primary" @click="addTime" style="margin-bottom: 10px;">添加</a-button>
|
||||
<div class="timebox">
|
||||
<div class="timecell">
|
||||
<a-form-item v-for="(item,index) in modalForm.system_inquiry_time" :key="item.id" :field="`system_inquiry_time[${index}].start_time`" :rules="timerules" >
|
||||
<div class="timecell">
|
||||
<div class="timetitle" :hide-label="true"> 时间范围{{index+1}}：</div>
|
||||
<a-time-picker
|
||||
type="time-range"
|
||||
format="HH:mm"
|
||||
:default-value="[item.start_time, item.end_time]"
|
||||
@change="(valueString, value) =>changeTime(valueString,value,index)"
|
||||
style="width: 252px;" />
|
||||
<icon-minus-circle-fill style="color:red;font-size: 25px;margin-left: 5px;" @click="delTime(index)" v-if="modalForm.system_inquiry_time.length>1"/>
|
||||
</div>
|
||||
</a-form-item>
|
||||
</div>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<a-divider />
|
||||
</div>
|
||||
<div class="titlebox">
|
||||
<div class="bar"></div>
|
||||
<div class="name">问诊价格</div>
|
||||
</div>
|
||||
<a-row :gutter="24" style="margin-top: 35px">
|
||||
<a-col :span="12">
|
||||
<div class="priceRange" v-if="modalForm.inquiry_type == 1" style="width:460px">
|
||||
<div style="white-space:nowrap;margin-right: 10px;" class="pricestyle">价格范围:</div>
|
||||
<a-form-item
|
||||
field="min_inquiry_price"
|
||||
:hide-label="true"
|
||||
:rules="[{ required: true, message: '请输入最低问诊价格' }]"
|
||||
>
|
||||
|
||||
<a-input-number
|
||||
:min="0"
|
||||
:style="{ width: '180px' }"
|
||||
v-model="modalForm.min_inquiry_price"
|
||||
placeholder="输入最低问诊价格"
|
||||
|
||||
mode="button"
|
||||
/>
|
||||
</a-form-item>
|
||||
<span class="pricestyle"> ~ </span>
|
||||
<a-form-item field="max_inquiry_price"
|
||||
:hide-label="true" style="width:auto"
|
||||
:rules="[{ required: true, message: '请输入最高问诊价格' },{type:'number',min:modalForm.min_inquiry_price,message:'最高问诊价格不能小于最低价格'}]">
|
||||
<a-input-number
|
||||
:min="0"
|
||||
:style="{ width: '180px' }"
|
||||
v-model="modalForm.max_inquiry_price"
|
||||
placeholder="输入最高问诊价格"
|
||||
|
||||
mode="button"
|
||||
/>
|
||||
</a-form-item>
|
||||
</div>
|
||||
<a-form-item
|
||||
field="inquiry_price"
|
||||
:hide-label="true"
|
||||
v-if="modalForm.inquiry_type == 2 || modalForm.inquiry_type == 4"
|
||||
:rules="[{ required: true, message: '请输入问诊价格' }]"
|
||||
>
|
||||
<a-input-number
|
||||
:min="min"
|
||||
:style="{ width: '180px' }"
|
||||
v-model="modalForm.inquiry_price"
|
||||
placeholder="输入问诊价格"
|
||||
mode="button"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item
|
||||
field="temp_free_price"
|
||||
:hide-label="true"
|
||||
:rules="[
|
||||
{ type: 'array', minLength: 1, message: '请选择问诊价格' },
|
||||
]"
|
||||
v-if="modalForm.inquiry_type == 3"
|
||||
>
|
||||
<a-select
|
||||
v-model="modalForm.temp_free_price"
|
||||
placeholder="请选择问诊价格（多选）"
|
||||
multiple
|
||||
:style="{ width: '320px' }"
|
||||
>
|
||||
<a-option :value="item" v-for="item in inquiry_price_list">{{
|
||||
item
|
||||
}}</a-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-divider />
|
||||
<div class="titlebox">
|
||||
<div class="bar"></div>
|
||||
<div class="name">接诊数量</div>
|
||||
</div>
|
||||
<a-row :gutter="24" style="margin-top: 35px">
|
||||
<a-col :span="24">
|
||||
<a-form-item field="max_work_num_day" :hide-label="true">
|
||||
<a-space direction="vertical" size="large">
|
||||
<a-input-number
|
||||
mode="button"
|
||||
v-model="modalForm.max_work_num_day"
|
||||
:style="{ width: '180px' }"
|
||||
placeholder="请输入接诊数量"
|
||||
class="input-demo"
|
||||
:min="0"
|
||||
/>
|
||||
</a-space>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-divider />
|
||||
<div class="titlebox">
|
||||
<div class="bar"></div>
|
||||
<div class="name">沟通时长(分钟)</div>
|
||||
</div>
|
||||
<a-row :gutter="24" style="margin-top: 35px">
|
||||
<a-col :span="24">
|
||||
<a-form-item field="duration" :hide-label="true">
|
||||
<a-space direction="vertical" size="large">
|
||||
<a-input-number
|
||||
mode="button"
|
||||
v-model="modalForm.duration"
|
||||
:style="{ width: '180px' }"
|
||||
placeholder="请输入沟通时长"
|
||||
class="input-demo"
|
||||
:min="0"
|
||||
|
||||
/>
|
||||
</a-space>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-divider />
|
||||
<div class="titlebox">
|
||||
<div class="bar"></div>
|
||||
<div class="name">沟通次数(次)</div>
|
||||
</div>
|
||||
<a-row :gutter="24" style="margin-top: 35px">
|
||||
<a-col :span="24">
|
||||
<a-form-item field="times_number" :hide-label="true">
|
||||
<a-space direction="vertical" size="large">
|
||||
<a-input-number
|
||||
mode="button"
|
||||
v-model="modalForm.times_number"
|
||||
:style="{ width: '200px' }"
|
||||
placeholder="请输入沟通次数"
|
||||
class="input-demo"
|
||||
:min="0"
|
||||
/>
|
||||
</a-space>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-divider />
|
||||
</a-form>
|
||||
<div class="titlebox">
|
||||
<div class="bar"></div>
|
||||
<div class="name">操作</div>
|
||||
</div>
|
||||
<a-row :gutter="24" style="margin-top: 35px">
|
||||
<a-col :span="24">
|
||||
<a-form-item field="" label="" no-style>
|
||||
<a-space>
|
||||
<a-button type="primary" @click="handleSubmit">保存</a-button>
|
||||
</a-space>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-modal>
|
||||
</template>
|
||||
<script setup>
|
||||
import {
|
||||
ref,
|
||||
toRefs,
|
||||
watch,
|
||||
getCurrentInstance,
|
||||
reactive,
|
||||
} from 'vue';
|
||||
import {
|
||||
getSysconfigDetail,
|
||||
editSysconfig,
|
||||
} from '@/api/inquiry/sysconfig';
|
||||
import { formatDoctorTitle } from '@/utils/format';
|
||||
|
||||
const { proxy } = getCurrentInstance();
|
||||
const props = defineProps({
|
||||
// 是否显示
|
||||
modalVisible: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
inquiry_config_id: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
});
|
||||
const is_platform_deep_cooperation = ref(null);
|
||||
const timerules=[{
|
||||
validator: (value, cb) => {
|
||||
return new Promise(resolve => {
|
||||
window.setTimeout(() => {
|
||||
if (!value) {
|
||||
cb('请填写时间')
|
||||
}
|
||||
resolve()
|
||||
},300)
|
||||
})
|
||||
}
|
||||
}];
|
||||
const loading = ref(false);
|
||||
const title = ref('添加问诊配置');
|
||||
const modalForm = reactive({
|
||||
inquiry_mode: 1,
|
||||
inquiry_price:0,
|
||||
doctor_inquiry_time: [],
|
||||
is_enable: 1,
|
||||
temp_free_price:[],
|
||||
max_work_num_day:null,
|
||||
system_inquiry_time:[{
|
||||
start_time:'',
|
||||
end_time:'',
|
||||
id:new Date().getTime()
|
||||
}]
|
||||
});
|
||||
|
||||
const handleDetail = (id) => {
|
||||
getSysconfigDetail(id).then((data) => {
|
||||
if (data.code == 200) {
|
||||
let result = data.data;
|
||||
Object.assign(modalForm, result);
|
||||
if (result.inquiry_type == 1 || result.inquiry_type == 3) {
|
||||
toggleType.value = true;
|
||||
} else {
|
||||
toggleType.value = false;
|
||||
}
|
||||
|
||||
if(result.inquiry_type == 3){
|
||||
modalForm.temp_free_price=result.inquiry_price.split(",").map((item)=>{
|
||||
return Number(item)
|
||||
})
|
||||
for (let i = 0; i < 51; i++) {
|
||||
inquiry_price_list.value.push(i)
|
||||
|
||||
}
|
||||
}
|
||||
if (result.inquiry_type == 2 || result.inquiry_type == 4 ) {
|
||||
modalForm.inquiry_price = Number(result.inquiry_price);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
});
|
||||
};
|
||||
watch(
|
||||
() => props.inquiry_config_id,
|
||||
(newVal, oldValval) => {
|
||||
if (newVal) {
|
||||
title.value = '修改系统问诊配置';
|
||||
handleDetail(newVal);
|
||||
}
|
||||
},
|
||||
{ immediate: true }
|
||||
);
|
||||
const locale = ref('');
|
||||
const toggleType = ref(true);
|
||||
const { modalVisible, inquiry_config_id } = toRefs(props);
|
||||
const emits = defineEmits(['familyVisibleChange', 'freshList']);
|
||||
// Rules
|
||||
let rules = reactive({
|
||||
inquiry_type: [{ required: true, message: '请选择问诊类型' }],
|
||||
work_num_day: [{ required: true, message: '请输入每日接诊数量' }],
|
||||
duration: [{ required: true, message: '请输入沟通时长' }],
|
||||
times_number: [{ required: true, message: '请输入沟通次数' }],
|
||||
|
||||
});
|
||||
|
||||
const changeDoctor = (value) => {
|
||||
let cur = doctorData.value.filter((item) => item.doctor_id == value);
|
||||
if (cur && cur.lenght == 1) {
|
||||
is_platform_deep_cooperation.value = cur[0].is_platform_deep_cooperation;
|
||||
}
|
||||
};
|
||||
const slect_all_date = ref([]);
|
||||
|
||||
|
||||
const addTime = () => {
|
||||
modalForm.inquiry_price_listsystem_inquiry_time.push({
|
||||
start_time:'',
|
||||
id:new Date().getTime(),
|
||||
end_time:''})
|
||||
};
|
||||
const delTime=(index)=>{
|
||||
modalForm.system_inquiry_time.splice(index,1)
|
||||
}
|
||||
|
||||
//最小价格
|
||||
const min = ref(0);
|
||||
|
||||
const changeTime = (timeString,time,index) => {
|
||||
if(timeString){
|
||||
modalForm.system_inquiry_time[index].start_time=timeString[0];
|
||||
modalForm.system_inquiry_time[index].end_time=timeString[1];
|
||||
}else{
|
||||
modalForm.system_inquiry_time[index].start_time='';
|
||||
modalForm.system_inquiry_time[index].end_time=='';
|
||||
}
|
||||
};
|
||||
|
||||
const changeType = (value) => {
|
||||
if (value == 1 || value == 3) {
|
||||
toggleType.value = true;
|
||||
} else {
|
||||
toggleType.value = false;
|
||||
}
|
||||
modalForm.inquiry_price = null;
|
||||
//切换重新验证
|
||||
proxy.$refs.modalFormRefConfig.clearValidate();
|
||||
};
|
||||
const inquiry_price_list = ref([]);
|
||||
|
||||
// Akiraka 20230210 关闭弹窗
|
||||
const handleClose = () => {
|
||||
proxy.$refs.modalFormRefConfig.resetFields();
|
||||
emits('familyVisibleChange', false);
|
||||
};
|
||||
const handleSubmit = () => {
|
||||
proxy.$refs.modalFormRefConfig.validate(async (valid) => {
|
||||
if (!valid) {
|
||||
if(modalForm.inquiry_type==3){
|
||||
modalForm.inquiry_price=modalForm.temp_free_price.join(',')
|
||||
}else if(modalForm.inquiry_type==2 || modalForm.inquiry_type==4){
|
||||
modalForm.inquiry_price=String(modalForm.inquiry_price)
|
||||
}
|
||||
const {data,code}=await editSysconfig(modalForm, props.inquiry_config_id);
|
||||
if (code == 200) {
|
||||
proxy.$message.success('修改成功')
|
||||
emits('freshList', '');
|
||||
}
|
||||
handleClose();
|
||||
} else {
|
||||
console.log(valid);
|
||||
proxy.$message.error('表单校验失败');
|
||||
//done(false);
|
||||
}
|
||||
});
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.tag {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.tag:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.priceRange{
|
||||
display: flex;
|
||||
height: 32px;
|
||||
vertical-align: middle;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
.pricestyle{
|
||||
margin-bottom: 20px;
|
||||
height: 32px;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
.arco-form-item-layout-horizontal:first-child,
|
||||
.arco-form-item-layout-horizontal:nth-child(2) {
|
||||
align-items: center;
|
||||
}
|
||||
.cellbox {
|
||||
margin-top: 35px;
|
||||
}
|
||||
.cellbox .cell {
|
||||
width: 50%;
|
||||
border-bottom: 1px dashed #efefef;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.cellbox .cell:first-child {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.cert .arco-form-item-label-col {
|
||||
flex: 0 0 8px !important;
|
||||
}
|
||||
.timecon {
|
||||
display: flex;
|
||||
width: 1000px;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.timecell{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 15px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.timebox{
|
||||
display: flex;
|
||||
|
||||
}
|
||||
</style>
|
||||
@ -894,7 +894,7 @@ const modalForm = reactive({
|
||||
//获取oss签名
|
||||
const getOssSign = async (scene, File) => {
|
||||
const { data, code, message } = await ossSign({
|
||||
user_type: 4,
|
||||
user_type: 2,
|
||||
scene,
|
||||
});
|
||||
if (code == 200) {
|
||||
|
||||
@ -63,7 +63,7 @@
|
||||
const getOssSign = async (scene, File) => {
|
||||
proxy.$loading.show();
|
||||
const { data, code, message } = await ossSign({
|
||||
user_type: 4,
|
||||
user_type: 2,
|
||||
scene,
|
||||
});
|
||||
if (code == 200) {
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<template v-for="menu in props.menuList" :key="menu.menu_id">
|
||||
<a-sub-menu
|
||||
v-if="menu.parent_id==0"
|
||||
v-if="menu.menu_type== 1 && menu.children"
|
||||
:key="menu.path"
|
||||
>
|
||||
<template #icon>
|
||||
@ -11,7 +11,7 @@
|
||||
<sub-menu :menuList="menu.children" />
|
||||
</a-sub-menu>
|
||||
<a-menu-item
|
||||
v-if="menu.parent_id!=0 && isRouteParams(menu.path)"
|
||||
v-if="menu.menu_type== 2 && isRouteParams(menu.path)"
|
||||
:key="menu.path"
|
||||
>{{ menu.menu_title }}</a-menu-item>
|
||||
</template>
|
||||
|
||||
@ -97,4 +97,14 @@ export const formatRelation=(val)=>{
|
||||
}else{
|
||||
return ''
|
||||
}
|
||||
};
|
||||
|
||||
export const formatMode=(val)=>{
|
||||
//1:图文 2:视频 3:语音 4:电话 5:会员
|
||||
let data={1:'图文',2:'视频', 3:'语音', 4:'电话',5:'会员'}
|
||||
if(val){
|
||||
return data[val]
|
||||
}else{
|
||||
return ''
|
||||
}
|
||||
};
|
||||
@ -84,7 +84,7 @@
|
||||
</template>
|
||||
</a-table>
|
||||
|
||||
<addInquiryConfigModal :modalVisible="modalVisible" :modalForm="modalForm" @familyVisibleChange="()=>{modalVisible=false}"></addInquiryConfigModal>
|
||||
<addInquiryConfigModal :modalVisible="modalVisible" :inquiry_config_id="inquiry_config_id" :modalForm="modalForm" @freshList="getInquiryInfo(pager);" @familyVisibleChange="()=>{modalVisible=false;inquiry_config_id='';}"></addInquiryConfigModal>
|
||||
<!-- Akiraka 20230223 删除与批量删除 开始 -->
|
||||
<!-- <DeleteModal :data="deleteData" :visible="deleteVisible" :apiDelete="removeFamily"
|
||||
@deleteVisibleChange="() => deleteVisible = false" /> -->
|
||||
@ -101,7 +101,7 @@
|
||||
|
||||
<script setup>
|
||||
import { reactive, ref, getCurrentInstance, onMounted, nextTick, watch, computed } from 'vue';
|
||||
import { getInquiryconfigList,getInquiryconfigDetail} from '@/api/inquiry/config';
|
||||
import { getInquiryconfigList} from '@/api/inquiry/config';
|
||||
import {formatDoctorTitle,formatInquiryType,formatMultipoint} from "@/utils/format"
|
||||
|
||||
// Akiraka 20230210 删除数据
|
||||
@ -110,7 +110,7 @@
|
||||
const deleteVisible = ref(false)
|
||||
// Akiraka 20230210 监听删除事件
|
||||
const okVisible = ref(false);
|
||||
|
||||
const inquiry_config_id=ref("");
|
||||
watch(() => deleteVisible.value, (value) => {
|
||||
if (value == false) {
|
||||
getInquiryInfo(pager);
|
||||
@ -184,39 +184,13 @@
|
||||
// 新增Satus
|
||||
const handleAdd = () => {
|
||||
modalVisible.value = true;
|
||||
modalTitle.value = '新增患者';
|
||||
modalSatus.value = 'add';
|
||||
modalForm.patient_id = null;
|
||||
inquiry_config_id.value='';
|
||||
};
|
||||
|
||||
//详情
|
||||
const handleDetail = async (record) => {
|
||||
const { code, data, message } = await getInquiryconfigDetail(record.family_id);
|
||||
|
||||
if (code == 200) {
|
||||
Object.assign(modalForm, data);
|
||||
modalVisible.value = true;
|
||||
}
|
||||
};
|
||||
// 批量删除
|
||||
const handleBatchDelete = () => {
|
||||
if (batchList.length !== 0) {
|
||||
proxy.$modal.warning({
|
||||
title: '提示',
|
||||
content: '是否批量删除以下选中的数据？',
|
||||
hideCancel: false,
|
||||
onOk: async () => {
|
||||
const res = await removeFamily({ ids: batchList });
|
||||
proxy.$message.success(res.message);
|
||||
getInquiryInfo(pager);
|
||||
},
|
||||
onCancel: () => {
|
||||
proxy.$message.info('已取消批量删除数据');
|
||||
},
|
||||
});
|
||||
} else {
|
||||
proxy.$message.error('请勾选需要删除的数据！');
|
||||
}
|
||||
inquiry_config_id.value=record.inquiry_config_id;
|
||||
modalVisible.value = true;
|
||||
};
|
||||
|
||||
/**
|
||||
|
||||
343
src/views/inquiry/sysconfig-list/index.vue
Normal file
343
src/views/inquiry/sysconfig-list/index.vue
Normal file
@ -0,0 +1,343 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<a-form :model="queryForm" ref="queryFormRef" layout="inline">
|
||||
|
||||
<a-form-item field="inquiry_type" label="问诊类型">
|
||||
<a-select v-model="queryForm.inquiry_type" placeholder="请选择服务类型" :style="{ width: '182px' }">
|
||||
<!-- 1:专家问诊 2:快速问诊 3:公益问诊 4:问诊购药 -->
|
||||
<a-option :value="1">专家问诊</a-option>
|
||||
<a-option :value="2">快速问诊</a-option>
|
||||
<a-option :value="3">公益问诊</a-option>
|
||||
<a-option :value="4">问诊购药</a-option>
|
||||
</a-select>
|
||||
|
||||
</a-form-item>
|
||||
<a-form-item field="is_enable" label="接诊方式">
|
||||
<a-select v-model="queryForm.inquiry_mode" placeholder="请选择接诊方式" :style="{ width: '182px' }">
|
||||
<a-option :value="1">图文</a-option>
|
||||
<a-option :value="2">视频</a-option>
|
||||
<a-option :value="3">语音</a-option>
|
||||
<a-option :value="4">电话</a-option>
|
||||
<a-option :value="5">会员</a-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
|
||||
<a-form-item>
|
||||
<a-space>
|
||||
<a-button type="primary" @click="handleQuery"><icon-search /> 搜索</a-button>
|
||||
<a-button @click="handleResetQuery"><icon-loop /> 重置</a-button>
|
||||
</a-space>
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
|
||||
<a-divider />
|
||||
|
||||
<!-- action -->
|
||||
<!-- <div class="action">
|
||||
<a-space>
|
||||
<a-button v-has="'admin:sysFamilyList:add'" type="primary" @click="handleAdd"><icon-plus /> 新增 </a-button>
|
||||
<a-button v-has="'admin:sysFamilyList:remove'" type="primary" status="danger"><icon-delete /> 批量删除 </a-button>
|
||||
</a-space>
|
||||
</div> -->
|
||||
|
||||
<!-- table -->
|
||||
<a-table :columns="columns" :data="tableData"
|
||||
:scroll="{ x: 1400 }"
|
||||
:row-selection="{ type: 'checkbox', showCheckedAll: true }"
|
||||
:pagination="{ 'show-total': true, 'show-jumper': true, 'show-page-size': true, total: pager.total, current: currentPage }"
|
||||
row-key="doctor_id" @selection-change="(selection) => {deleteData = selection;console.log(selection)}"
|
||||
@page-change="handlePageChange" @page-size-change="handlepage_sizeChange">
|
||||
<template #doctor_id="{record,rowIndex}">
|
||||
<div>{{(rowIndex+1)+(pager.page-1)*10}}</div>
|
||||
</template>
|
||||
<template #inquiry_mode="{ record }">
|
||||
<div>{{ formatMode(record.inquiry_mode) }}</div>
|
||||
</template>
|
||||
<template #inquiry_price="{ record }">
|
||||
<div v-if="record.inquiry_price">{{ record.inquiry_price}}</div>
|
||||
</template>
|
||||
|
||||
<template #inquiry_type="{record}">
|
||||
<div>{{ formatInquiryType(record.inquiry_type) }}</div>
|
||||
</template>
|
||||
<template #times_number="{record}">
|
||||
<div v-if="record.times_number==0" >不限次数</div>
|
||||
<div v-else>{{record.times_number}}次</div>
|
||||
</template>
|
||||
<template #duration="{record}">
|
||||
<div v-if="record.duration==0" >不限时长</div>
|
||||
<div v-else-if="record.duration>0 && record.duration<60">{{record.duration}}分钟</div>
|
||||
<div v-else-if="record.duration>=60">{{record.duration/60}}小时</div>
|
||||
</template>
|
||||
|
||||
<template #action="{ record }">
|
||||
<a-space>
|
||||
<a-button v-has="'admin:sysFamilyList:detail'" type="text"
|
||||
@click="handleDetail(record)"><icon-edit />修改</a-button>
|
||||
<!-- <a-button v-has="'admin:sysFamilyList:edit'" type="text" @click="handleUpdate(record)"><icon-edit />
|
||||
修改</a-button> -->
|
||||
<!-- <a-button v-has="'admin:sysFamilyList:remove'" type="text"
|
||||
@click="() => { deleteVisible = true; deleteData = [record.doctor_id]; }"><icon-delete /> 删除</a-button> -->
|
||||
</a-space>
|
||||
</template>
|
||||
</a-table>
|
||||
|
||||
|
||||
<addSysconfigModal :modalVisible="modalVisible" :inquiry_config_id="inquiry_config_id" :modalForm="modalForm" @freshList="getInquiryInfo(pager);" @familyVisibleChange="()=>{modalVisible=false;inquiry_config_id='';}"></addSysconfigModal>
|
||||
<!-- Akiraka 20230223 删除与批量删除 开始 -->
|
||||
<!-- <DeleteModal :data="deleteData" :visible="deleteVisible" :apiDelete="removeFamily"
|
||||
@deleteVisibleChange="() => deleteVisible = false" /> -->
|
||||
<!-- Akiraka 20230223 删除与批量删除 结束 -->
|
||||
<a-modal v-model:visible="okVisible" :modal-style="{width:'320px'}" body-class="okmodal"
|
||||
@cancel="()=>okVisible=false">
|
||||
<template #title>
|
||||
提示
|
||||
</template>
|
||||
<div>确定保存当前信息？</div>
|
||||
</a-modal>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { reactive, ref, getCurrentInstance, onMounted, nextTick, watch, computed } from 'vue';
|
||||
import { getSysconfigList} from '@/api/inquiry/sysconfig';
|
||||
import {formatMode,formatInquiryType} from "@/utils/format"
|
||||
|
||||
// Akiraka 20230210 删除数据
|
||||
const deleteData = ref([])
|
||||
// Akiraka 20230210 删除对话框
|
||||
const deleteVisible = ref(false)
|
||||
// Akiraka 20230210 监听删除事件
|
||||
const okVisible = ref(false);
|
||||
const inquiry_config_id=ref("");
|
||||
watch(() => deleteVisible.value, (value) => {
|
||||
if (value == false) {
|
||||
getInquiryInfo(pager);
|
||||
}
|
||||
});
|
||||
|
||||
const file = ref();
|
||||
const { proxy } = getCurrentInstance();
|
||||
const currentPage = ref(1);
|
||||
const family_data=ref([]);
|
||||
const family_columns=ref([{
|
||||
title: '编号',
|
||||
dataIndex: 'code',
|
||||
slotName:'code'
|
||||
},{
|
||||
title: '就诊人姓名',
|
||||
dataIndex: 'card_name_mask',
|
||||
},{
|
||||
title: '身份证号',
|
||||
dataIndex: 'id_number_mask',
|
||||
},{
|
||||
title: '与账号关系',
|
||||
dataIndex: 'relation',
|
||||
slotName:'relation'
|
||||
},{
|
||||
title: '添加时间',
|
||||
dataIndex: 'created_at',
|
||||
slotName:'created_at'
|
||||
}, { title: '操作', slotName: 'action'}])
|
||||
// Pager
|
||||
const pager = {
|
||||
total: 0,
|
||||
page: 1,
|
||||
page_size: 10,
|
||||
};
|
||||
// form
|
||||
const queryForm = reactive({
|
||||
|
||||
});
|
||||
const modalForm = reactive({
|
||||
user:{},
|
||||
avatar: 'https://img.applets.igandanyiyuan.com/basic/file/patient_avatar.png',
|
||||
|
||||
});
|
||||
// Modal
|
||||
const modalVisible = ref(false);
|
||||
const modalTitle = ref('默认标题');
|
||||
|
||||
// Batch Del List
|
||||
let batchList = [];
|
||||
|
||||
// Table Columns
|
||||
const columns = [
|
||||
{ title: '编号', dataIndex: 'doctor_id', slotName: 'doctor_id', width: '90' },
|
||||
{
|
||||
title: '问诊类型',
|
||||
dataIndex: 'inquiry_type',
|
||||
slotName:'inquiry_type'
|
||||
},{
|
||||
title: '接诊方式',
|
||||
dataIndex: 'inquiry_mode',
|
||||
slotName:'inquiry_mode'
|
||||
},{
|
||||
title: '接诊价格',
|
||||
dataIndex: 'inquiry_price',
|
||||
slotName:'inquiry_price'
|
||||
},
|
||||
{
|
||||
title: '最高接诊价格',
|
||||
dataIndex: 'max_inquiry_price',
|
||||
slotName:'max_inquiry_price'
|
||||
},
|
||||
{
|
||||
title: '最低接诊价格',
|
||||
dataIndex: 'min_inquiry_price',
|
||||
slotName:'min_inquiry_price'
|
||||
},
|
||||
{
|
||||
title: '沟通次数',
|
||||
dataIndex: 'times_number',
|
||||
slotName:'times_number'
|
||||
},
|
||||
{
|
||||
title: '沟通时长',
|
||||
dataIndex: 'duration',
|
||||
slotName:'duration'
|
||||
},
|
||||
{ title: '操作', slotName: 'action', fixed: "right", width: 150 }]
|
||||
|
||||
// Table Data
|
||||
const tableData = ref([]);
|
||||
//弹框状态
|
||||
const modalSatus = ref('add');
|
||||
|
||||
// 新增Satus
|
||||
const handleAdd = () => {
|
||||
modalVisible.value = true;
|
||||
inquiry_config_id.value='';
|
||||
};
|
||||
|
||||
//详情
|
||||
const handleDetail = async (record) => {
|
||||
inquiry_config_id.value=record.system_inquiry_config_id;
|
||||
modalVisible.value = true;
|
||||
};
|
||||
|
||||
/**
|
||||
* 分页改变
|
||||
* @param {Number} [page]
|
||||
*/
|
||||
const handlePageChange = (page) => {
|
||||
pager.page = page;
|
||||
|
||||
// 修改当前页码
|
||||
currentPage.value = page;
|
||||
getInquiryInfo({ ...pager, ...queryForm });
|
||||
};
|
||||
|
||||
// 每页数据量
|
||||
const handlepage_sizeChange = (page_size) => {
|
||||
pager.page_size = page_size;
|
||||
getInquiryInfo({ ...pager, ...queryForm });
|
||||
};
|
||||
|
||||
// 获取患者信息
|
||||
const getInquiryInfo = async (params = {}) => {
|
||||
const { data, code, message } = await getSysconfigList(params);
|
||||
if (code == 200) {
|
||||
tableData.value = data.data;
|
||||
Object.assign(pager, { total: data.total, page: data.page, page_size: data.page_size });
|
||||
}
|
||||
};
|
||||
|
||||
// 查询患者信息
|
||||
const handleQuery = async () => {
|
||||
pager.page = 1;
|
||||
const params = {
|
||||
page: pager.page,
|
||||
page_size: pager.page_size,
|
||||
...queryForm,
|
||||
};
|
||||
|
||||
getInquiryInfo(params);
|
||||
};
|
||||
|
||||
// 重置搜索
|
||||
const handleResetQuery = () => {
|
||||
proxy.$refs.queryFormRef.resetFields();
|
||||
getInquiryInfo(queryForm);
|
||||
}
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
getInquiryInfo(pager);
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.action {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.okmodal div {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hospital_name {
|
||||
width: 140px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.headImg {
|
||||
margin-right: 20px;
|
||||
border-radius: 50%;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.arco-form-item-layout-horizontal:first-child,
|
||||
.arco-form-item-layout-horizontal:nth-child(2) {
|
||||
align-items: center;
|
||||
}
|
||||
.cellbox{
|
||||
margin-top: 35px;
|
||||
}
|
||||
.cellbox .cell{
|
||||
width:50%;
|
||||
border-bottom:1px dashed #efefef;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.cellbox .cell:first-child{
|
||||
border: none;
|
||||
}
|
||||
.cell{
|
||||
.arco-form-item{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
.box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.cert .arco-form-item-label-col {
|
||||
flex: 0 0 8px !important;
|
||||
}
|
||||
|
||||
.red {
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
font-size: 14px;
|
||||
color: red;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.cardNum {
|
||||
width: 148px;
|
||||
}
|
||||
.codbox{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.reason{
|
||||
width:250px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
</style>
|
||||
Loading…
x
Reference in New Issue
Block a user