Merge branch '20200710_pc_vue_new_branch' of http://git.shengws.com/csx/Vue_New into 20200710_pc_vue_new_branch

src/api/dialysis.js

@@ -145,7 +145,6 @@ export function getDialysisRecord(params) {
 }
 
 export function postPrescription(params) {
-  console.log('params是----', params)
   return request({
     url: '/api/dialysis/prescription',
     method: 'Post',

src/api/doctorSchedule.js

@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+import { data } from 'autoprefixer'
+
+export function saveDoctorSchedules(params) {
+  return request({
+    url: '/api/schedules/savedoctorschedules',
+    methods: 'get',
+    params: params
+  })
+}
+
+export function getDoctorScheduleList(params) {
+  return request({
+    url: '/api/schedules/getdoctorschedulelist',
+    methods: 'get',
+    params: params
+  })
+}
+
+export function getScheduleDetail(id, params) {
+  return request({
+    url: '/api/schedules/getscheduledetail?id=' + id,
+    methods: 'get',
+    params: params
+  })
+}
+
+export function UpdateSchedule(params) {
+  return request({
+    url: '/api/schedules/updateschedule',
+    methods: 'get',
+    params: params
+  })
+}
+
+export function deleteScheduleById(id, orgid) {
+  const params = {
+    id: id,
+    orgid: orgid
+  }
+  return request({
+    url: '/api/schedule/deleteschedule',
+    methods: 'get',
+    params: params
+  })
+}
+
+export function getDoctorList(params) {
+  return request({
+    url: '/api/schedule/getdoctorlist',
+    methods: 'get',
+    params: params
+  })
+}
+
+export function getScheduleList(params) {
+  return request({
+    url: '/api/schedule/getschedulelist',
+    methods: 'get',
+    params: params
+  })
+}

src/lang/zh.js

@@ -61,6 +61,9 @@ export default {
     theme: '换肤',
     clipboardDemo: 'Clipboard',
     i18n: '国际化',
+    medicalScheduling:'医护排班',
+    medicalSchedulingIndex:'医护排班',
+    class:'班种列表',
     permissionManage: '权限管理',
     adminManage: '员工管理',
     roleManage: '权限管理',

src/router/index.js

@@ -17,6 +17,7 @@ import org from './modules/org'
 import systems from './modules/systems'
 import data_upload from './modules/data_upload'
 import integration from './modules/integration'
+import medicalScheduling from './modules/medical_scheduling'
 import slow from './modules/slow'
 import scrm from './modules/scrm'
 import shop from './modules/shop'
@@ -100,6 +101,7 @@ var _constant_router_map = [{
 var _asy_router_map = [
   patient,
   workforce,
+  medicalScheduling,
   weight_sign,
   dialysis,
   stock,

src/router/modules/medical_scheduling.js

@@ -0,0 +1,42 @@
+import Layout from '@/views/layout/Layout'
+export default {
+  path: '/medicalScheduling',
+  component: Layout,
+  redirect: 'noredirect',
+  name: 'medicalScheduling',
+  alwaysShow: true,
+  meta: {
+    title: 'medicalScheduling',
+    icon: 'paiban'
+  },
+  children: [{
+    path: '/medicalScheduling/index',
+    component: () => import('@/xt_pages/medicalScheduling/index'),
+    name: 'medicalSchedulingIndex',
+    meta: {
+      title: 'medicalSchedulingIndex',
+      noCache: true
+    }
+  },
+  {
+    path: '/medicalScheduling/class',
+    component: () => import('@/xt_pages/medicalScheduling/class'),
+    name: 'class',
+    meta: {
+      title: 'class',
+      noCache: true
+    }
+  },
+  {
+    path: '/medicalScheduling/schedule/print',
+    component: () => import('@/xt_pages/medicalScheduling/medical_print'),
+    name: 'medical_print',
+    hidden: true,
+    is_menu: false,
+    meta: {
+      title: 'medical_print',
+      noCache: true
+    }
+  },
+  ]
+}

src/xt_pages/dialysis/template/DialysisPrintOrderTwentyOne.vue

@@ -352,7 +352,7 @@
                             <td width="70">透前体重:</td>
                             <td width="50">
                                 <div class="under-line">
-                                    &nbsp;{{ predialysis.weight_before ? (predialysis.weight_before - predialysis.additional_weight) : "" }}
+                                    &nbsp;{{ predialysis.weight_before ? parseFloat(predialysis.weight_before - predialysis.additional_weight).toFixed(2) : "" }}
                                 </div>
                             </td>
                             <td width="20">Kg</td>

src/xt_pages/medicalScheduling/class.vue

@@ -0,0 +1,524 @@
+<template>
+    <div class="main-contain">
+        <div class="position">
+            <bread-crumb :crumbs="crumbs"></bread-crumb>
+            <div style="display:flex;align-items:center">
+                <el-button type="primary" @click="newVisible = true">新增</el-button>
+            </div>
+        </div>
+        <div class="app-container">
+            <el-table :data="tableData" border style="width: 100%" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)', color: '#606266'}" :row-style="{ color: '#303133' }">
+                <el-table-column prop="name" label="序号" width="80" align="center" type="index"></el-table-column>
+                <el-table-column prop="name" label="班种名称" width="100" align="center">
+                    <template slot-scope="scope">
+                        {{scope.row.class_name}}
+                    </template>
+                </el-table-column>
+                <el-table-column prop="name" label="班种属性" width="100" align="center">
+                    <template slot-scope="scope">
+                        {{scope.row.class_attributes}}
+                    </template> 
+                </el-table-column>
+                <el-table-column prop="name" label="班种时间" width="270" align="center">
+                   <template slot-scope="scope">
+                     <span>{{scope.row.timeone_start}} - {{scope.row.timeone_type}}{{scope.row.timeone_end}}</span>
+                     <span>&nbsp;&nbsp;</span>
+                     <span v-if="scope.row.timetwo_start!=''">{{scope.row.timetwo_start}} - {{scope.row.timetwo_type}}{{scope.row.timetwo_end}}</span> 
+                    </template> 
+                </el-table-column>
+                <el-table-column prop="name" label="时长" width="80" align="center">
+                    <template slot-scope="scope">
+                        {{scope.row.work_time}}
+                    </template> 
+                </el-table-column>
+                <el-table-column prop="name" label="备注" align="center">
+                     <template slot-scope="scope">
+                        {{scope.row.remarks}}
+                    </template> 
+                </el-table-column>
+                <el-table-column prop="name" label="操作" width="200" align="center">
+                    <template slot-scope="scope">
+                        <el-button
+                        size="mini"
+                        type="primary"
+                        @click="handleEdit(scope.row.id)">编辑</el-button>
+                        <el-button
+                        size="mini"
+                        type="danger"
+                        @click="handleDelete(scope.row.id,scope.row.user_org_id)">删除</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+
+             <el-pagination
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+                :page-sizes="[10, 20, 50, 100]"
+                :page-size="10"
+                background
+                style="margin-top:20px;float: right"
+                layout="total, sizes, prev, pager, next, jumper"
+                :total="total"
+             ></el-pagination>
+
+
+            <el-dialog
+                title="新建班种"
+                width="800px"
+                :visible.sync="newVisible"
+            >
+             <el-form :model="form" :rules="rules" ref="form" label-width="90px">
+                <el-form-item label="班种名称 : " required prop="class_name">
+                    <el-input v-model="form.class_name" placeholder="" ></el-input>
+                </el-form-item>
+                <el-form-item label="班种属性 : " required  prop="class_attributes">
+                    <el-select v-model="form.class_attributes" placeholder="请选择">
+                        <el-option
+                        v-for="item in typeOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="班种时间1 : " required prop="timeone_start" label-width="100px">
+                    <el-time-select
+                    style="width:140px;"
+                    v-model="form.timeone_start"
+                    :picker-options="{
+                    start: '08:00',
+                    step: '00:15',
+                    end: '18:00'
+                    }"
+                    placeholder="选择时间">
+                    </el-time-select>
+                     ~
+                    <el-select style="width:100px;" v-model="form.timeone_type" placeholder="请选择">
+                        <el-option
+                        v-for="item in dayOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                        </el-option>
+                    </el-select>
+                    <el-time-select
+                    style="width:140px;"
+                    v-model="form.timeone_end"
+                    :picker-options="{
+                    start: '08:00',
+                    step: '00:15',
+                    end: '18:00'
+                    }"
+                    placeholder="选择时间">
+                    </el-time-select>
+                   <div class="el-form-item__error" v-show="showError">
+                      请选择班种时间1
+                   </div>
+                </el-form-item>
+              
+                <el-form-item label="班种时间2 : " prop="type">
+                    <el-time-select
+                    style="width:140px;"
+                    v-model="form.timetwo_start"
+                    :picker-options="{
+                    start: '08:00',
+                    step: '00:15',
+                    end: '18:00'
+                    }"
+                    placeholder="选择时间">
+                    </el-time-select> ~
+                    <el-select style="width:100px;" v-model="form.timetwo_type" placeholder="请选择">
+                        <el-option
+                        v-for="item in dayOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                        </el-option>
+                    </el-select>
+                    <el-time-select
+                    style="width:140px;"
+                    v-model="form.timetwo_end"
+                    :picker-options="{
+                    start: '08:00',
+                    step: '00:15',
+                    end: '18:00'
+                    }"
+                    placeholder="选择时间">
+                    </el-time-select>
+                </el-form-item>
+                <el-form-item label="上班时长 : ">
+                    <el-input v-model="form.work_time" placeholder="" maxlength="30"></el-input>
+                </el-form-item>
+                <el-form-item label="备注 : ">
+                    <el-input
+                    type="textarea"
+                    v-model="form.remarks"
+                    placeholder=""
+                    resize="none"
+                    rows="2"
+                    ></el-input>
+                </el-form-item>
+                </el-form>
+                <div slot="footer" class="dialog-footer">
+                <el-button @click="newVisible=false">取 消</el-button>
+                <el-button type="primary" @click="submitAction('form')">保 存</el-button>
+                </div>
+            </el-dialog>
+
+
+             <el-dialog
+                title="编辑班种"
+                width="800px"
+                :visible.sync="EditNewVisible"
+            >
+             <el-form :model="form" :rules="rules" ref="form" label-width="90px">
+                <el-form-item label="班种名称 : " required prop="class_name">
+                    <el-input v-model="form.class_name" placeholder="" ></el-input>
+                </el-form-item>
+                <el-form-item label="班种属性 : " required  prop="class_attributes">
+                    <el-select v-model="form.class_attributes" placeholder="请选择">
+                        <el-option
+                        v-for="item in typeOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="班种时间1 : " required prop="timeone_start" label-width="100px">
+                    <el-time-select
+                    style="width:140px;"
+                    v-model="form.timeone_start"
+                    :picker-options="{
+                    start: '08:00',
+                    step: '00:15',
+                    end: '18:00'
+                    }"
+                    placeholder="选择时间">
+                    </el-time-select>
+                     ~
+                    <el-select style="width:100px;" v-model="form.timeone_type" placeholder="请选择">
+                        <el-option
+                        v-for="item in dayOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                        </el-option>
+                    </el-select>
+                    <el-time-select
+                    style="width:140px;"
+                    v-model="form.timeone_end"
+                    :picker-options="{
+                    start: '08:00',
+                    step: '00:15',
+                    end: '18:00'
+                    }"
+                    placeholder="选择时间">
+                    </el-time-select>
+                   <div class="el-form-item__error" v-show="showError">
+                      请选择班种时间1
+                   </div>
+                </el-form-item>
+              
+                <el-form-item label="班种时间2 : " prop="type">
+                    <el-time-select
+                    style="width:140px;"
+                    v-model="form.timetwo_start"
+                    :picker-options="{
+                    start: '08:00',
+                    step: '00:15',
+                    end: '18:00'
+                    }"
+                    placeholder="选择时间">
+                    </el-time-select> ~
+                    <el-select style="width:100px;" v-model="form.timetwo_type" placeholder="请选择">
+                        <el-option
+                        v-for="item in dayOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                        </el-option>
+                    </el-select>
+                    <el-time-select
+                    style="width:140px;"
+                    v-model="form.timetwo_end"
+                    :picker-options="{
+                    start: '08:00',
+                    step: '00:15',
+                    end: '18:00'
+                    }"
+                    placeholder="选择时间">
+                    </el-time-select>
+                </el-form-item>
+                <el-form-item label="上班时长 : ">
+                    <el-input v-model="form.work_time" placeholder="" maxlength="30"></el-input>
+                </el-form-item>
+                <el-form-item label="备注 : ">
+                    <el-input
+                    type="textarea"
+                    v-model="form.remarks"
+                    placeholder=""
+                    resize="none"
+                    rows="2"
+                    ></el-input>
+                </el-form-item>
+                </el-form>
+                <div slot="footer" class="dialog-footer">
+                <el-button @click="EditNewVisible=false">取 消</el-button>
+                <el-button type="primary" @click="UpdateSubmitAction('form')">保 存</el-button>
+                </div>
+            </el-dialog>
+        </div>
+    </div>
+</template>
+
+
+<script>
+import {saveDoctorSchedules,getDoctorScheduleList,getScheduleDetail,UpdateSchedule,deleteScheduleById } from '@/api/doctorSchedule'
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+export default {
+    components:{
+        BreadCrumb
+    },
+    data(){
+        return{
+            crumbs: [
+                { path: false, name: '医护排班' },
+                { path: '/medicalScheduling/index', name: '班种列表' }
+            ],
+            tableData: [],
+            newVisible:false,
+            EditNewVisible:false,
+            form: {
+                id: 0,
+                class_name: "",
+                class_attributes:'',
+                timeone_start:'',
+                timeone_type:'',
+                timeone_end:'',
+                timetwo_start:'',
+                timetwo_type:'',
+                timetwo_end:'',
+                work_time:'',
+                remarks: "",
+                user_org_id:0,
+            },
+            rules: {
+              class_name: [{ required: true, message: "请输入班种名称", trigger: "blur" }],
+              class_attributes: [{ required: true, message: "请选择班种属性", trigger: "blur" }],  
+              timeone_start: [{ required: true, message: "请选择班种时间1", trigger: "blur" }], 
+              timeone_type: [{ required: true, message: "请选择班种时间1类型", trigger: "blur" }], 
+              timeone_end: [{ required: true, message: "请选择班种时间1结束时间", trigger: "blur" }], 
+            },
+            typeOptions:[{ value: 1, label: '出勤'},{ value: 2, label: '缺勤'}],
+            dayOptions:[{ value: 1, label: '当日'},{ value: 2, label: '次日'}],
+            showError:false,
+            limit:10,
+            page:1,
+            total:0
+        }
+    },
+    methods:{
+        submitAction(formName){
+           if(this.form.timeone_type ==""){
+              this.showError = true
+              return false
+           }
+           
+           if(this.form.timeone_end == ""){
+              this.showError = true
+              return false
+           }
+          const params = {
+             class_name:this.form.class_name,
+             class_attributes:this.form.class_attributes,
+             timeone_start:this.form.timeone_start,
+             timeone_type:this.form.timeone_type,
+             timeone_end:this.form.timeone_end,
+             timetwo_start:this.form.timetwo_start,
+             timetwo_type:this.form.timetwo_type,
+             timetwo_end:this.form.timetwo_end,
+             work_time:this.form.work_time,
+             remarks:this.form.remarks
+         }
+         this.$refs[formName].validate((valid=>{
+            if(valid){
+                saveDoctorSchedules(params).then(response=>{
+                  if(response.data.state == 1){
+                    var schedules = response.data.data.schedules
+                    this.newVisible = false
+                    this.$message.success("保存成功")
+                    this.getList()
+                    this.form.class_name = ""
+                    this.form.class_attributes = ""
+                    this.form.timeone_start = ""
+                    this.form.timeone_type =""
+                    this.form.timeone_end = ""
+                    this.form.timetwo_start = ""
+                    this.form.timetwo_type = ""
+                    this.form.timetwo_end=""
+                    this.form.work_time = ""
+                    this.form.remarks = ""
+                  }
+               })
+             }
+          }))
+        },
+        getList(){
+            const params = {
+              limit:this.limit,
+              page:this.page,         
+            }
+           getDoctorScheduleList(params).then(response=>{
+              if(response.data.state == 1){
+                 var schedules = response.data.data.schedules
+                  console.log("schedules",schedules)
+                 for(let i=0;i<schedules.length;i++){
+                    if(schedules[i].class_attributes == 1){
+                        schedules[i].class_attributes ="出勤"
+                    }
+                    if(schedules[i].class_attributes == 2){
+                        schedules[i].class_attributes ="缺勤"
+                    }
+
+                    if(schedules[i].timeone_type == 0){
+                       schedules[i].timeone_type = ""
+                    }
+                    if(schedules[i].timeone_type == 1){
+                       schedules[i].timeone_type = "当日"
+                    }
+                    if(schedules[i].timeone_type == 2){
+                       schedules[i].timeone_type = "次日"
+                    }
+                    if(schedules[i].timetwo_type == 0){
+                       schedules[i].timetwo_type = ""
+                    }
+                    if(schedules[i].timetwo_type == 1){
+                       schedules[i].timetwo_type = "当日"
+                    }
+                    if(schedules[i].timetwo_type == 2){
+                       schedules[i].timetwo_type = "次日"
+                    }
+                 }
+             
+                 this.tableData = schedules
+                 var total =  response.data.data.total
+                 this.total = total
+              }
+           })
+        },
+       handleSizeChange(limit) {
+        this.limit = limit;
+        this.getList();
+      },
+        handleCurrentChange(page) {
+         this.page = page;
+         this.getList();
+      },
+
+      handleEdit(id){
+        this.EditNewVisible = true
+        getScheduleDetail(id).then(response=>{
+           if(response.data.state == 1){
+             var scheduleDetail = response.data.data.scheduleDetail
+             console.log("scheduledetail",scheduleDetail)
+             this.form.id = scheduleDetail.id
+             this.form.class_name = scheduleDetail.class_name
+             this.form.class_attributes = scheduleDetail.class_attributes
+             this.form.timeone_start = scheduleDetail.timeone_start
+             this.form.timeone_end = scheduleDetail.timeone_end
+             if(scheduleDetail.timeone_type == 0){
+                this.form.timeone_type = ""
+             }else{
+                this.form.timeone_type = scheduleDetail.timeone_type
+             }       
+             this.form.timetwo_start =scheduleDetail.timetwo_start
+             this.form.timetwo_end = scheduleDetail.timetwo_end
+              if(scheduleDetail.timetwo_type == 0){
+                this.form.timetwo_type = ""
+             }else{
+                this.form.timetwo_type = scheduleDetail.timetwo_type
+             }
+             this.form.work_time = scheduleDetail.work_time
+             this.form.remarks = scheduleDetail.remarks
+             this.form.user_org_id = scheduleDetail.user_org_id
+             this.$forceUpdate()
+           }
+        })
+      },
+      UpdateSubmitAction(formName){
+           if(this.form.timeone_type ==""){
+              this.showError = true
+              return false
+           }
+           
+           if(this.form.timeone_end == ""){
+              this.showError = true
+              return false
+           }
+          const params = {
+              id:this.form.id,
+             class_name:this.form.class_name,
+             class_attributes:this.form.class_attributes,
+             timeone_start:this.form.timeone_start,
+             timeone_type:this.form.timeone_type,
+             timeone_end:this.form.timeone_end,
+             timetwo_start:this.form.timetwo_start,
+             timetwo_type:this.form.timetwo_type,
+             timetwo_end:this.form.timetwo_end,
+             work_time:this.form.work_time,
+             remarks:this.form.remarks,
+             user_org_id:this.form.user_org_id,
+         }
+        this.$refs[formName].validate(valid=>{
+          if(valid){
+            UpdateSchedule(params).then(response=>{
+             if(response.data.state == 1){
+                var schedules =  response.data.data.schedules
+                 this.$message.success("修改成功")
+                 this.EditNewVisible = false
+                 this.getList()
+                 
+               }
+             })
+          }
+        })
+      },
+      handleDelete(id,orgid){
+        this.$confirm(
+          '确认要删除所选记录吗? <br>删除后,信息将无法恢复',
+          '删除提示',
+          {
+            dangerouslyUseHTMLString: true,
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }
+        ).then(()=>{
+           deleteScheduleById(id,orgid).then(response=>{
+              if(response.data.state == 1){
+                var msg = response.data.data.msg
+                this.$message.success("删除成功")
+                this.getList()
+              }
+           }) 
+        })
+      }
+    },
+    created(){
+        //获取班种列表
+        this.getList()
+    }
+}
+</script>
+<style scoped>
+  .el-form-item__error{
+    color: #F56C6C;
+    font-size: 12px;
+    line-height: 1;
+    padding-top: 4px;
+    position: absolute;
+    top: 100%;
+    left: 0;
+  }
+</style>

