1

src/xt_pages/workforce/scheduleTablePrint.vue

@@ -0,0 +1,622 @@
+<template>
+    <div>
+        <el-button type="primary" @click="printAction">打印</el-button>
+        <table id="scheduleTable" class="scheduleTable" border="1" cellspacing="0">
+            <tr>
+                <td rowspan="2">分区</td>
+                <td rowspan="2">机号</td>
+                <td colspan="3">周一({{ weekTitle[0] }})</td>
+                <td colspan="3">周二({{ weekTitle[1] }})</td>
+                <td colspan="3">周三({{ weekTitle[2] }})</td>
+                <td colspan="3">周四({{ weekTitle[3] }})</td>
+                <td colspan="3">周五({{ weekTitle[4] }})</td>
+                <td colspan="3">周六({{ weekTitle[5] }})</td>
+                <td colspan="3">周日({{ weekTitle[6] }})</td>
+            </tr>
+            <tr>
+                <td>上午</td>
+                <td>下午</td>
+                <td>晚上</td>
+                <td>上午</td>
+                <td>下午</td>
+                <td>晚上</td>
+                <td>上午</td>
+                <td>下午</td>
+                <td>晚上</td>
+                <td>上午</td>
+                <td>下午</td>
+                <td>晚上</td>
+                <td>上午</td>
+                <td>下午</td>
+                <td>晚上</td>
+                <td>上午</td>
+                <td>下午</td>
+                <td>晚上</td>
+                <td>上午</td>
+                <td>下午</td>
+                <td>晚上</td>
+            </tr>
+            <tr v-for="(item,index) in scheduleZone" :key="index">
+                <td style="min-width:50px;">{{ item.area }}</td>
+                <td style="min-width:50px;">{{ item.cut }}</td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Mon_M.patient_id">
+                        <div>{{ item.Mon_M.patient }}</div>
+                        <div v-if="item.Mon_M.mode_name != 'HD'">{{ item.Mon_M.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Mon_A.patient_id">
+                        <div>{{ item.Mon_A.patient }}</div>
+                        <div v-if="item.Mon_A.mode_name != 'HD'">{{ item.Mon_A.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Mon_N.patient_id">
+                        <div>{{ item.Mon_N.patient }}</div>
+                        <div v-if="item.Mon_N.mode_name != 'HD'">{{ item.Mon_N.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Tue_M.patient_id">
+                        <div>{{ item.Tue_M.patient }}</div>
+                        <div v-if="item.Tue_M.mode_name != 'HD'">{{ item.Tue_M.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Tue_A.patient_id">
+                        <div>{{ item.Tue_A.patient }}</div>
+                        <div v-if="item.Tue_A.mode_name != 'HD'">{{ item.Tue_A.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Tue_N.patient_id">
+                        <div>{{ item.Tue_N.patient }}</div>
+                        <div v-if="item.Tue_N.mode_name != 'HD'">{{ item.Tue_N.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Wed_M.patient_id">
+                        <div>{{ item.Wed_M.patient }}</div>
+                        <div v-if="item.Wed_M.mode_name != 'HD'">{{ item.Wed_M.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Wed_A.patient_id">
+                        <div>{{ item.Wed_A.patient }}</div>
+                        <div v-if="item.Wed_A.mode_name != 'HD'">{{ item.Wed_A.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;"> 
+                    <span v-if="item.Wed_N.patient_id">
+                        <div>{{ item.Wed_N.patient }}</div>
+                        <div v-if="item.Wed_N.mode_name != 'HD'">{{ item.Wed_N.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Thurs_M.patient_id">
+                        <div>{{ item.Thurs_M.patient }}</div>
+                        <div v-if="item.Thurs_M.mode_name != 'HD'">{{ item.Thurs_M.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Thurs_A.patient_id">
+                        <div>{{ item.Thurs_A.patient }}</div>
+                        <div v-if="item.Thurs_A.mode_name != 'HD'">{{ item.Thurs_A.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Thurs_N.patient_id">
+                        <div>{{ item.Thurs_N.patient }}</div>
+                        <div v-if="item.Thurs_N.mode_name != 'HD'">{{ item.Thurs_N.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Fri_M.patient_id">
+                        <div>{{ item.Fri_M.patient }}</div>
+                        <div v-if="item.Fri_M.mode_name != 'HD'">{{ item.Fri_M.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Fri_A.patient_id">
+                        <div>{{ item.Fri_A.patient }}</div>
+                        <div v-if="item.Fri_A.mode_name != 'HD'">{{ item.Fri_A.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Fri_N.patient_id">
+                        <div>{{ item.Fri_N.patient }}</div>
+                        <div v-if="item.Sat_M.mode_name != 'HD'">{{ item.Sat_M.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Sat_M.patient_id">
+                        <div>{{ item.Sat_M.patient }}</div>
+                        <div v-if="item.Sat_M.mode_name != 'HD'">{{ item.Sat_M.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Sat_A.patient_id">
+                        <div>{{ item.Sat_A.patient }}</div>
+                        <div v-if="item.Sat_A.mode_name != 'HD'">{{ item.Sat_A.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Sat_N.patient_id">
+                        <div>{{ item.Sat_N.patient }}</div>
+                        <div v-if="item.Sat_N.mode_name != 'HD'">{{ item.Sat_N.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Sun_M.patient_id">
+                        <div>{{ item.Sun_M.patient }}</div>
+                        <div v-if="item.Sun_M.mode_name != 'HD'">{{ item.Sun_M.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Sun_A.patient_id">
+                        <div>{{ item.Sun_A.patient }}</div>
+                        <div v-if="item.Sun_A.mode_name != 'HD'">{{ item.Sun_A.mode_name }}</div>
+                    </span>
+                </td>
+                <td style="min-width:50px;">
+                    <span v-if="item.Sun_N.patient_id">
+                        <div>{{ item.Sun_N.patient }}</div>
+                        <div v-if="item.Sun_N.mode_name != 'HD'">{{ item.Sun_N.mode_name }}</div>
+                    </span>
+                </td>
+            </tr>
+        </table>
+    </div>
+</template>
+
+
+
+<script>
+import {getSchedules,getWeekPanels} from "@/api/schedule";
+import print from 'print-js'
+export default {
+    props:{
+        scheduleZoneProp: {
+            type: Array,
+            dafault: []
+        },
+    },
+    data(){
+        return{
+            schedule_type:'',
+            partition_id:'',
+            theType:2,
+            scheduleZone:[],
+            weekTitle:[],
+            scheduleZoneRow: [],
+            partitions: {},
+        }
+    },
+    created(){
+        this.modeOptions = this.$store.getters.treatment_mode;
+        this.getWeekPanels()
+        
+    },
+    methods:{
+        getWeekPanels() {
+            // this.scheduleZoneRow = []
+            // this.scheduleZone = []
+            getWeekPanels(1,this.partition_id).then(response => {
+                if (response.data.state == 0) {
+                    return false
+                }
+                var partitions = response.data.data.partitions
+                console.log("分区",partitions)
+                // this.theWeek.thisWeek = response.data.data.theWeek
+                // this.theWeek.lastWeek = this.theWeek.thisWeek - 1
+                // this.theWeek.nextWeek = this.theWeek.thisWeek + 1
+                // this.theWeek.nextTwoWeek = this.theWeek.thisWeek + 2
+                // 在控制变量改变的时候进行 强制渲染更新
+                // let childrenRefs = this.$refs.elTabs.$children
+                // this.$nextTick(() => {
+                //     childrenRefs.forEach(child => child.$forceUpdate())
+                // })
+
+                var that = this
+                if (partitions.length > 0) {
+                    partitions.forEach(function(partition) {
+                        if (partition.jihaos.length == 0) {
+                            return false
+                        }
+                        that.scheduleZoneRow.push(partition.jihaos.length)
+                        that.partitions[partition.id] = partition
+                        partition.jihaos.forEach(function(jihao) {
+                            var thisPa = {
+                            area: partition.name,
+                            zone_id: partition.id,
+                            zone_type: partition.type,
+                            cut: jihao.number,
+                            jihao_id: jihao.id,
+                            Mon_M: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Mon_A: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Mon_N: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Tue_M: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Tue_A: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Tue_N: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Wed_M: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Wed_A: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Wed_N: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Thurs_M: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Thurs_A: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Thurs_N: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Fri_M: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Fri_A: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Fri_N: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Sat_M: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Sat_A: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Sat_N: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Sun_A: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Sun_N: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            Sun_M: {
+                                schedule_id: 0,
+                                mode_id: 0,
+                                mode_name: '',
+                                patient_id: 0,
+                                patient: ''
+                            },
+                            total: 0
+                            }
+                            that.scheduleZone.push(thisPa)
+
+                        })
+                    })
+                }
+                this.getSchedules()
+            })
+        },
+        getSchedules() {
+            const params = {
+                weekTime:this.theType,
+                partition_id:this.partition_id,
+                schedule_type:this.schedule_type,
+            }
+            getSchedules(params).then(response => {
+                if (response.data.state == 1) {
+                    this.weekTitle = response.data.data.weekTitle;
+                    this.weekDays = response.data.data.days;
+                    this.toDay = response.data.data.today;
+                    var theSchedules = response.data.data.schdules;
+                    
+                    
+                    
+                    var that = this;
+                    that.scheduleZone.forEach(function(zone, index) {
+                        
+                        that.scheduleZone[index].Mon_M = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Mon_A = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Mon_N = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Tue_M = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Tue_A = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Tue_N = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Wed_M = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Wed_A = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Wed_N = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Thurs_M = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Thurs_A = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Thurs_N = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Fri_M = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Fri_A = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Fri_N = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Sat_M = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Sat_A = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Sat_N = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Sun_A = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Sun_N = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].Sun_M = {
+                            mode_id: 0,
+                            mode_name: "",
+                            patient_id: 0,
+                            patient: ""
+                        };
+                        that.scheduleZone[index].total = 0;
+                        
+                        if (response.data.data.schdules.length > 0) {
+                            theSchedules.forEach(function(schedule, sindex) {
+
+                                if (zone.jihao_id == schedule.bed_id) {
+                                    // if(zone.zone_id == schedule.partition_id && zone.jihao_id == schedule.bed_id) {
+                                    var weekPath = that.weekPath(
+                                        schedule.schedule_week,
+                                        schedule.schedule_type
+                                    );
+
+                                    if (weekPath.length == 2) {
+                                        // console.log(schedule);
+
+                                        var weekPathKey = weekPath[0] + "_" + weekPath[1];
+                                        that.scheduleZone[index][weekPathKey] = {
+                                        schedule_id: schedule.id,
+                                        mode_id: schedule.mode_id,
+                                        patient_id: schedule.patient_id,
+                                        patient: schedule.patient,
+                                        patient_contagions: schedule.patient_contagions,
+                                        mode_name:
+                                            typeof that.modeOptions[schedule.mode_id] ===
+                                            "undefined"
+                                            ? ""
+                                            : that.modeOptions[schedule.mode_id].name
+                                        };
+                                        that.scheduleZone[index].total += 1;
+                                        
+                                    }
+                                    
+                                }
+                                
+                            });
+                        }
+                        console.log('that.scheduleZone',that.scheduleZone)
+                    });
+                    
+                } else {
+                    this.$message.error("网络错误");
+                    return false;
+                }
+            });
+        },
+        weekPath(week, schedule_type) {
+            var weekArr = {
+                1: "Mon",
+                2: "Tue",
+                3: "Wed",
+                4: "Thurs",
+                5: "Fri",
+                6: "Sat",
+                7: "Sun"
+            };
+            var typeArr = { 1: "M", 2: "A", 3: "N" };
+            if (
+                typeof weekArr[week] === "undefined" ||
+                typeof typeArr[schedule_type] === "undefined"
+            ) {
+                return [];
+            }
+            return [weekArr[week], typeArr[schedule_type]];
+        },
+        printAction: function() {
+            const style = '@media print {#scheduleTable{font-size:14px;} .scheduleTable tr td{text-align: center;padding: 5px;}}'
+
+            printJS({
+            printable: 'scheduleTable',
+            type: 'html',
+            documentTitle: '  ',
+            style: style,
+            scanStyles: false
+            })
+        },
+    }
+}
+</script>
+
+
+<style lang="scss">
+td{
+    text-align: center;
+    padding: 5px;
+}
+</style>