1

src/xt_pages/medicalScheduling/index.vue

@@ -33,30 +33,28 @@
                         :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>
+                <el-button @click="lastclick" type="text" style="margin:0 10px;">&lt;上一周({{ weekNum - 1 }})</el-button>
+                <div class="dateBox">{{ weekDayArr[0] }}-{{ weekDayArr[6] }}({{ weekNum }})</div>
+                <el-button @click="nextclick" type="text" style="margin:0 10px;">下一周({{ weekNum + 1 }})&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 prop="name" label="医护姓名" style="width:16%" align="center"></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>
+                                <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>
                             </template>
                         </el-table-column>
                         <el-table-column prop="name" label="周二" style="width:14%" align="center"></el-table-column>
@@ -70,11 +68,13 @@
                 <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>
+                            <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>
@@ -86,7 +86,6 @@
 
 <script>
 import BreadCrumb from '@/xt_pages/components/bread-crumb'
-import { getDoctorList,getScheduleList } from '@/api/doctorSchedule'
 export default {
     components:{
         BreadCrumb
@@ -109,12 +108,42 @@ export default {
                 label: '护士'
             }],
             typeValue:'1',
-            tableData: [],
+            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,
-            schedulelist:[],
+            weekNum:'',
+            weekDayArr:[],
+            todayDate:'',
+            clen:7,
+            nowYear: new Date().getFullYear()
 
         }
     },
+    created(){
+        let year = new Date().getFullYear()
+        let month = new Date().getMonth() + 1
+        let date = new Date().getDate()
+        this.weekNum = this.getYearWeek(year,month,date)
+
+        this.todayDate=this.formatDate(new Date())
+        this.setDate(new Date())
+        
+    },
     methods:{
         search(){},
         toPrint(){
@@ -123,59 +152,73 @@ export default {
                 // 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
+        formatDate(date){      
+          var year = date.getFullYear()+'.'       
+          var month = (date.getMonth()+1)+'.';
+          var day = date.getDate();
+          return year+month+day
+        }, 
+        addDate(date,n){        
+          date.setDate(date.getDate()+n);        
+          return date;
+        },  
+        //
+        setDate(date){           
+            var week = date.getDay()-1;
+            date = this.addDate(date,week*-1);
+            this.currentFirstDate = new Date(date);
+            for(var i = 0;i<this.clen; i++){     
+                this.weekDayArr.push(this.formatDate(i==0 ? date : this.addDate(date,1)))
+            }     
+            console.log(333333333,this.weekDayArr)           
+        },
+        //上一周 
+        lastclick(){
+            this.weekDayArr=[]
+            this.setDate(this.addDate(this.currentFirstDate,-7));   
+            this.weekNum = this.weekNum - 1
+            if(this.weekNum - 1 == 0){
+                let year = this.nowYear - 1
+                let month = 12
+                let date = 31
+                this.weekNum = this.getYearWeek(year,month,date)
+                this.nowYear = this.nowYear - 1
             }
-        })
-     },
-     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
+        },
+        //下一周
+        nextclick(){ 
+            this.weekDayArr=[]                
+            this.setDate(this.addDate(this.currentFirstDate,7));
+            this.weekNum = this.weekNum + 1
+            if(this.weekNum + 1 == 54){
+                let year = this.nowYear + 1
+                let month = 1
+                let date = 1
+                this.weekNum = this.getYearWeek(year,month,date)
+                this.nowYear = this.nowYear + 1
+                console.log('year',year)
+                console.log('month',month)
+                console.log('date',date)
+                console.log(this.weekNum)
+                console.log('执行')
+            }
+        },
+
+        getYearWeek(year,month,date){
+            /*  
+                dateNow是当前日期 
+                dateFirst是当年第一天  
+                dataNumber是当前日期是今年第多少天  
+                用dataNumber + 当前年的第一天的周差距的和在除以7就是本年第几周  
+            */      
+            let dateNow = new Date(year, parseInt(month) - 1, date);
+            let dateFirst = new Date(year, 0, 1);
+            let dataNumber = Math.round((dateNow.valueOf() - dateFirst.valueOf()) / 86400000);
+            console.log(222222222222,Math.ceil((dataNumber + ((dateFirst.getDay() + 1) - 1)) / 7))
+            return Math.ceil((dataNumber + ((dateFirst.getDay() + 1) - 1)) / 7);        
         }
-     },
-     hangdleClick(val,index){
-      console.log("点击",val)
-      console.log("index",index)
-      this.index =index
-     }
-    },
-   created(){
-    //获取医护人员
-    this.getDoctorList()
-    //获取班种
-    this.getScheduleList()
-  }
+
+    }
 }
 </script>