排班

src/api/doctorSchedule.js

@@ -0,0 +1,46 @@
+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
+  })
+}

src/xt_pages/medicalScheduling/class.vue

@@ -8,38 +8,71 @@
         </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="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.$index, scope.row)">编辑</el-button>
+                        @click="handleEdit(scope.row.id)">编辑</el-button>
                         <el-button
                         size="mini"
                         type="danger"
-                        @click="handleDelete(scope.$index, scope.row)">删除</el-button>
+                        @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="660px"
+                width="800px"
                 :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 :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="班种属性 : " prop="type">
-                    <el-select v-model="form.type" placeholder="请选择">
+                <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"
@@ -48,10 +81,45 @@
                         </el-option>
                     </el-select>
                 </el-form-item>
-                <el-form-item label="班种时间1 : " prop="type">
+                <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.startTime1"
+                    v-model="form.timetwo_start"
                     :picker-options="{
                     start: '08:00',
                     step: '00:15',
@@ -59,7 +127,7 @@
                     }"
                     placeholder="选择时间">
                     </el-time-select> ~
-                    <el-select style="width:100px;" v-model="form.day1" placeholder="请选择">
+                    <el-select style="width:100px;" v-model="form.timetwo_type" placeholder="请选择">
                         <el-option
                         v-for="item in dayOptions"
                         :key="item.value"
@@ -69,7 +137,7 @@
                     </el-select>
                     <el-time-select
                     style="width:140px;"
-                    v-model="form.endTime1"
+                    v-model="form.timetwo_end"
                     :picker-options="{
                     start: '08:00',
                     step: '00:15',
@@ -78,10 +146,84 @@
                     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.startTime2"
+                    v-model="form.timetwo_start"
                     :picker-options="{
                     start: '08:00',
                     step: '00:15',
@@ -89,7 +231,7 @@
                     }"
                     placeholder="选择时间">
                     </el-time-select> ~
-                    <el-select style="width:100px;" v-model="form.day2" placeholder="请选择">
+                    <el-select style="width:100px;" v-model="form.timetwo_type" placeholder="请选择">
                         <el-option
                         v-for="item in dayOptions"
                         :key="item.value"
@@ -99,7 +241,7 @@
                     </el-select>
                     <el-time-select
                     style="width:140px;"
-                    v-model="form.endTime2"
+                    v-model="form.timetwo_end"
                     :picker-options="{
                     start: '08:00',
                     step: '00:15',
@@ -108,13 +250,13 @@
                     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 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.intro"
+                    v-model="form.remarks"
                     placeholder=""
                     resize="none"
                     rows="2"
@@ -122,8 +264,8 @@
                 </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>
+                <el-button @click="EditNewVisible=false">取 消</el-button>
+                <el-button type="primary" @click="UpdateSubmitAction('form')">保 存</el-button>
                 </div>
             </el-dialog>
         </div>
@@ -132,6 +274,7 @@
 
 
 <script>
+import {saveDoctorSchedules,getDoctorScheduleList,getScheduleDetail,UpdateSchedule,deleteScheduleById } from '@/api/doctorSchedule'
 import BreadCrumb from '@/xt_pages/components/bread-crumb'
 export default {
     components:{
@@ -143,48 +286,239 @@ export default {
                 { 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 弄'
-            }],
+            tableData: [],
             newVisible:false,
+            EditNewVisible:false,
             form: {
                 id: 0,
-                name: "",
-                type:'',
-                startTime1:'',
-                day1:'',
-                endTime1:'',
-                startTime2:'',
-                day2:'',
-                endTime2:'',
-                duration:'',
-                intro: ""
+                class_name: "",
+                class_attributes:'',
+                timeone_start:'',
+                timeone_type:'',
+                timeone_end:'',
+                timetwo_start:'',
+                timetwo_type:'',
+                timetwo_end:'',
+                work_time:'',
+                remarks: "",
+                user_org_id:0,
             },
             rules: {
-                name: [
-                { required: true, message: "请输入角色名称", trigger: "blur" },
-                { max: 10, message: "10个字以内", trigger: "blur" }
-                ]
-                // intro: [{ required: true, message: '请输入角色说明', trigger: 'blur' }]
+              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: '次日'}]
-
+            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

@@ -40,7 +40,9 @@
             <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">
+
+                        </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>
@@ -122,6 +124,9 @@ export default {
                 // query: { date: date }
             })
         }
+    },
+    created(){
+        
     }
 }
 </script>