From d51aaa37913178bd606c671186a9ab1d2f64ed76 Mon Sep 17 00:00:00 2001
From: zq <136432190602163.com>
Date: Wed, 5 Nov 2025 18:00:16 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=87=BA=E8=AF=8A=E6=97=A5?=
 =?UTF-8?q?=E5=8E=86=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/HosInformation.vue | 792 ++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 709 insertions(+), 83 deletions(-)

diff --git a/src/views/HosInformation.vue b/src/views/HosInformation.vue
index c3c639a..284da6d 100644
--- a/src/views/HosInformation.vue
+++ b/src/views/HosInformation.vue
@@ -153,7 +153,8 @@
             <el-form>
                 <div class="mb32 flex gap12">
                     <span class="littleTitle">线上收款</span>
-                    <GuipSwitch :value="onLinePay" ref="hasOnlinePayRef" :active-value="1" :inactive-value="0" :disabled="!wxpayList.length" @change="onLineChange"></GuipSwitch>
+                    <GuipSwitch :value="onLinePay" ref="hasOnlinePayRef" :active-value="1" :inactive-value="0"
+                        :disabled="!wxpayList.length" @change="onLineChange"></GuipSwitch>
                     <span v-if="!onLinePay" class="tipInfo">未绑定微信收款方式，无法开启线上收款</span>
                     <span v-if="!onLinePay == 1"> {{ onLinePay == 1 ? '开启' : '' }}</span>
                 </div>
@@ -196,8 +197,7 @@
                                             <p>{{ item.appid }}</p>
                                         </div>
                                         <div class="right">
-                                            <img v-if="item.is_bind"
-                                                src="@/assets/drop-selected.svg" alt="">
+                                            <img v-if="item.is_bind" src="@/assets/drop-selected.svg" alt="">
                                         </div>
                                     </div>
                                 </template>
@@ -218,8 +218,9 @@
                             <CustomDropdown slot="formDom" width="100%" :options="alipayList"
                                 :options_null="!alipayList.length" @change="changeSelectAlipay">
                                 <template #trigger>
-                                    <span v-if="selectAlipay && (selectAlipay.company_short_name || selectAlipay.appid)">{{
-                                        selectAlipay.company_short_name }} {{ selectAlipay.appid }}</span>
+                                    <span
+                                        v-if="selectAlipay && (selectAlipay.company_short_name || selectAlipay.appid)">{{
+                                            selectAlipay.company_short_name }} {{ selectAlipay.appid }}</span>
                                     <span v-else-if="alipayList.length === 0">非必须绑定项</span>
                                     <span v-else>未绑定支付宝收款</span>
                                 </template>
@@ -244,8 +245,7 @@
                                             <p>{{ item.appid }}</p>
                                         </div>
                                         <div class="right">
-                                            <img v-if="item.is_bind"
-                                                src="@/assets/drop-selected.svg" alt="">
+                                            <img v-if="item.is_bind" src="@/assets/drop-selected.svg" alt="">
                                         </div>
                                     </div>
                                 </template>
@@ -259,15 +259,16 @@
             <el-form>
                 <div class="mb32 flex gap12">
                     <span class="littleTitle">收挂号费</span>
-                    <GuipSwitch :value="hasVisitFee" ref="hasVisitFeeRef" :active-value="1" :inactive-value="0" @change="onVisitFeeChange"></GuipSwitch>
-                    <span class="desc">患者在小程序预约时，{{hasVisitFee == 1?'':'不'}}需缴纳挂号费</span>
+                    <GuipSwitch :value="hasVisitFee" ref="hasVisitFeeRef" :active-value="1" :inactive-value="0"
+                        @change="onVisitFeeChange"></GuipSwitch>
+                    <span class="desc">患者在小程序预约时，{{ hasVisitFee == 1 ? '' : '不' }}需缴纳挂号费</span>
                 </div>
                 <div class="bidwrap-item">
                     <div class="biditemMast mb12 flex-between">
                         <div class="bidwrap-item-top flex">
                             <div class="top-right column">
                                 <p>设置挂号费金额</p>
-                                <p class="desc" v-if="registerMoney">{{registerMoney}}元/人</p>
+                                <p class="desc" v-if="registerMoney">{{ registerMoney }}元/人</p>
                             </div>
                         </div>
                         <div class="flex" v-if="registerMoney">
@@ -277,8 +278,7 @@
                         </div>
                         <div class="flex" v-else>
                             <span :class="'notSet'">未设置</span>
-                            <GuipButton type="system"
-                                :btnstyle="{ width: '126px', height: '38px' }"
+                            <GuipButton type="system" :btnstyle="{ width: '126px', height: '38px' }"
                                 @click="showDialog('register')">立即设置</GuipButton>
                         </div>
                     </div>
