1

src/xt_pages/medicalScheduling/medical_print.vue

@@ -14,6 +14,9 @@
                     <div class="order_title_panl">
                         <span class="main_title">{{ $store.getters.xt_user.org.org_name }}医护排班表</span>
                     </div>
+                    <div style="text-align:right;margin-bottom:20px;font-size: 18px;">
+                      打印时间：{{ getNowFormatDate() }}
+                    </div>
                     <div class="table_panel">
                         <table class="table">
                             <thead>
@@ -29,15 +32,15 @@
                                 </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 v-for='(item,index) in tableData' :key="index">
+                                    <td>{{ item.user_name }}</td>
+                                    <td>{{ getClass(item.user_name,1) }}</td>
+                                    <td>{{ getClass(item.user_name,2) }}</td>
+                                    <td>{{ getClass(item.user_name,3) }}</td>
+                                    <td>{{ getClass(item.user_name,4) }}</td>
+                                    <td>{{ getClass(item.user_name,5) }}</td>
+                                    <td>{{ getClass(item.user_name,6) }}</td>
+                                    <td>{{ getClass(item.user_name,7) }}</td>
                                 </tr>
                             </tbody>
                         </table>
@@ -64,29 +67,33 @@ export default {
           ],
           start_time:"",
           end_time:"",
+
+          doctorlist:[],
+          tableData:[]
         }
     },
     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; } }'
+      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
-            })
-        },
-        getDoctorList(){
-          getDoctorList().then(response=>{
-             var list =  response.data.data.list
-             console.log("医护列表",list)
-              this.getStaffScheduleList()
+          printJS({
+          printable: 'print_content',
+          type: 'html',
+          documentTitle: '  ',
+          style: style,
+          scanStyles: false
           })
-        },
-        //获取本周的所有排班列表
-       getStaffScheduleList(){
+      },
+      getDoctorList(){
+        getDoctorList().then(response=>{
+          var list =  response.data.data.list
+          console.log("医护列表",list)
+          this.doctorlist = list
+          this.getStaffScheduleList()
+        })
+      },
+      //获取本周的所有排班列表
+      getStaffScheduleList(){
           const params = {
             start_time:this.start_time,
             end_time:this.end_time,
@@ -95,9 +102,68 @@ export default {
             if(response.data.state == 1){
               var staffList = response.data.data.staffList
               console.log("staffList",staffList)
+
+              let tempArr = [], newArr = []
+              for (let i = 0; i < staffList.length; i++) {
+                if(tempArr.indexOf(staffList[i].user_name) === -1) {
+                  newArr.push({
+                    user_name: staffList[i].user_name,
+                    admin_user_id:staffList[i].admin_user_id,
+                    list: [{class_name:staffList[i].class_name,schedule_week:staffList[i].schedule_week}]
+                  })
+                  tempArr.push(staffList[i].user_name);
+                } else {
+                  for (let j = 0; j < newArr.length; j++) {
+                    if (newArr[j].user_name == staffList[i].user_name) {
+                      newArr[j].list.push({class_name:staffList[i].class_name,admin_user_id:staffList[i].admin_user_id,schedule_week:staffList[i].schedule_week})
+                    }
+                  }
+                }
+              }
+              let arr = [...newArr]
+              this.doctorlist.map((item,index) => {
+                if(!(arr[index] && item.admin_user_id == arr[index].admin_user_id)){
+                  arr.splice(index,0,{user_name:item.user_name,admin_user_id: item.admin_user_id,list: []})
+                }
+              })
+              console.log(arr)
+              this.tableData = arr
+              
             }
          })
-       }
+      },
+      getClass(name,index){
+        if(name != undefined){
+          let newClass = '';
+          this.tableData.map(item => {
+            if(item.user_name == name){
+              if(item.list){
+                item.list.map(it => {
+                  if(it.schedule_week == index){
+                    newClass = it.class_name
+                  }
+                })
+              } 
+            }
+          })
+          return newClass
+        }
+      },
+      getNowFormatDate() {
+        var date = new Date();
+        var seperator1 = "-";
+        var year = date.getFullYear();
+        var month = date.getMonth() + 1;
+        var strDate = date.getDate();
+        if (month >= 1 && month <= 9) {
+            month = "0" + month;
+        }
+        if (strDate >= 0 && strDate <= 9) {
+            strDate = "0" + strDate;
+        }
+        var currentdate = year + seperator1 + month + seperator1 + strDate;
+        return currentdate;
+      }
     },
     created(){
       var starttime =  this.$route.query.starttime