|
@@ -1,142 +1,151 @@
|
1
|
1
|
<template>
|
2
|
|
-<div class="main-contain">
|
|
2
|
+ <div class="main-contain">
|
3
|
3
|
<div class="position">
|
4
|
|
- <bread-crumb></bread-crumb>
|
5
|
|
- <!-- <el-col :span="3" style="text-align: right;"> -->
|
6
|
|
- <el-button size="small" icon="el-icon-setting" type="primary" @click="setScheduleTemplateAction">设置模板</el-button>
|
7
|
|
- <!-- </el-col> -->
|
|
4
|
+ <bread-crumb :crumbs="crumbs"></bread-crumb>
|
|
5
|
+
|
|
6
|
+ <!-- <el-col :span="3" style="text-align: right;"> -->
|
|
7
|
+ <el-button size="small" icon="el-icon-setting" type="primary" @click="setScheduleTemplateAction">设置模板</el-button>
|
|
8
|
+ <!-- </el-col> -->
|
8
|
9
|
</div>
|
9
|
10
|
<div class="app-container">
|
10
|
|
- <!-- <el-row>
|
11
|
|
- <el-col :span="21"> -->
|
12
|
|
- <el-tabs v-model="activeName" tab-position="top" >
|
13
|
|
- <el-tab-pane name="schedules">
|
14
|
|
- <span slot="label"> 排班信息 </span>
|
15
|
|
- <template-table :editable="false" :device_numbers="device_numbers" :template="this_week_schedules" :patients="patients"></template-table>
|
16
|
|
- </el-tab-pane>
|
17
|
|
- <el-tab-pane name="first" :disabled="template_mode.mode == 0">
|
18
|
|
- <span slot="label"> 第一周 </span>
|
19
|
|
- <template-table :editable="true" :device_numbers="device_numbers" :template="first_template" :patients="patients"></template-table>
|
20
|
|
- </el-tab-pane>
|
21
|
|
- <el-tab-pane name="second" :disabled="template_mode.mode != 2">
|
22
|
|
- <span slot="label"> 第二周 </span>
|
23
|
|
- <template-table :editable="true" :device_numbers="device_numbers" :template="second_template" :patients="patients"></template-table>
|
24
|
|
- </el-tab-pane>
|
25
|
|
- </el-tabs>
|
26
|
|
- <!-- </el-col> -->
|
27
|
|
-
|
28
|
|
- <!-- </el-row> -->
|
|
11
|
+ <!-- <el-row>
|
|
12
|
+ <el-col :span="21"> -->
|
|
13
|
+ <el-tabs v-model="activeName" tab-position="top">
|
|
14
|
+ <el-tab-pane name="schedules">
|
|
15
|
+ <span slot="label"> 排班信息 </span>
|
|
16
|
+ <template-table :editable="false" :device_numbers="device_numbers" :template="this_week_schedules"
|
|
17
|
+ :patients="patients"></template-table>
|
|
18
|
+ </el-tab-pane>
|
|
19
|
+ <el-tab-pane name="first" :disabled="template_mode.mode == 0">
|
|
20
|
+ <span slot="label"> 第一周 </span>
|
|
21
|
+ <template-table :editable="true" :device_numbers="device_numbers" :template="first_template"
|
|
22
|
+ :patients="patients"></template-table>
|
|
23
|
+ </el-tab-pane>
|
|
24
|
+ <el-tab-pane name="second" :disabled="template_mode.mode != 2">
|
|
25
|
+ <span slot="label"> 第二周 </span>
|
|
26
|
+ <template-table :editable="true" :device_numbers="device_numbers" :template="second_template"
|
|
27
|
+ :patients="patients"></template-table>
|
|
28
|
+ </el-tab-pane>
|
|
29
|
+ </el-tabs>
|
|
30
|
+ <!-- </el-col> -->
|
|
31
|
+
|
|
32
|
+ <!-- </el-row> -->
|
29
|
33
|
|
30
|
|
- <set-up-template-dialog ref="setup_dialog" :template_mode="template_mode" :origin_mode="origin_mode" @chenge_mode="didChangeTemplateMode"></set-up-template-dialog>
|
|
34
|
+ <set-up-template-dialog ref="setup_dialog" :template_mode="template_mode" :origin_mode="origin_mode"
|
|
35
|
+ @chenge_mode="didChangeTemplateMode"></set-up-template-dialog>
|
31
|
36
|
</div>
|
32
|
|
- </div>
|
|
37
|
+ </div>
|
33
|
38
|
</template>
|
34
|
39
|
|
35
|
40
|
<script>
|
36
|
|
-import SetUpTemplateDialog from "./components/setup_template_dialog"
|
37
|
|
-import TemplateTable from "./components/template_table"
|
38
|
|
-import { getTemplateInitData } from "@/api/schedule_template/patient"
|
39
|
|
-import BreadCrumb from "@/xt_pages/components/bread-crumb";
|
|
41
|
+ import SetUpTemplateDialog from './components/setup_template_dialog'
|
|
42
|
+ import TemplateTable from './components/template_table'
|
|
43
|
+ import { getTemplateInitData } from '@/api/schedule_template/patient'
|
|
44
|
+ import BreadCrumb from '@/xt_pages/components/bread-crumb'
|
40
|
45
|
|
41
|
|
-export default {
|
42
|
|
- name: "WorkforceTemplate",
|
|
46
|
+ export default {
|
|
47
|
+ name: 'WorkforceTemplate',
|
43
|
48
|
components: {
|
44
|
|
- SetUpTemplateDialog,
|
45
|
|
- TemplateTable,
|
46
|
|
- BreadCrumb
|
|
49
|
+ SetUpTemplateDialog,
|
|
50
|
+ TemplateTable,
|
|
51
|
+ BreadCrumb
|
47
|
52
|
},
|
48
|
53
|
data: function() {
|
49
|
|
- return {
|
50
|
|
- activeName: "schedules",
|
51
|
|
- template_mode: {
|
52
|
|
- id: 0,
|
53
|
|
- mode: 0,
|
54
|
|
- },
|
55
|
|
- origin_mode: 0,
|
56
|
|
- device_numbers: [],
|
57
|
|
- patients: [],
|
|
54
|
+ return {
|
|
55
|
+ crumbs: [
|
|
56
|
+ { path: false, name: '排班管理' },
|
|
57
|
+ { path: 'workforce/template', name: '排班模版' }
|
|
58
|
+ ],
|
|
59
|
+ activeName: 'schedules',
|
|
60
|
+ template_mode: {
|
|
61
|
+ id: 0,
|
|
62
|
+ mode: 0
|
|
63
|
+ },
|
|
64
|
+ origin_mode: 0,
|
|
65
|
+ device_numbers: [],
|
|
66
|
+ patients: [],
|
58
|
67
|
|
59
|
|
- first_template: {
|
60
|
|
- items: [],
|
61
|
|
- },
|
62
|
|
- second_template: {
|
63
|
|
- items: [],
|
64
|
|
- },
|
65
|
|
- this_week_schedules: {
|
66
|
|
- id: 0,
|
67
|
|
- items: [],
|
68
|
|
- }
|
|
68
|
+ first_template: {
|
|
69
|
+ items: []
|
|
70
|
+ },
|
|
71
|
+ second_template: {
|
|
72
|
+ items: []
|
|
73
|
+ },
|
|
74
|
+ this_week_schedules: {
|
|
75
|
+ id: 0,
|
|
76
|
+ items: []
|
69
|
77
|
}
|
|
78
|
+ }
|
70
|
79
|
},
|
71
|
80
|
created() {
|
72
|
|
- getTemplateInitData().then(rs => {
|
73
|
|
- var resp = rs.data
|
74
|
|
- if (resp.state == 1) {
|
75
|
|
- var mode = resp.data.template_mode
|
76
|
|
- var device_numbers = resp.data.device_numbers
|
77
|
|
- var templates = resp.data.templates
|
78
|
|
- var patients = resp.data.patients
|
79
|
|
- var schedules = resp.data.schedules
|
|
81
|
+ getTemplateInitData().then(rs => {
|
|
82
|
+ var resp = rs.data
|
|
83
|
+ if (resp.state == 1) {
|
|
84
|
+ var mode = resp.data.template_mode
|
|
85
|
+ var device_numbers = resp.data.device_numbers
|
|
86
|
+ var templates = resp.data.templates
|
|
87
|
+ var patients = resp.data.patients
|
|
88
|
+ var schedules = resp.data.schedules
|
80
|
89
|
|
81
|
|
- this.template_mode = mode
|
82
|
|
- this.origin_mode = mode.mode
|
83
|
|
- this.device_numbers = device_numbers,
|
84
|
|
- this.patients = patients
|
|
90
|
+ this.template_mode = mode
|
|
91
|
+ this.origin_mode = mode.mode
|
|
92
|
+ this.device_numbers = device_numbers,
|
|
93
|
+ this.patients = patients
|
85
|
94
|
|
86
|
|
- this.first_template = templates[0]
|
87
|
|
- this.second_template = templates[1]
|
|
95
|
+ this.first_template = templates[0]
|
|
96
|
+ this.second_template = templates[1]
|
88
|
97
|
|
89
|
|
- var fakeTemplateItems = []
|
90
|
|
- for (let index = 0; index < schedules.length; index++) {
|
91
|
|
- const schedule = schedules[index];
|
92
|
|
- var item = {}
|
93
|
|
- this.$set(item, "id", schedule.id)
|
94
|
|
- this.$set(item, "template_id", 0)
|
95
|
|
- this.$set(item, "device_number_id", schedule.bed_id)
|
96
|
|
- this.$set(item, "treat_mode", schedule.mode_id)
|
97
|
|
- this.$set(item, "weekday", schedule.schedule_week)
|
98
|
|
- this.$set(item, "time_type", schedule.schedule_type)
|
99
|
|
- var patient = {}
|
100
|
|
- this.$set(patient, "id", schedule.patient_id)
|
101
|
|
- this.$set(patient, "name", schedule.patient)
|
102
|
|
- this.$set(item, "patient", patient)
|
|
98
|
+ var fakeTemplateItems = []
|
|
99
|
+ for (let index = 0; index < schedules.length; index++) {
|
|
100
|
+ const schedule = schedules[index]
|
|
101
|
+ var item = {}
|
|
102
|
+ this.$set(item, 'id', schedule.id)
|
|
103
|
+ this.$set(item, 'template_id', 0)
|
|
104
|
+ this.$set(item, 'device_number_id', schedule.bed_id)
|
|
105
|
+ this.$set(item, 'treat_mode', schedule.mode_id)
|
|
106
|
+ this.$set(item, 'weekday', schedule.schedule_week)
|
|
107
|
+ this.$set(item, 'time_type', schedule.schedule_type)
|
|
108
|
+ var patient = {}
|
|
109
|
+ this.$set(patient, 'id', schedule.patient_id)
|
|
110
|
+ this.$set(patient, 'name', schedule.patient)
|
|
111
|
+ this.$set(item, 'patient', patient)
|
103
|
112
|
|
104
|
|
- fakeTemplateItems.push(item)
|
105
|
|
- }
|
106
|
|
- this.this_week_schedules.items = fakeTemplateItems
|
|
113
|
+ fakeTemplateItems.push(item)
|
|
114
|
+ }
|
|
115
|
+ this.this_week_schedules.items = fakeTemplateItems
|
107
|
116
|
|
108
|
|
- } else {
|
109
|
|
- this.$message(resp.msg)
|
110
|
|
- }
|
111
|
|
- })
|
|
117
|
+ } else {
|
|
118
|
+ this.$message(resp.msg)
|
|
119
|
+ }
|
|
120
|
+ })
|
112
|
121
|
},
|
113
|
122
|
methods: {
|
114
|
|
- setScheduleTemplateAction: function() {
|
115
|
|
- this.$refs.setup_dialog.show()
|
116
|
|
- },
|
117
|
|
- didChangeTemplateMode: function(mode) {
|
118
|
|
- if (this.origin_mode != mode) {
|
119
|
|
- if (this.origin_mode == 0) { // 0 -> 1 或 0 -> 2
|
120
|
|
- // 不处理模板 item
|
121
|
|
- } else if (mode == 0) { // 1 -> 0 或 2 -> 0 清除所有模板的 item
|
122
|
|
- this.first_template.items.splice(0, this.first_template.items.length)
|
123
|
|
- this.second_template.items.splice(0, this.second_template.items.length)
|
124
|
|
- if (this.activeName != "schedules") {
|
125
|
|
- this.activeName = "schedules"
|
126
|
|
- }
|
127
|
|
- } else if (this.origin_mode == 1 && mode == 2) { // 1 -> 2
|
128
|
|
- // 不处理模板 item
|
129
|
|
- } else if (this.origin_mode == 2 && mode == 1) { // 2 -> 1 清除第二个模板的 item
|
130
|
|
- this.second_template.items.splice(0, this.second_template.items.length)
|
131
|
|
- if (this.activeName == "second") {
|
132
|
|
- this.activeName = "schedules"
|
133
|
|
- }
|
134
|
|
- }
|
135
|
|
- this.origin_mode = mode
|
|
123
|
+ setScheduleTemplateAction: function() {
|
|
124
|
+ this.$refs.setup_dialog.show()
|
|
125
|
+ },
|
|
126
|
+ didChangeTemplateMode: function(mode) {
|
|
127
|
+ if (this.origin_mode != mode) {
|
|
128
|
+ if (this.origin_mode == 0) { // 0 -> 1 或 0 -> 2
|
|
129
|
+ // 不处理模板 item
|
|
130
|
+ } else if (mode == 0) { // 1 -> 0 或 2 -> 0 清除所有模板的 item
|
|
131
|
+ this.first_template.items.splice(0, this.first_template.items.length)
|
|
132
|
+ this.second_template.items.splice(0, this.second_template.items.length)
|
|
133
|
+ if (this.activeName != 'schedules') {
|
|
134
|
+ this.activeName = 'schedules'
|
|
135
|
+ }
|
|
136
|
+ } else if (this.origin_mode == 1 && mode == 2) { // 1 -> 2
|
|
137
|
+ // 不处理模板 item
|
|
138
|
+ } else if (this.origin_mode == 2 && mode == 1) { // 2 -> 1 清除第二个模板的 item
|
|
139
|
+ this.second_template.items.splice(0, this.second_template.items.length)
|
|
140
|
+ if (this.activeName == 'second') {
|
|
141
|
+ this.activeName = 'schedules'
|
136
|
142
|
}
|
|
143
|
+ }
|
|
144
|
+ this.origin_mode = mode
|
137
|
145
|
}
|
|
146
|
+ }
|
138
|
147
|
}
|
139
|
|
-}
|
|
148
|
+ }
|
140
|
149
|
</script>
|
141
|
150
|
|
142
|
151
|
<style scoped>
|