@@ -286,7 +286,8 @@
                         <div class="bidwrap-item-top flex">
                             <div class="top-right column">
                                 <p>免挂号费规则</p>
-                                <p class="desc" v-if="againVisitFreeDays && hasAgainVisitFreeDays">患者{{againVisitFreeDays}}天内再次就诊、患者有剩余治疗项目，免收挂号费</p>
+                                <p class="desc" v-if="againVisitFreeDays && hasAgainVisitFreeDays">
+                                    患者{{ againVisitFreeDays }}天内再次就诊、患者有剩余治疗项目，免收挂号费</p>
                             </div>
                         </div>
                         <div class="flex" v-if="hasFreeRegisterRule">
@@ -296,8 +297,7 @@
                         </div>
                         <div class="flex" v-else>
                             <span :class="'notSet'">未设置</span>
-                            <GuipButton type="system"
-                                :btnstyle="{ width: '126px', height: '38px' }"
+                            <GuipButton type="system" :btnstyle="{ width: '126px', height: '38px' }"
                                 @click="showDialog('registerRule')">立即设置</GuipButton>
                         </div>
                     </div>
@@ -305,6 +305,107 @@
             </el-form>
         </div>
 
+        <div class="siteMessage flex-common mt12" id="siteMessage9">
+            <div class="littleTitle mb12">出诊日历预览</div>
+            <PromptText text='不同色块代表不同的医院，点击日期，可临时调整当天出诊时间。' :type="1" class="mb24" />
+            <div class="custom-calendar-header">
+                <div class="header-left">
+                    <span class="month-text">{{ formatMonth(currentDay) }}</span>
+                    <span v-if="isCurrentMonth(currentDay)" class="current-month-badge">（本月）</span>
+                    <span class="header-tip">1年内有28天出诊医院重合，请检查——点击可查看</span>
+                </div>
+                <div class="header-right">
+                    <el-button-group>
+                        <el-button size="mini" @click="goToday">今天</el-button>
+                        <el-button size="mini" @click="prevMonth">上个月</el-button>
+                        <el-button size="mini" @click="nextMonth">下个月</el-button>
+                    </el-button-group>
+                </div>
+            </div>
+            <div class="flex hosColorType" v-if="hosList.length > 1">
+                <div class="flex gap12" v-for="(item, index) in hosList" :key="index">
+                    <span class="color-tag" :style="{ backgroundColor: colorPalette[index] }"></span>
+                    <span>{{ item.hospital_name }}</span>
+                </div>
+            </div>
+            <div class="calendar-container">
+                <el-calendar v-model="currentDay" :first-day-of-week="7">
+                    <!-- 不生效呢 先注释了 -->
+                    <!-- <template slot="header" slot-scope="{ date }">
+                        <div class="custom-header">
+                            <div class="header-left">
+                                <span class="month-text">{{ formatMonth(date) }}111</span>
+                                <span v-if="isCurrentMonth(date)" class="current-month-badge">本月</span>
+                            </div>
+                            <div class="header-right">
+                                <el-button-group>
+                                    <el-button size="mini" @click="goToday">今天</el-button>
+                                    <el-button size="mini" @click="prevMonth">上个00月</el-button>
+                                    <el-button size="mini" @click="nextMonth">下个月</el-button>
+                                </el-button-group>
+                            </div>
+                        </div>
+                    </template> -->
+
+                    <template slot="dateCell" slot-scope="{date, data}">
+                        <el-tooltip placement="bottom" :disabled="hosList.length == 1" v-if="getDateSchedule(data.day)"
+                            popper-class="schedule-tooltip">
+                            <!-- getDateCellClass 控制单独医院 的类名-->
+                            <div class="calendar-date" :class="hosList.length == 1 ? getDateCellClass(data.day) : ''">
+                                <div class="date-header flex-between">
+                                    <div class="flex">
+                                        <span class="date-text">{{ getDayNumber(data.day) }}</span>
+                                        <span v-if="isToday(data.day)" class="today-badge">今</span>
+                                    </div>
+                                    <div class="adjust" v-if="true">临时调整</div>
+                                </div>
+
+                                <!-- 医院排班信息 -->
+                                <div class="schedule-content">
+                                    <template>
+                                        <!-- 动态渲染班次类型 -->
+                                        <div v-for="(shiftType, key) in plantype" :key="key">
+                                            <div v-if="key !== '0' && getDateSchedule(data.day)[key]"
+                                                class="schedule-item">
+                                                <span class="shift-type">{{ shiftType }}</span>
+                                                <div class="hospital-tags" v-if="hosList.length > 1">
+                                                    <span v-for="hospital in getDateSchedule(data.day)[key]"
+                                                        :key="hospital.hid" class="color-tag"
+                                                        :style="{ backgroundColor: getHospitalColor(hospital.hid, date) }"></span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </template>
+                                </div>
+                            </div>
+                            <div slot="content" class="tooltip-content">
+                                <!-- v-if="key !== '0' && getDateSchedule(data.day)[key] && getDateSchedule(data.day)[key].length > 0" -->
+                                <div v-for="(shiftType, key) in plantype" :key="key">
+                                    <div v-for="hospital in getDateSchedule(data.day)[key]" :key="hospital.hid"
+                                        class="hospital-item">
+                                        <div class="hospital-info">
+                                            <span class="color-tag tooltip-tag"
+                                                :style="{ backgroundColor: getHospitalColor(hospital.hid) }"></span>
+                                            <span class="hospital-name">{{ hospital.hospital_name }}</span>
+                                        </div>
+                                        <div class="work-time">{{ hospital.workTime }}</div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </el-tooltip>
+                        <div v-else class="calendar-date">
+                            <div class="date-header">
+                                <div class="flex gap12">
+                                    <span class="date-text">{{ getDayNumber(data.day) }}</span>
+                                    <span v-if="isToday(data.day)" class="today-badge">今</span>
+                                </div>
+                            </div>
+                        </div>
+                    </template>
+                </el-calendar>
+            </div>
+        </div>
         <!-- <p class="pageTitle bold">项目管理</p> -->
         <div class="siteMessage flex-common mt12" id="siteMessage4">
             <el-form>
