医护排班

src/api/doctorSchedule.js

@@ -44,3 +44,19 @@ export function deleteScheduleById(id, orgid) {
     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/xt_pages/medicalScheduling/index.vue

@@ -40,21 +40,23 @@
             <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: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">
-                                <el-dropdown trigger="click">
-                                    <span class="el-dropdown-link">
-                                        下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
-                                    </span>
-                                    <el-dropdown-menu slot="dropdown">
-                                        <el-dropdown-item icon="el-icon-plus">黄金糕</el-dropdown-item>
-                                        <el-dropdown-item icon="el-icon-circle-plus">狮子头</el-dropdown-item>
-                                        <el-dropdown-item icon="el-icon-circle-plus-outline">螺蛳粉</el-dropdown-item>
-                                        <el-dropdown-item icon="el-icon-check">双皮奶</el-dropdown-item>
-                                        <el-dropdown-item icon="el-icon-circle-check">蚵仔煎</el-dropdown-item>
-                                    </el-dropdown-menu>
-                                </el-dropdown>
+                                <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>
@@ -68,13 +70,11 @@
                 <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 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>
@@ -86,6 +86,7 @@
 
 <script>
 import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import { getDoctorList,getScheduleList } from '@/api/doctorSchedule'
 export default {
     components:{
         BreadCrumb
@@ -108,24 +109,9 @@ export default {
                 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
+            tableData: [],
+            isChecked:true,
+            schedulelist:[],
 
         }
     },
@@ -136,8 +122,60 @@ export default {
                 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>