1

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/medicalScheduling/class.vue

@@ -0,0 +1,190 @@
+<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"></el-table-column>
+                <el-table-column prop="name" label="班种名称" width="100" align="center"></el-table-column>
+                <el-table-column prop="name" label="班种属性" width="100" align="center"></el-table-column>
+                <el-table-column prop="name" label="班种时间" width="200" align="center"></el-table-column>
+                <el-table-column prop="name" label="时长" width="80" align="center"></el-table-column>
+                <el-table-column prop="name" label="状态" width="80" align="center"></el-table-column>
+                <el-table-column prop="name" label="备注" align="center"></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.$index, scope.row)">编辑</el-button>
+                        <el-button
+                        size="mini"
+                        type="danger"
+                        @click="handleDelete(scope.$index, scope.row)">删除</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-dialog
+                title="新建班种"
+                width="660px"
+                :visible.sync="newVisible"
+                :before-close="_close"
+            >
+                <el-form :model="form" :rules="rules" ref="form" label-width="90px">
+                <el-form-item label="角色名称 : " prop="name">
+                    <el-input v-model="form.name" placeholder="" maxlength="30"></el-input>
+                </el-form-item>
+                <el-form-item label="班种属性 : " prop="type">
+                    <el-select v-model="form.type" 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 : " prop="type">
+                    <el-time-select
+                    style="width:140px;"
+                    v-model="form.startTime1"
+                    :picker-options="{
+                    start: '08:00',
+                    step: '00:15',
+                    end: '18:00'
+                    }"
+                    placeholder="选择时间">
+                    </el-time-select> ~
+                    <el-select style="width:100px;" v-model="form.day1" 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.endTime1"
+                    :picker-options="{
+                    start: '08:00',
+                    step: '00:15',
+                    end: '18:00'
+                    }"
+                    placeholder="选择时间">
+                    </el-time-select>
+                </el-form-item>
+                <el-form-item label="班种时间2 : " prop="type">
+                    <el-time-select
+                    style="width:140px;"
+                    v-model="form.startTime2"
+                    :picker-options="{
+                    start: '08:00',
+                    step: '00:15',
+                    end: '18:00'
+                    }"
+                    placeholder="选择时间">
+                    </el-time-select> ~
+                    <el-select style="width:100px;" v-model="form.day2" 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.endTime2"
+                    :picker-options="{
+                    start: '08:00',
+                    step: '00:15',
+                    end: '18:00'
+                    }"
+                    placeholder="选择时间">
+                    </el-time-select>
+                </el-form-item>
+                <el-form-item label="上班时长 : " prop="name">
+                    <el-input v-model="form.duration" placeholder="" maxlength="30"></el-input>
+                </el-form-item>
+                <el-form-item label="备注 : ">
+                    <el-input
+                    type="textarea"
+                    v-model="form.intro"
+                    placeholder=""
+                    resize="none"
+                    rows="2"
+                    ></el-input>
+                </el-form-item>
+                </el-form>
+                <div slot="footer" class="dialog-footer">
+                <el-button @click="hide">取 消</el-button>
+                <el-button type="primary" @click="submitAction()">保 存</el-button>
+                </div>
+            </el-dialog>
+        </div>
+    </div>
+</template>
+
+
+<script>
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+export default {
+    components:{
+        BreadCrumb
+    },
+    data(){
+        return{
+            crumbs: [
+                { path: false, name: '医护排班' },
+                { path: '/medicalScheduling/index', name: '班种列表' }
+            ],
+            tableData: [{
+                date: '2016-05-02',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1518 弄'
+            }, {
+                date: '2016-05-04',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1517 弄'
+            }, {
+                date: '2016-05-01',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1519 弄'
+            }, {
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            }],
+            newVisible:false,
+            form: {
+                id: 0,
+                name: "",
+                type:'',
+                startTime1:'',
+                day1:'',
+                endTime1:'',
+                startTime2:'',
+                day2:'',
+                endTime2:'',
+                duration:'',
+                intro: ""
+            },
+            rules: {
+                name: [
+                { required: true, message: "请输入角色名称", trigger: "blur" },
+                { max: 10, message: "10个字以内", trigger: "blur" }
+                ]
+                // intro: [{ required: true, message: '请输入角色说明', trigger: 'blur' }]
+            },
+            typeOptions:[{ value: 1, label: '出勤'},{ value: 2, label: '缺勤'}],
+            dayOptions:[{ value: 1, label: '当日'},{ value: 2, label: '次日'}]
+
+        }
+    }
+}
+</script>

src/xt_pages/medicalScheduling/index.vue

@@ -0,0 +1,162 @@
+<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"></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-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>
+                            <p>早班(08:00~12:00)</p>
+                            <p>中班(12:00~18:00)</p>
+                            <p>晚班(18:00~24:00)</p>
+                            <p>全班(08:00~18:00)</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'
+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: [{
+                date: '2016-05-02',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1518 弄'
+            }, {
+                date: '2016-05-04',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1517 弄'
+            }, {
+                date: '2016-05-01',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1519 弄'
+            }, {
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            }],
+            isChecked:true
+
+        }
+    },
+    methods:{
+        search(){},
+        toPrint(){
+            this.$router.push({
+                path: '/medicalScheduling/schedule/print',
+                // query: { date: date }
+            })
+        }
+    }
+}
+</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>