@@ -337,7 +438,8 @@
                                 @click="selectTag('all')">
                                 全部分类</div>
                             <div :class="['tab-item point', projectSearchId == item.id ? 'active' : '']"
-                                @click="selectTag(item)" v-for="item in projectTagData" :key="item.name">{{ item.name }}
+                                @click="selectTag(item)" v-for="item in projectTagData" :key="item.name">{{
+                                item.name }}
                             </div>
                         </div>
                     </div>
@@ -458,20 +560,26 @@
         </div>
 
         <GuipDialog :dialogVisible="registrationVisible" title="设置挂号费金额" :show-close-button="false" width="599px"
-            :show-cancel-button="true" @confirm="handleRegisterConfirm('registerMoney')" @cancel="handleregisterCancel" ref="visitFee">
+            :show-cancel-button="true" @confirm="handleRegisterConfirm('registerMoney')" @cancel="handleregisterCancel"
+            ref="visitFee">
             <el-form>
-                <GuipInput v-model="registerMoney" ref="registerMoney" class="registerMoney" placeholder="请输入" unit="元/人"></GuipInput>
+                <GuipInput v-model="registerMoney" ref="registerMoney" class="registerMoney" placeholder="请输入"
+                    unit="元/人">
+                </GuipInput>
             </el-form>
         </GuipDialog>
         <!-- freeRegVisible -->
         <GuipDialog :dialogVisible="freeRegVisible" title="免挂号费规则" :show-close-button="false" width="599px"
-            :show-cancel-button="true" @confirm="handleRegisterConfirm('freeRegVisible')" @cancel="handleregisterCancel" >
+            :show-cancel-button="true" @confirm="handleRegisterConfirm('freeRegVisible')"
+            @cancel="handleregisterCancel">
             <p class="freeDesc">若勾选多个规则，满足其一即免挂号费</p>
             <el-form class="freeWrap">
                 <div class="flex gap8 mb24 mt24">
                     <el-checkbox v-model="hasAgainVisitFreeDays" :true-label="1" :false-label="0"></el-checkbox>
                     患者
-                    <GuipInput v-model="againVisitFreeDays" type="number" width="92px" placeholder="请输入"></GuipInput>天内再次就诊，免挂号费
+                    <GuipInput v-model="againVisitFreeDays" type="number" width="92px" placeholder="请输入">
+                    </GuipInput>
+                    天内再次就诊，免挂号费
                 </div>
                 <p class="flex gap8">
                     <el-checkbox v-model="hasRemainVisitFree" :true-label="1" :false-label="0"></el-checkbox>
@@ -502,6 +610,7 @@
 </template>
 <script>
 import GuipFormItem from '@/components/GuipFormItem.vue';
+import PromptText from '@/components/PromptText.vue';
 import BatchProject from '@/components/BatchProject.vue';
 import store from '@/store';
 import GuipButton from '@/components/GuipButton.vue';
@@ -519,6 +628,100 @@ import { mapState } from 'vuex';
 import { Object } from 'core-js';
 const PAY_TYPE_WEIXIN = 2;    // 微信
 const PAY_TYPE_ALIPAY = 3;    // 支付宝