src/xt_pages/medicalScheduling/index.vue

@@ -0,0 +1,215 @@
+<template>
+    <div class="main-contain">
+        <div class="position">
+            <bread-crumb :crumbs="crumbs"></bread-crumb>
+            <div style="display:flex;align-items:center">
+                <el-button type="primary">清除</el-button>
+                <el-button type="primary">复制</el-button>
+                <el-button type="primary" icon="el-icon-printer" @click="toPrint">打印</el-button>
+            </div>
+        </div>
+        <div class="app-container">
+            <div class="cell clearfix">
+                <el-input
+                size="small"
+                style="width: 150px;"
+                class="filter-item"
+                v-model.trim="keywords"
+                placeholder="病人名称/透析号"
+                />
+                <el-button
+                size="small"
+                class="filter-item"
+                type="primary"
+                icon="el-icon-search"
+                @click="search"
+                >搜索</el-button
+                >
+                <el-select style="margin-left:10px;width:150px;" v-model="typeValue" placeholder="请选择">
+                    <el-option
+                        v-for="item in options"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-button type="text" style="margin:0 10px;">&lt;上一周(22)</el-button>
+                <div class="dateBox">2019.11.25-2019.12.01(47)</div>
+                <el-button type="text" style="margin:0 10px;">下一周(24)&gt;</el-button>
+            </div>
+            <div style="display:flex;justify-content: space-between;">
+                <div style="width: 70%">
+                    <el-table :data="tableData" border :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)', color: '#606266'}" :row-style="{ color: '#303133' }">
+                        <el-table-column prop="name" label="医护姓名" style="width:16%" align="center">
+                            <template slot-scope="scope">
+                                 {{scope.row.user_name}}
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="周一" style="width:14%" align="center">
+                            <template slot-scope="scope">
+                                <div @click="hangdleClick(scope.row,scope.$index)">
+                                    <el-dropdown trigger="click" @command="changeSchedule(scope.row)">
+                                        <span class="el-dropdown-link">
+                                        aaa<i class="el-icon-arrow-down el-icon--right"></i>
+                                        </span>
+                                        <el-dropdown-menu slot="dropdown" >
+                                            <el-dropdown-item  :command="item.class_name" icon="el-icon-plus" v-for="(item,index) in schedulelist" :key="index">{{item.class_name}}</el-dropdown-item>
+                                        </el-dropdown-menu>
+                                    </el-dropdown>
+                                </div>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="name" label="周二" style="width:14%" align="center"></el-table-column>
+                        <el-table-column prop="name" label="周三" style="width:14%" align="center"></el-table-column>
+                        <el-table-column prop="name" label="周四" style="width:14%" align="center"></el-table-column>
+                        <el-table-column prop="name" label="周五" style="width:14%" align="center"></el-table-column>
+                        <el-table-column prop="name" label="周六" style="width:14%" align="center"></el-table-column>
+                        <el-table-column prop="name" label="周日" style="width:14%" align="center"></el-table-column>
+                    </el-table>
+                </div>
+                <div class="classBox">
+                    <div class="classTitle">班种</div>
+                    <div class="classMain">
+                        <div v-for="(item,index) in schedulelist" :key="index">
+                           <p>
+                            {{item.class_name}}&nbsp;({{item.timeone_start}}~{{item.timeone_type}}{{item.timeone_end}} <span v-if="item.timetwo_start!=''">{{item.timetwo_start}}~{{item.timetwo_type}}{{item.timetwo_end}}</span> )
+                           </p>
+                        </div>
+                        <el-checkbox style="text-align:center" v-model="isChecked">连续排班</el-checkbox>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+
+<script>
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import { getDoctorList,getScheduleList } from '@/api/doctorSchedule'
+export default {
+    components:{
+        BreadCrumb
+    },
+    data(){
+        return{
+            crumbs: [
+                { path: false, name: '医护排班' },
+                { path: '/medicalScheduling/index', name: '医护排班' }
+            ],
+            keywords:'',
+            options: [{
+                value: '1',
+                label: '全部'
+            }, {
+                value: '2',
+                label: '医生'
+            }, {
+                value: '3',
+                label: '护士'
+            }],
+            typeValue:'1',
+            tableData: [],
+            isChecked:true,
+            schedulelist:[],
+
+        }
+    },
+    methods:{
+        search(){},
+        toPrint(){
+            this.$router.push({
+                path: '/medicalScheduling/schedule/print',
+                // query: { date: date }
+            })
+        },
+      getDoctorList(){
+        getDoctorList().then(response=>{
+            if(response.data.state == 1){
+                var list =  response.data.data.list
+                console.log("list",list)
+                this.tableData = list
+            }
+        })
+     },
+     getScheduleList(){
+       getScheduleList().then(response=>{
+          if(response.data.state == 1){
+             var schedulelist = response.data.data.scheduleList
+             for(let i=0;i<schedulelist.length;i++){
+                if(schedulelist[i].timeone_type == 1){
+                    schedulelist[i].timeone_type = "当日"
+                }
+                if(schedulelist[i].timeone_type == 2){
+                   schedulelist[i].timeone_type = "次日"
+                }
+               if(schedulelist[i].timetwo_type == 1){
+                    schedulelist[i].timetwo_type = "当日"
+                }
+                if(schedulelist[i].timetwo_type == 2){
+                   schedulelist[i].timetwo_type = "次日"
+                }
+             }
+             this.schedulelist = schedulelist
+             console.log("schedulelist",schedulelist)
+          }
+       }) 
+     },
+     changeSchedule(command){
+       console.log("val",command)
+     },
+     beforeHandleCommand(item,row){
+        return {
+          'command': item,
+          'row': row
+        }
+     },
+     hangdleClick(val,index){
+      console.log("点击",val)
+      console.log("index",index)
+      this.index =index
+     }
+    },
+   created(){
+    //获取医护人员
+    this.getDoctorList()
+    //获取班种
+    this.getScheduleList()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.dateBox{
+    border: 1px solid #DCDFE6;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    padding: 0 10px;
+    border-radius: 4px;
+}
+.classBox{
+    width:25%;
+    height: 100%;
+    border: 1px solid #EBEEF5;
+    .classTitle{
+        height: 42px;
+        text-align: center;
+        line-height: 42px;
+        background-color: rgb(245, 247, 250);
+        color: rgb(96, 98, 102);
+        font-weight:bold;
+        
+    }
+    .classMain{
+        height: 400px;
+        padding: 0 20px;
+        display: flex;
+        justify-content: space-between;
+        flex-direction: column;
+        >div>p{
+            line-height: 30px;
+        }
+    }
+}
+</style>

src/xt_pages/medicalScheduling/medical_print.vue

@@ -0,0 +1,149 @@
+<template>
+    <div class="main-contain">
+        <div class="position">
+        <bread-crumb :crumbs="crumbs"></bread-crumb>
+        <el-row style="float:right;">
+            <el-col :span="24">
+            <el-button size="small" icon="el-icon-printer" type="primary" @click="printAction">打印</el-button>
+            </el-col>
+        </el-row>
+        </div>
+        <div class="app-container" style="background-color: white;">
+            <div id="print_content">
+                <div class="print_main_content">
+                    <div class="order_title_panl">
+                        <span class="main_title">{{ $store.getters.xt_user.org.org_name }}医护排班表</span>
+                    </div>
+                    <div class="table_panel">
+                        <table class="table">
+                            <thead>
+                                <tr>
+                                    <td width="120">医护姓名</td>
+                                    <td width="120">周一</td>
+                                    <td width="120">周二</td>
+                                    <td width="120">周三</td>
+                                    <td width="120">周四</td>
+                                    <td width="120">周五</td>
+                                    <td width="120">周六</td>
+                                    <td width="120">周日</td>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr v-for='item in 6'>
+                                    <td>张三</td>
+                                    <td>张三</td>
+                                    <td>张三</td>
+                                    <td>张三</td>
+                                    <td>张三</td>
+                                    <td>张三</td>
+                                    <td>张三</td>
+                                    <td>张三</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import print from 'print-js'
+export default {
+    components:{
+        BreadCrumb
+    },
+    data(){
+        return{
+            crumbs: [
+                { path: false, name: '医护排班' },
+                { path: false, name: '排班打印' }
+            ],
+        }
+    },
+    methods:{
+        printAction: function() {
+            const style = '@media print { .print_main_content { background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0; } .order_title_panl { text-align: center; } .main_title { font-size: 18px; line-height: 40px; font-weight: 500; } .table_panel { } .table { width: 100%; border: 1px solid; border-collapse: collapse; padding: 2px; } thead tr td { border: 1px solid; text-align: center; font-size: 20px; padding: 15px 5px; } tbody tr td { border: 1px solid; text-align: center; font-size: 18px; padding: 10px 5px; } .proj { padding: 5px 0; text-align: left; } .proj_title { font-size: 16px; font-weight: 500; line-height: 25px; } .proj_item { font-size: 15px; line-height: 20px; } .zone_name { font-weight: 500; } }'
+
+            printJS({
+            printable: 'print_content',
+            type: 'html',
+            documentTitle: '  ',
+            style: style,
+            scanStyles: false
+            })
+        }
+    }
+}
+</script>
+
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.print_main_content {
+  background-color: white;
+  max-width: 1500px;
+  margin: 0 auto;
+  padding: 0 0 20px 0;
+
+  .order_title_panl {
+    text-align: center;
+
+    .main_title {
+      font-size: 18px;
+      line-height: 40px;
+      font-weight: 500;
+    }
+  }
+  .table_panel {
+    .table {
+      width: 100%;
+      border: 1px solid;
+      border-collapse: collapse;
+      padding: 2px;
+
+      thead {
+        tr {
+          td {
+            border: 1px solid;
+            text-align: center;
+            font-size: 20px;
+            padding: 15px 5px;
+          }
+        }
+      }
+      tbody {
+        tr {
+          td {
+            border: 1px solid;
+            text-align: center;
+            font-size: 18px;
+            padding: 10px 5px;
+
+            .proj {
+              padding: 5px 0;
+              text-align: left;
+
+              .proj_title {
+                font-size: 16px;
+                font-weight: 500;
+                line-height: 25px;
+              }
+
+              .proj_item {
+                font-size: 15px;
+                line-height: 20px;
+
+                .zone_name {
+                  font-weight: 500;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>