+
+// 查看多医院的效果 把hosList 和  calendarList 注释了的放开
+// 医院信息
+const hosList = [
+    {
+        hid: 4,
+        hospital_name: "北京中医药大学国医堂22",
+    },
+    // {
+    //     hid: 5,
+    //     hospital_name: "北京中医药国医堂",
+    // },
+    // {
+    //     hid: 6,
+    //     hospital_name: "北京国医堂22",
+    // },
+];
+// 医院排班信息
+const calendarList = {
+    '2025-11-06': {
+        // 0: [
+        //     {
+        //         hid: 5,
+        //         hospital_name: "北京中医药",
+        //     },
+        //     {
+        //         hid: 6,
+        //         hospital_name: "北京中医堂22",
+        //     },
+        // ],
+        3: [
+            {
+                hid: 4,
+                hospital_name: "北京中医药大学国医堂22",
+                workTime: '8:00-17:00 (全天班)'
+            }
+        ],
+
+    },
+    '2025-11-07': {
+        // 1: [
+        //     {
+        //         hid: 5,
+        //         hospital_name: "北京中医药",
+        //         workTime: '8:00-12:00 (上午班)'
+        //     },
+        //     {
+        //         hid: 6,
+        //         hospital_name: "北京中医堂22",
+        //         workTime: '8:00-12:00 (上午班)'
+        //     },
+        // ],
+        2: [
+            {
+                hid: 4,
+                hospital_name: "北京中医药大学国医堂22",
+                workTime: '14:00-17:00 (下午班)'
+            }
+        ],
+    },
+    '2025-11-08': {
+        2: [
+            // {
+            //     hid: 5,
+            //     hospital_name: "北京中医药",
+            //     workTime: '8:00-12:00 (上午班)'
+            // },
+            {
+                hid: 4,
+                hospital_name: "北京中医药大学国医堂22",
+                workTime: '8:00-12:00 (上午班)'
+
+            },
+        ],
+        // 1: [
+
+        //     {
+        //         hid: 6,
+        //         hospital_name: "北京中医堂22",
+        //         workTime: '14:00-17:00 (下午班)'
+        //     },
+        // ],
+    },
+    '2025-11-09': {
+        // 3: [
+        //     {
+        //         hid: 5,
+        //         hospital_name: "北京中医药",
+        //         workTime: '8:00-17:00 (全天班)'
+        //     }
+        // ],
+    },
+}
+
 export default {
     // 站点设置
     name: '',
@@ -537,9 +740,12 @@ export default {
         GuipTextarea,
         GroupFormBtns,
         addPay,
+        PromptText
     },
     data() {
         return {
+            hosList: [],//医院信息
+            currentDay: new Date(),
             depart_id: false,
             doctor_id: false,
             dialogType: '1',
@@ -678,33 +884,61 @@ export default {
                     { required: true, message: '请输入站点简称', trigger: 'blur' }
                 ]
             },
-            wxpayList:[],
-            alipayList:[],
+            wxpayList: [],
+            alipayList: [],
             payTypeWeixin: PAY_TYPE_WEIXIN,
             payTypeAlipay: PAY_TYPE_ALIPAY,
-            selectWxpay:null,
+            selectWxpay: null,
             selectAlipay: null,
             onLinePay:null,
             addPayType: -1,
             isShowAddPay: false,
             isExistSelfSupplys: false,
             payinfo: [],
-            registerMoney:'',//挂号费金额
-            registerDays:5,
-            freeRegVisible:false,
-            registrationVisible:false,
-            hasVisitFee:null,
-            hasFreeRegisterRule:false,
-            hasAgainVisitFreeDays:0,
-            againVisitFreeDays:0,
-            hasRemainVisitFree:0,
+            registerMoney: '',//挂号费金额
+            registerDays: 5,
+            freeRegVisible: false,
+            registrationVisible: false,
+            hasVisitFee: null,
+            hasFreeRegisterRule: false,
+            hasAgainVisitFreeDays: 0,
+            againVisitFreeDays: 0,
+            hasRemainVisitFree: 0,
+            colorPalette: ['#39D067', '#FD7B13', '#3D47FC', '#9B59B6', '#E74C3C', '#F39C12'],
+            singleColor: {
+                1: '#ECF5FF',
+                2: '#FFFAF0',
+                3: '#EFFFE0',
+            },
+            singleTextColor: {
+                0: '303133',
+                1: '#409EFF',
+                2: '#FB832D',
+                3: '#00C261',
+            },
+            currentDayColor: '#F6F7FA',
+            plantype: {
+                0: '停诊',
+                1: '上午班',
+                2: '下午班',
+                3: '全天班',
+            },
+            weekDaysDesc: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
+            hosLength: 0
         }
     },
     created() {
         store.commit('SET_CUSTOMIZE', true);
         store.commit('SET_SLIDER_MENU', 'hosMenuData');
+
+        //!!!!! 假的假的 整个假数据
+        this.hosList = hosList
+        this.hosLength = hosList.length
     },
     async mounted() {
+        // 重写日历周期标题
+        this.overrideWeekTitles();
+
         const { depart_id, doctor_id } = this.$route.query; // 获取 doctorId 参数
         if (doctor_id) this.doctor_id = doctor_id;
         if (doctor_id && depart_id) {
@@ -738,14 +972,108 @@ export default {
         }
     },
     computed: {
+
+        // 生成医院颜色映射对象
+        hospitalColorMap() {
+            const colorMap = {};
+            this.hosList.forEach((hospital, index) => {
+                colorMap[hospital.hid] = this.colorPalette[index % this.colorPalette.length];
+            });
+            return colorMap;
+        },
         selectedCount() {
             return this.selectedRows.length;
         },
         ...mapState(['hosMenuData']) // 从Vuex映射showSidebar状态到组件的计算属性中
     },
     methods: {
-        goToWxPay(){
-            this.$router.push(`/weChatPayment?doctor_id=${this.doctor_id}&depart_id=${this.depart_id}`);
+        // getDateCellStyle(dateString) {
+        //     const schedule = this.getDateSchedule(dateString);
+        //     if (!schedule) return {};
+        //     for (const key in schedule) {
+        //         if (key !== '0' && schedule[key] && schedule[key].length > 0) {
+        //             return {
+        //                 backgroundColor: this.singleColor[key] || '#FFFFFF',
+        //                 color:this.singleTextColor[key] || '#303133'
+        //             };
+        //         }
+        //     }
+        //     return {};
+        // },
+        isCurrentMonth(date) {
+            const current = new Date();
+            const target = new Date(date);
+            return current.getFullYear() === target.getFullYear() &&
+                current.getMonth() === target.getMonth();
+        },
+        prevMonth() {
+            const date = new Date(this.currentDay);
+            date.setMonth(date.getMonth() - 1);
+            this.currentDay = date;
+        },
+
+        nextMonth() {
+            const date = new Date(this.currentDay);
+            date.setMonth(date.getMonth() + 1);
+            this.currentDay = date;
+        },
+
+        goToday() {
+            console.log(this.hospitalColorMap, 'hospitalColorMap==');
+            this.currentDay = new Date();
+        },
+        getDateCellClass(dateString) {
+            const schedule = this.getDateSchedule(dateString);
+            if (!schedule) return '';
+            for (const key in schedule) {
+                if (key !== '0' && schedule[key] && schedule[key].length > 0) {
+                    return `shift-type-${key}`;
+                }
+            }
+            return '';
+        },
+        formatMonth(date) {
+            const d = new Date(date);
+            const year = d.getFullYear();
+            const month = d.getMonth() + 1;
+            return `${year}年${month}月`;
+        },
+        overrideWeekTitles() {
+            this.$nextTick(() => {
+                const weekHeaders = document.querySelectorAll('.el-calendar-table thead th');
+                if (weekHeaders.length === 7) {
+                    weekHeaders.forEach((th, index) => {
+                        th.textContent = this.weekDaysDesc[index];
+                    });
+                }
+            });
+        },
+        // 判断是否为今天
+        isToday(dateString) {
+            const today = new Date();
+            const date = new Date(dateString);
+            return today.toDateString() === date.toDateString();
+        },
+
+        // 获取指定日期的排班信息
+        getDateSchedule(dateString) {
+            return calendarList[dateString];
+        },
+        getDayNumber(dateString) {
+            const date = new Date(dateString);
+            return date.getDate();
+        },
+
+        // 获取医院对应的颜色
+        getHospitalColor(hid) {
+            return this.hospitalColorMap[hid] || '#CCCCCC';
+        },
+
+        // goToWxPay(){
+        //     this.$router.push(`/weChatPayment?doctor_id=${this.doctor_id}&depart_id=${this.depart_id}`);
+        // },
+        goToAddPay() {
+            this.$router.push(`/paymentMethod?doctor_id=${this.doctor_id}&depart_id=${this.depart_id}`);
         },
         showDialog(type) {
             if (type == 'register') {
@@ -761,23 +1089,23 @@ export default {
             }).then(response => {
                 if (
                     response.data &&
-                    response.data[this.payTypeWeixin] 
-                    &&response.data[this.payTypeWeixin].length > 0
+                    response.data[this.payTypeWeixin]
+                    && response.data[this.payTypeWeixin].length > 0
                 ) {
-                    this.wxpayList =response.data[this.payTypeWeixin]
+                    this.wxpayList = response.data[this.payTypeWeixin]
                     this.selectWxpay = this.wxpayList.filter(item => item.is_bind)[0];
-                    console.log(this.selectWxpay,'this.selectWxpay');
-                }else{
+                    console.log(this.selectWxpay, 'this.selectWxpay');
+                } else {
                     this.selectWxpay = null;
                 }
                 if (
                     response.data &&
-                    response.data[this.payTypeAlipay] 
-                    &&response.data[this.payTypeAlipay].length > 0
+                    response.data[this.payTypeAlipay]
+                    && response.data[this.payTypeAlipay].length > 0
                 ) {
                     this.alipayList = response.data[this.payTypeAlipay]
                     this.selectAlipay = this.alipayList.filter(item => item.is_bind)[0];
-                }else{
+                } else {
                     this.selectAlipay = null;
                 }
             }).catch(error => {
@@ -789,18 +1117,18 @@ export default {
             await this.$http('POST', '/api/admin/set_pay_switch', {
                 doctor_id: this.doctor_id,
                 depart_id: this.depart_id,
-                pay_switch:this.onLinePay
+                pay_switch: this.onLinePay
             }).then(response => {
-                console.log(response,'===');
-                    const { code } = response
-                    const msg = this.onLinePay === 1 ? '已开启' : '已关闭'
-                    const type = code === 0 ? 'success' : 'error';
-                    this.$positionMessage({
-                        type: type,
-                        message: msg+'线上收款',
-                        target: this.$refs['hasOnlinePayRef'],
-                        position: 'top'
-                    })
+                console.log(response, '===');
+                const { code } = response
+                const msg = this.onLinePay === 1 ? '已开启' : '已关闭'
+                const type = code === 0 ? 'success' : 'error';
+                this.$positionMessage({
+                    type: type,
+                    message: msg + '线上收款',
+                    target: this.$refs['hasOnlinePayRef'],
+                    position: 'top'
+                })
             }).catch(error => {
                 this.onLinePay = 0;
                 console.error(error, 'error')
@@ -818,7 +1146,7 @@ export default {
                 const type = code === 0 ? 'success' : 'error';
                 this.$positionMessage({
                     type: type,
-                    message: msg+'收挂号费',
+                    message: msg + '收挂号费',
                     target: this.$refs['hasVisitFeeRef'],
                     position: 'top'
                 })
@@ -847,22 +1175,22 @@ export default {
             this.selectAlipay = item;
             this.bindPayMethod(item.id)
         },
-        
-        async bindPayMethod(id){
+
+        async bindPayMethod(id) {
             await this.$http('POST', '/api/admin/bind_pay_method', {
                 pay_id: id,
                 doctor_id: this.doctor_id,
                 depart_id: this.depart_id
             }).then(response => {
                 const { code } = response;
-                if(code == 0){
+                if (code == 0) {
                     this.$Message.success(response.msg || '绑定成功');
-                    
-                }else{
+
+                } else {
                     this.$Message.error(response.msg || '绑定失败');
                 }
                 this.getBindpayList()
-               
+
             }).catch(error => {
                 console.error(error, 'error')
             })
@@ -881,19 +1209,19 @@ export default {
                 this.selectAlipay = data
             }
         },
-        handleregisterCancel(){
+        handleregisterCancel() {
             console.log('取消');
             this.freeRegVisible = false;
             this.registrationVisible = false;
         },
-        handleRegisterConfirm(type){
+        handleRegisterConfirm(type) {
             var params = {}
             params.doctor_id = this.doctor_id
             params.depart_id = this.depart_id
-            if(type == 'freeRegVisible'){
+            if (type == 'freeRegVisible') {
                 params.has_again_visit_free_days = parseInt(this.hasAgainVisitFreeDays) ? 1 : 0
                 params.again_visit_free_days = parseInt(this.againVisitFreeDays)
-                if(params.again_visit_free_days < 0){
+                if (params.again_visit_free_days < 0) {
                     this.$positionMessage({
                         type: 'error',
                         message: '请输入正确的天数',
@@ -904,23 +1232,23 @@ export default {
                 params.has_remain_visit_free = parseInt(this.hasRemainVisitFree) ? 1 : 0
 
                 this.$http('POST', '/api/admin/set_visit_free_rules', {
-                   ...params
+                    ...params
                 }).then(response => {
                     this.$nextTick(() => {
-                        if(response.code == 0) {
+                        if (response.code == 0) {
                             this.$Message.success('设置成功');
                             this.fetchDoctorData()
-                        }else{
+                        } else {
                             this.$Message.error(response.msg);
                         }
-                       this.freeRegVisible = false;
+                        this.freeRegVisible = false;
                     })
                 }).catch(error => {
                     console.error(error, 'error')
                 })
-            }else{
+            } else {
                 params.price = parseInt(this.registerMoney)
-                if(!params.price || params.price <= 0) {
+                if (!params.price || params.price <= 0) {
                     this.$positionMessage({
                         type: 'error',
                         message: '请输入正确的金额',
@@ -930,15 +1258,15 @@ export default {
                     return;
                 }
                 this.$http('POST', '/api/admin/set_visit_price', {
-                   ...params
+                    ...params
                 }).then(response => {
                     this.$nextTick(() => {
-                       if(response.code !== 0) {
+                        if (response.code !== 0) {
                             this.$Message.error(response.msg);
-                        }else{
+                        } else {
                             this.$Message.success('设置成功');
-                       }
-                       this.registrationVisible = false;
+                        }
+                        this.registrationVisible = false;
                     })
                 }).catch(error => {
                     console.error(error, 'error')
@@ -948,6 +1276,7 @@ export default {
         handleEvent(data) {
             this.isShowAddPay = data
         },
+
         handleSearch() {
             if (this.hospitalSearchFlag) return
             this.hospitalSearchFlag = true
@@ -1044,7 +1373,7 @@ export default {
                 this.hasAgainVisitFreeDays = response.data.has_again_visit_free_days
                 this.againVisitFreeDays = response.data.again_visit_free_days
                 this.hasRemainVisitFree = response.data.has_remain_visit_free
-                if((this.hasAgainVisitFreeDays && this.againVisitFreeDays) || this.hasRemainVisitFree) this.hasFreeRegisterRule = true
+                if ((this.hasAgainVisitFreeDays && this.againVisitFreeDays) || this.hasRemainVisitFree) this.hasFreeRegisterRule = true
 
                 this.getAreaData(this.form.province)
             }).catch(error => {
@@ -1494,26 +1823,33 @@ export default {
         },
         confirmClick(type) {
             console.log(type, '确认');
+        },
+        isHoliday(date) {
+            console.log(date, '====---00');
         }
 
     }
 }
 </script>
 <style lang="scss" scoped>
-.freeWrap{
+.freeWrap {
     letter-spacing: 0.08em;
     color: #626573;
 }
-.freeDesc{
+
+.freeDesc {
     color: #8A9099;
 }
+
 .el-form-item {
     margin-bottom: 0;
 }
-.requireImg{
+
+.requireImg {
     width: 8px;
     height: 8px;
 }
+
 .notSet,
 .yesSet {
     margin-right: 12px;
@@ -1523,32 +1859,320 @@ export default {
 .yesSet {
     color: #00C261;
 }
-.desc{
+
+.desc {
     font-size: 12px;
     font-weight: normal;
     line-height: 13px;
     letter-spacing: 0.08em;
     color: #6B7280;
 }
-.bidwrap-item{
+
+.calendar-container {
+    width: 100%;
+    border-top: 1px solid rgba(0, 0, 0, 0.15);
+}
+
+.calendar-date {
+    text-align: left;
+    height: 100%;
+    padding: 8px;
+    box-sizing: border-box;
+}
+
+.tooltip-content {
+    .hospital-item {
+        font-size: 12px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 4px 0;
+        color: #fff;
+        gap: 4px;
+        letter-spacing: 0.08em;
+    }
+
+    .hospital-info {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+    }
+
+    .tooltip-tag {
+        width: 14px;
+        height: 14px;
+        border-radius: 3px;
+    }
+
+    .hospital-name {
+        font-size: 12px;
+        color: #fff;
+        font-weight: 500;
+    }
+
+    .work-time {
+        font-size: 12px;
+        color: #fff;
+        white-space: nowrap;
+    }
+}
+
+.custom-calendar-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 15px 0;
+    margin-bottom: 10px;
+
+    .header-left {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        color: #303133;
+        font-size: 14px;
+        font-weight: bold;
+
+        .header-tip {
+            font-size: 12px;
+            font-weight: normal;
+            line-height: 13px;
+            letter-spacing: 0.08em;
+            color: #FF4D4F;
+        }
+    }
+
+    .header-right {
+        display: flex;
+        gap: 10px;
+
+        .el-button {
+            color: #606266;
+            width: auto;
+            /* height: 24px; */
+            line-height: 20px;
+            height: auto;
+            padding: 2px 12px;
+            box-sizing: border-box;
+            font-weight: 500;
+            background: transparent !important;
+            border: 1px solid #DCDFE6 !important;
+            font-size: 12px;
+            &:hover {
+                color: #409eff !important;
+                border-color: #c6e2ff !important;
+                background-color: #ecf5ff !important;
+            }
+        }
+    }
+}
+
+.hosColorType {
+    gap: 24px;
+    padding-bottom: 18px;
+    // box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.15);
+}
+
+/* 隐藏默认的日历头部 */
+:deep(.el-calendar__header) {
+    display: none !important;
+}
+
+:deep(.el-calendar__body) {
+    padding: 0;
+}
+
+
+.date-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    margin-bottom: 10px;
+
+    // color: #303133;
+    .adjust {
+        width: 63px;
+        height: 17px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding: 2px 6px;
+        box-sizing: border-box;
+        border-radius: 2px;
+        background: #FFF1F0;
+        box-sizing: border-box;
+        border: 1px solid #FFA39E;
+        font-size: 12px;
+        font-weight: normal;
+        line-height: 13px;
+        text-align: center;
+        color: #FF4D4F;
+    }
+}
+
+.date-content {
+    width: 100%;
+    height: 100%;
+}
+
+.date-text {
+    font-size: 14px;
+    font-weight: normal;
+}
+
+.today-badge {
+    background-color: #409EFF;
+    color: white;
+    width: 18px;
+    height: 18px;
+    font-size: 12px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    letter-spacing: 0.08em;
+    border-radius: 3px;
+    background: linear-gradient(316deg, #FF4143 4%, #FF768B 93%);
+}
+
+.schedule-content {
+    font-size: 12px;
+}
+
+.schedule-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 12px;
+}
+
+.shift-type {
+    color: #626573;
+    margin-right: 6px;
+    white-space: nowrap;
+}
+
+
+
+.hospital-tags {
+    display: flex;
+    gap: 6px;
+    flex-wrap: wrap;
+}
+
+.color-tag {
+    display: inline-block;
+    width: 12px;
+    height: 12px;
+    border-radius: 2px;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+/* 如果需要调整文字颜色 */
+.shift-type-1 {
+    background-color: #ECF5FF !important;
+
+    .date-text,
+    .shift-type {
+        color: #409EFF;
+    }
+}
+
+.shift-type-2 {
+    background-color: #FFFAF0 !important;
+
+    .date-text,
+    .shift-type {
+        color: #FB832D;
+    }
+}
+
+.shift-type-3 {
+    background-color: #EFFFE0 !important;
+
+    .date-text,
+    .shift-type {
+        color: #00C261;
+    }
+}
+
+/* Element UI Calendar 样式调整 */
+:deep(.el-calendar-table .el-calendar-day) {
+    height: 100px;
+    padding: 0;
+}
+
+:deep(.el-calendar-table thead th) {
+    height: 48px;
+    box-sizing: border-box;
+    padding: 12px 8px;
+    text-align: left;
+    color: #303133;
+}
+
+:deep(.el-calendar-table td) {
+    border-color: #E4E7ED;
+    vertical-align: top;
+}
+
+:deep(.el-calendar-table .el-calendar-day:hover) {
+    background-color: #f5f7fa;
+}
+
+:deep(.el-calendar-table td.is-selected) {
+    background-color: transparent;
+}
+
+:deep(.el-calendar-table td.is-today) {
+    color: #303133;
+}
+
+:deep(.el-calendar__header .el-calendar__title) {
+    color: #303133;
+    font-weight: bold;
+
+}
+
+:deep(.el-calendar__header .el-button) {
+    color: #606266;
+    width: auto;
+    /* height: 24px; */
+    line-height: 20px;
+    height: auto;
+    padding: 2px 12px;
+    box-sizing: border-box;
+    font-weight: 500;
+    background: transparent !important;
+    border: 1px solid #DCDFE6 !important;
+
+    &:hover {
+        color: #409eff !important;
+        border-color: #c6e2ff !important;
+        background-color: #ecf5ff !important;
+    }
+}
+
+.bidwrap-item {
     padding: 24px 14px;
     box-sizing: border-box;
     background: #FAFAFA;
+
     .biditemMast {
         background: #fff;
         padding: 24px 16px;
         border-radius: 8px;
         background: #FFFFFF;
         align-items: flex-start;
+
         .bidwrap-item-top {
             .top-right {
                 p {
                     margin-top: 10px;
                     color: #1E2226;
                 }
-                .desc{
+
+                .desc {
                     color: #6B7280;
                 }
+
                 a {
                     text-decoration: none;
                     color: #006AFF;
@@ -1566,6 +2190,7 @@ export default {
         }
     }
 }
+
 .el-autocomplete-noloading {
     display: none !important;
 }
@@ -1579,7 +2204,8 @@ export default {
 #siteMessage4 ::v-deep .el-form-item {
     margin-bottom: 0 !important;
 }
-.tipInfo{
+
+.tipInfo {
     font-family: Microsoft YaHei UI;
     font-size: 12px;
     font-weight: normal;