Home Explore Help
Register Sign In
csx
/
Vue_New
Watch 2
Star 1
Fork 1
Code Issues 71 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

7月3日杨青

杨青 1 year ago
parent
2ffc490ca2
commit
3f63e47071
18 changed files with 3934 additions and 85 deletions
Split View Show Diff Stats
  1. 140 0
      .idea/shelf/Uncommitted_changes_before_Update_at_2023_6_30_17_15_[Changes]/shelved.patch
  2. 253 0
      src/xt_pages/user/evaluationtool/Cathetershedding.vue
  3. 267 0
      src/xt_pages/user/evaluationtool/Constraintnotification.vue
  4. 303 0
      src/xt_pages/user/evaluationtool/Fallassessment.vue
  5. 207 0
      src/xt_pages/user/evaluationtool/Glasgow.vue
  6. 232 0
      src/xt_pages/user/evaluationtool/Muscleforce.vue
  7. 224 0
      src/xt_pages/user/evaluationtool/OHpressuresore.vue
  8. 351 0
      src/xt_pages/user/evaluationtool/RassAssessment.vue
  9. 200 0
      src/xt_pages/user/evaluationtool/dailyLife.vue
  10. 612 0
      src/xt_pages/user/evaluationtool/hemodialysis.vue
  11. 166 0
      src/xt_pages/user/evaluationtool/mindAssessment.vue
  12. 249 0
      src/xt_pages/user/evaluationtool/nourishmentAssessment.vue
  13. 196 0
      src/xt_pages/user/evaluationtool/pediatricFallAssessment.vue
  14. 263 0
      src/xt_pages/user/evaluationtool/pressuresore.vue
  15. 185 0
      src/xt_pages/user/evaluationtool/pruritusAssessment.vue
  16. 28 27
      src/xt_pages/workforce/components/editTableData.vue
  17. 27 27
      src/xt_pages/workforce/components/historyWeekTable.vue
  18. 31 31
      src/xt_pages/workforce/components/tableData.vue

File diff suppressed because it is too large
+ 140 - 0
.idea/shelf/Uncommitted_changes_before_Update_at_2023_6_30_17_15_[Changes]/shelved.patch


+ 253 - 0
src/xt_pages/user/evaluationtool/Cathetershedding.vue View File 

@@ -0,0 +1,253 @@
1 
+<template>
2 
+    <div class="patient-container">
3 
+        <patient-sidebar :id="patientID" defaultActive="5-5"></patient-sidebar>
4 
+        <div>
5 
+            <div class="patient-app-container advice-container app-container">
6 
+                <div class='content_top' style="width: 100%;margin-bottom: 20px;">
7 
+                    <div style="font-size: 20px;"> 住院患者导管脱落危险因素评估记录表</div>
8 
+                    <div>
9 
+                        <el-button>历史评分</el-button>
10 
+                    </div>
11 
+                </div>
12 
+
13 
+                <div>
14 
+                    <table class="table" border="1" style="width: 100%;">
15 
+                        <thead>
16 
+                            <tr>
17 
+                                <th style="width: 180px;">项目</th>
18 
+                                <th style="width: 800px;">分值</th>
19 
+                                <th>护理措施</th>
20 
+                            </tr>
21 
+                        </thead>
22 
+                        <tbody>
23 
+                           <tr>
24 
+                             <td class="start">A.脱管后风险程度</td>
25 
+                             <td>
26 
+                                <div class="jiange">
27 
+                                    <el-radio-group v-model="radio">
28 
+                                        <el-radio v-for="(item,index ) in tuoguan" :label="item" :key="index">{{ item }}</el-radio>
29 
+                                    </el-radio-group>
30 
+                                </div>
31 
+                             </td>
32 
+                             <td rowspan="3">
33 
+                                <div style="vertical-align: top; color: black;">
34 
+                                    <label><input name="ball" type="checkbox" value="football" />1.管道维护，导管脱落严重后果及预防措施的健康教育；</label> <br/>
35 
+                                    <label><input name="ball" type="checkbox" value="football" />2.床边悬挂警示标识（＞9分悬挂）；</label><br/>
36 
+                                    <label><input name="ball" type="checkbox" value="football" />3.正确妥善固定；</label><br/>
37 
+                                    <label><input name="ball" type="checkbox" value="football" />4.正确卧位及床上活动方式， 病人带管下床活动时， 将引流管固定在病人的衣服或裤子上；</label><br/>
38 
+                                    <label><input name="ball" type="checkbox" value="football" />5.加强巡视，及时发现满足患者需要；</label><br/>
39 
+                                    <label><input name="ball" type="checkbox" value="football" />6.严格交接班，各班重点交接，观察外露长度，必要时记录；</label><br/>
40 
+                                    <label><input name="ball" type="checkbox" value="football" />7.昏迷、暴躁、不合作病人，根据医嘱使用镇静剂和约束带；</label><br/>
41 
+                                    <label><input name="ball" type="checkbox" value="football" />8.进行诊疗护理需要移动患者时，根据医嘱使用镇静剂和约束带；</label><br/>
42 
+                                    <label><input name="ball" type="checkbox" value="football" />9.对于气管插管清醒患者，进行心理疏导和安全教育。</label>
43 
+                                </div>
44 
+                             </td>
45 
+                           </tr>
46 
+                           <tr>
47 
+                             <td class="start">B.患者意识程度</td>
48 
+                             <td>
49 
+                                <div class="jiange">
50 
+                                    <el-radio-group v-model="radio">
51 
+                                        <el-radio v-for="(item,index ) in yishi" :label="item" :key="index">{{ item }}</el-radio>
52 
+                                    </el-radio-group>
53 
+                                </div>
54 
+                             </td>
55 
+                           </tr>
56 
+                           <tr>
57 
+                             <td class="start">C.患者配合程度</td>
58 
+                             <td>
59 
+                                <div  class="jiange">
60 
+                                    <el-radio-group v-model="radio">
61 
+                                      <el-radio v-for="(item,index ) in peihe" :label="item" :key="index">{{ item }}</el-radio>
62 
+                                    </el-radio-group>
63 
+                                </div>
64 
+                             </td>
65 
+                           </tr>
66 
+                        </tbody>
67 
+                    </table>
68 
+                </div>
69 
+
70 
+                <div class="content_top" style="margin: 10px 0px;">
71 
+                    <div>
72 
+                        <div class="bottoms">
73 
+                        <span>总分:</span>
74 
+                        <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>分
75 
+                        </div>
76 
+
77 
+                        <div class="bottoms">
78 
+                            <span>评估日期:</span>
79 
+                            <el-date-picker
80 
+                                v-model="value1"
81 
+                                type="date"
82 
+                                placeholder="选择日期"
83 
+                                :clearable="false"
84 
+                                style="width: 150px;">
85 
+                            </el-date-picker>
86 
+                        </div>
87 
+
88 
+                        <div class="bottoms">
89 
+                            <span>评估人:</span>
90 
+                            <el-select v-model="value" placeholder="请选择" >
91 
+                                <el-option
92 
+                                v-for="item in options"
93 
+                                :key="item.value"
94 
+                                :label="item.label"
95 
+                                :value="item.value"
96 
+                                style="width:150px;">
97 
+                                </el-option>
98 
+                            </el-select>
99 
+                        </div>
100 
+
101 
+                    </div>
102 
+                    <div style="margin:5px 10px;">
103 
+                            <el-button type="primary">确认</el-button>
104 
+                    </div>
105 
+                </div>
106 
+                <hr /><!--水平线-->
107 
+                <div style="margin-top: 20px;">
108 
+                    <p>患者知情同意书：我对住院期间发生导管脱落的风险及预防措施已知晓，并给予配合。</p>
109 
+                    <div class="zhuangui">
110 
+                        <p style="display: inline-block; margin-right: 70px;">患者/家属签字: <span style="display: inline-block;border-bottom:1px solid #DCDFE6;width: 60px;"></span></p>
111 
+                        <p style="display: inline-block;">
112 
+                            日期：
113 
+                            <el-date-picker
114 
+                                v-model="value1"
115 
+                                type="date"
116 
+                                placeholder="选择日期"
117 
+                                style="width: 150px;">
118 
+                            </el-date-picker>
119 
+                        </p>
120 
+                    </div>
121 
+                    <div class="zhuangui">
122 
+                        <span>转归：</span>
123 
+                        <el-radio v-model="radio" label="1">脱落</el-radio>
124 
+                        <el-radio v-model="radio" label="2">未脱落</el-radio>
125 
+                    </div>
126 
+                    <div class="zhuangui">
127 
+                        <p style="display: inline-block; margin-right: 30px;">
128 
+                            评估人签字:
129 
+                            <el-select v-model="value" placeholder="请选择" style="width: 120px;">
130 
+                                <el-option
131 
+                                v-for="item in options"
132 
+                                :key="item.value"
133 
+                                :label="item.label"
134 
+                                :value="item.value">
135 
+                                </el-option>
136 
+                            </el-select>
137 
+                        </p>
138 
+                        <p style="display: inline-block;">
139 
+                            日期：
140 
+                            <el-date-picker
141 
+                                v-model="value1"
142 
+                                type="date"
143 
+                                placeholder="选择日期"
144 
+                                style="width: 150px;">
145 
+                            </el-date-picker>
146 
+                        </p>
147 
+                    </div>
148 
+                    <div class="zhuangui">
149 
+                        <p style="display: inline-block; margin-right: 30px;">
150 
+                            护士长签字:
151 
+                            <el-select v-model="value" placeholder="请选择" style="width: 120px;">
152 
+                                <el-option
153 
+                                v-for="item in options"
154 
+                                :key="item.value"
155 
+                                :label="item.label"
156 
+                                :value="item.value">
157 
+                                </el-option>
158 
+                            </el-select>
159 
+                        </p>
160 
+                        <p style="display: inline-block;">
161 
+                            日期：
162 
+                            <el-date-picker
163 
+                                v-model="value1"
164 
+                                type="date"
165 
+                                placeholder="选择日期"
166 
+                                style="width: 150px;">
167 
+                            </el-date-picker>
168 
+                        </p>
169 
+                    </div>
170 
+                </div>
171 
+                <hr style="margin: 10px 0px;"/><!--水平线-->
172 
+                <div class="shuoming">
173 
+                    <p>说明：</p>
174 
+                    <p>1.＜5分为正常，5~8分为危险，≥9分为高度危险。</p>
175 
+                    <p>2.导管脱落危险因素≥5分，需填写该表。</p>
176 
+                    <p>3.常规情况下，评分5~8分，至少每天评估一次；评分≥9，至少每班评估一次，紧急与特殊情况，应随时评估。</p>
177 
+                </div>
178 
+            </div>
179 
+        </div>
180 
+
181 
+    </div>
182 
+</template>
183 
+<script>
184 
+import PatientSidebar from '../components/PatientSidebar.vue'
185 
+export default {
186 
+    components:{
187 
+      PatientSidebar
188 
+    },
189 
+    data(){
190 
+        return{
191 
+            patientID:0,
192 
+            value1:'',
193 
+            radio:'',
194 
+            options:[],
195 
+            input:'',
196 
+            value:'',
197 
+            tuoguan:['低危导管 (1分)','中危导管 (2分)','高危导管 (3分)'],
198 
+            yishi:['意识清醒 (0分)','中昏迷、深昏迷 (1分)','嗜睡、昏睡 (2分)','浅昏迷 (3分)','意识模糊 (4分)'],
199 
+            peihe:['完全配合 (1分)','部分配合 (2分)','不配合 (3分)']
200 
+        }
201 
+    }
202 
+}
203 
+</script>
204 
+<style lang="scss" scoped>
205 
+    .content_top{
206 
+      display: flex;
207 
+      justify-content: space-between;
208 
+    }
209 
+    .table{
210 
+        border: 1px solid #DCDFE6;
211 
+        border-collapse:collapse;
212 
+        border-spacing: 0;
213 
+        thead th{
214 
+            background: #0077ff9f;
215 
+            color: white;
216 
+            text-align: center;
217 
+            height: 40px;
218 
+        }
219 
+        tbody td{
220 
+           height: 40px;
221 
+        }
222 
+        .start{
223 
+            text-align: center;
224 
+        }
225 
+        .bing{
226 
+            width: 150px;
227 
+            text-align: center;
228 
+        }
229 
+        .bg_color{
230 
+            background: rgb(243, 240, 240);
231 
+        }
232 
+        .jiange{
233 
+            margin-left: 20px;
234 
+            color: black;
235 
+        }
236 
+        input{
237 
+            -webkit-appearance: checkbox;
238 
+        }
239 
+    }
240 
+    .bottoms{
241 
+        display: inline-block;
242 
+        margin-left: 10px;
243 
+        margin-top: 5px;
244 
+    }
245 
+    .shuoming p{
246 
+      margin-top: 5px;
247 
+      color: rgb(167, 165, 165);
248 
+    }
249 
+    .zhuangui{
250 
+        margin-top: 10px;
251 
+    }
252 
+
253 
+</style>

+ 267 - 0
src/xt_pages/user/evaluationtool/Constraintnotification.vue View File 

@@ -0,0 +1,267 @@
1 
+<template>
2 
+    <div class="patient-container">
3 
+        <patient-sidebar :id="patientID" defaultActive="5-9"></patient-sidebar>
4 
+        <div>
5 
+            <div class="patient-app-container advice-container app-container">
6 
+                <div class="content_top" style="background: rgb(243, 240, 240);border: 1px solid #DCDFE6;padding: 10px;">
7 
+                    <p style="font-size: 18px;">约束告知单</p>
8 
+                    <div>
9 
+                        <el-button type="primary">确定</el-button>
10 
+                    </div>
11 
+                </div>
12 
+                <div style="background: rgb(243, 240, 240);padding: 5px;border: 1px solid #DCDFE6;">
13 
+                    <span>
14 
+                        尊敬的患者、家属及患者的法定监护人、授权委托人：
15 
+                        患者目前诊断：<el-input v-model="input" style="width:200px"></el-input>
16 
+                    </span>
17 
+                </div>
18 
+                <table class="table" border="1" style="width: 100%; padding: 5px;">
19 
+                    <tr>
20 
+                        <td style="width: 150px; height: 40px; ">存在以下潜在风险：</td>
21 
+                        <td></td>
22 
+                    </tr>
23 
+                </table>
24 
+                <table class="table" border="1" style="width: 100%;">
25 
+                    <thead>
26 
+                        <tr>
27 
+                            <th style="width:150px">项目</th>
28 
+                            <th>患者评估</th>
29 
+                        </tr>
30 
+                    </thead>
31 
+                    <tbody>
32 
+                        <tr>
33 
+                            <td class="start">意识及情绪：</td>
34 
+                            <td>
35 
+                                <div class="jiange">
36 
+                                    <!-- <el-radio-group v-model="radio">
37 
+                                        <el-radio v-for="(item,index ) in tuoguan" :label="item" :key="index">{{ item }}</el-radio>
38 
+                                    </el-radio-group> -->
39 
+                                </div>
40 
+                            </td>
41 
+                        </tr>
42 
+                        <tr class="bg_color">
43 
+                            <td class="start">手术麻醉：</td>
44 
+                            <td>
45 
+                                <div class="jiange">
46 
+                                    <!-- <el-radio-group v-model="radio">
47 
+                                        <el-radio v-for="(item,index ) in tuoguan" :label="item" :key="index">{{ item }}</el-radio>
48 
+                                    </el-radio-group> -->
49 
+                                </div>
50 
+                            </td>
51 
+                        </tr>
52 
+                        <tr class="">
53 
+                            <td class="start"></td>
54 
+                            <td>
55 
+                                <div class="jiange">
56 
+                                    <!-- <el-radio-group v-model="radio">
57 
+                                        <el-radio v-for="(item,index ) in tuoguan" :label="item" :key="index">{{ item }}</el-radio>
58 
+                                    </el-radio-group> -->
59 
+                                </div>
60 
+                            </td>
61 
+                        </tr>
62 
+                        <tr class="bg_color">
63 
+                            <td class="start">管道：</td>
64 
+                            <td>
65 
+                                <div class="jiange">
66 
+                                    <!-- <el-radio-group v-model="radio">
67 
+                                        <el-radio v-for="(item,index ) in tuoguan" :label="item" :key="index">{{ item }}</el-radio>
68 
+                                    </el-radio-group> -->
69 
+                                </div>
70 
+                            </td>
71 
+                        </tr>
72 
+                        <tr>
73 
+                            <td class="start">上肢情况：</td>
74 
+                            <td>
75 
+                                <div class="jiange">
76 
+                                    <!-- <el-radio-group v-model="radio">
77 
+                                        <el-radio v-for="(item,index ) in tuoguan" :label="item" :key="index">{{ item }}</el-radio>
78 
+                                    </el-radio-group> -->
79 
+                                </div>
80 
+                            </td>
81 
+                        </tr>
82 
+                        <tr class="bg_color">
83 
+                            <td class="start">下肢情况：</td>
84 
+                            <td>
85 
+                                <div class="jiange">
86 
+                                    <!-- <el-radio-group v-model="radio">
87 
+                                        <el-radio v-for="(item,index ) in tuoguan" :label="item" :key="index">{{ item }}</el-radio>
88 
+                                    </el-radio-group> -->
89 
+                                </div>
90 
+                            </td>
91 
+                        </tr>
92 
+                        <tr class="">
93 
+                            <td class="start">皮肤状况：</td>
94 
+                            <td>
95 
+                                <div class="jiange">
96 
+                                    <!-- <el-radio-group v-model="radio">
97 
+                                        <el-radio v-for="(item,index ) in tuoguan" :label="item" :key="index">{{ item }}</el-radio>
98 
+                                    </el-radio-group> -->
99 
+                                </div>
100 
+                            </td>
101 
+                        </tr>
102 
+                        <tr class="bg_color">
103 
+                            <td colspan="2">
104 
+                                <div style="width: 60%; margin-bottom: 15px;">
105 
+                                    <div style="height: 40px; line-height: 40px;border:1px solid #DCDFE6; "><ul>
106 
+                                        <li style="list-style: disc;margin-left: 20px;">为防止无法预计的意外，需要实施保护性约束</li>
107 
+                                    </ul></div>
108 
+                                    <table class="table" border="1" style="width: 100%;">
109 
+                                        <thead>
110 
+                                            <tr>
111 
+                                                <th>约束方式</th>
112 
+                                                <th>约束并发症</th>
113 
+                                            </tr>
114 
+                                        </thead>
115 
+                                        <tbody>
116 
+                                            <tr class="bg_color">
117 
+                                                <td></td>
118 
+                                                <td></td>
119 
+                                            </tr>
120 
+                                            <tr class="">
121 
+                                                <td></td>
122 
+                                                <td></td>
123 
+                                            </tr>
124 
+                                            <tr class="bg_color">
125 
+                                                <td></td>
126 
+                                                <td></td>
127 
+                                            </tr>
128 
+                                            <tr class="">
129 
+                                                <td></td>
130 
+                                                <td></td>
131 
+                                            </tr>
132 
+                                            <tr class="bg_color">
133 
+                                                <td></td>
134 
+                                                <td></td>
135 
+                                            </tr>
136 
+                                            <tr class="">
137 
+                                                <td></td>
138 
+                                                <td></td>
139 
+                                            </tr>
140 
+                                        </tbody>
141 
+                                    </table>
142 
+                                </div>
143 
+
144 
+
145 
+                            </td>
146 
+                        </tr>
147 
+                        <tr >
148 
+                            <td colspan="2">
149 
+                                <span>
150 
+                                    根据患者的病情记医嘱，需要实施保护性约束，预防意外的发生，由于受个体差异的影响，约束过程存在不可预见的危险情况；
151 
+                                    在约束过程中医护人员会定时观察约束部位的血液循环情况，在患者符合解除约束指征的情况下给予解除约束。
152 
+                                </span>
153 
+                            </td>
154 
+                        </tr>
155 
+                        <tr class="bg_color">
156 
+                            <td colspan="2">
157 
+                                <span>
158 
+                                    患者或家属意见：<el-input v-model="input" style="width:200px"></el-input>
159 
+                                </span>
160 
+                            </td>
161 
+                        </tr>
162 
+                        <tr class="">
163 
+                            <td colspan="2">
164 
+                                <span class="bottoms">
165 
+                                    患者或家属签名：<el-input v-model="input" style="width:200px"></el-input>
166 
+                                </span>
167 
+                                <span class="bottoms">
168 
+                                    与患者关系：<el-input v-model="input" style="width:200px"></el-input>
169 
+                                </span>
170 
+                                <span class="bottoms">
171 
+                                    日期：
172 
+                                    <el-date-picker
173 
+                                        v-model="value1"
174 
+                                        type="date"
175 
+                                        placeholder="选择日期"
176 
+                                        style="width:150px">
177 
+                                    </el-date-picker>
178 
+                                </span>
179 
+                            </td>
180 
+                        </tr>
181 
+                        <tr class="bg_color">
182 
+                            <td colspan="2">
183 
+                                <span class="bottoms">
184 
+                                    告知者签名：<el-input v-model="input" style="width:200px"></el-input>
185 
+                                </span>
186 
+                                <span class="bottoms" style="margin-left: 385px;">
187 
+                                    日期：
188 
+                                    <el-date-picker
189 
+                                        v-model="value1"
190 
+                                        type="date"
191 
+                                        placeholder="选择日期"
192 
+                                        style="width:150px">
193 
+                                    </el-date-picker>
194 
+                                </span>
195 
+                            </td>
196 
+                        </tr>
197 
+                    </tbody>
198 
+                </table>
199 
+
200 
+
201 
+
202 
+
203 
+            </div>
204 
+        </div>
205 
+
206 
+    </div>
207 
+</template>
208 
+<script>
209 
+import PatientSidebar from '../components/PatientSidebar.vue'
210 
+export default {
211 
+    components:{
212 
+      PatientSidebar
213 
+    },
214 
+    data(){
215 
+        return{
216 
+            patientID:0,
217 
+            value1:'',
218 
+            input:'',
219 
+
220 
+        }
221 
+    }
222 
+}
223 
+</script>
224 
+<style lang="scss" scoped>
225 
+    .content_top{
226 
+      display: flex;
227 
+      justify-content: space-between;
228 
+    }
229 
+    .table{
230 
+        border: 1px solid #DCDFE6;
231 
+        border-collapse:collapse;
232 
+        border-spacing: 0;
233 
+        thead th{
234 
+            background: #0077ff9f;
235 
+            color: white;
236 
+            text-align: center;
237 
+            height: 40px;
238 
+            // padding: 5px;
239 
+        }
240 
+        tbody td{
241 
+           height: 40px;
242 
+           padding: 5px;
243 
+        }
244 
+        .start{
245 
+            text-align: center;
246 
+        }
247 
+        .bing{
248 
+            width: 150px;
249 
+            text-align: center;
250 
+        }
251 
+        .bg_color{
252 
+            background: rgb(243, 240, 240);
253 
+        }
254 
+        .jiange{
255 
+            margin-left: 20px;
256 
+            color: black;
257 
+        }
258 
+        input{
259 
+            -webkit-appearance: checkbox;
260 
+        }
261 
+        .bottoms{
262 
+            display: inline-block;
263 
+            margin: 5px 50px 5px 5px;
264 
+        }
265 
+    }
266 
+
267 
+</style>

+ 303 - 0
src/xt_pages/user/evaluationtool/Fallassessment.vue View File 

@@ -0,0 +1,303 @@
1 
+<!-- 跌倒评估 -->
2 
+<template>
3 
+    <div class="patient-container">
4 
+      <patient-sidebar :id="patient_id" defaultActive="5-1"></patient-sidebar>
5 
+      <div>
6 
+        <div class="patient-app-container advice-container app-container">
7 
+          <div class='content_top' style="width: 95%;margin-bottom: 20px;">
8 
+            <div style="font-size: 20px;">跌倒评估评分</div>
9 
+            <div>
10 
+              <el-button>历史评分</el-button>
11 
+              <el-button>告知书</el-button>
12 
+            </div>
13 
+          </div>
14 
+
15 
+          <div class='content_top' style="width: 95%;">
16 
+            <div style="width: 49%; ">
17 
+              <div style="margin-bottom: 50px;">
18 
+                <div class="biaotou content_top">
19 
+                <div>危险评估</div>
20 
+                <div style="color: black;">总分：100</div>
21 
+                </div>
22 
+                <table class="table" border style="width: 100%;">
23 
+                  <thead>
24 
+                    <tr>
25 
+                      <th style="width: 20%;">项目</th>
26 
+                      <th>分值</th>
27 
+                    </tr>
28 
+                  </thead>
29 
+                  <tbody>
30 
+                    <tr class="bg_color">
31 
+                      <td class="start">年龄</td>
32 
+                      <td>
33 
+                        <el-checkbox-group v-model="checkList">
34 
+                          <el-checkbox label="≥65岁（1分）"></el-checkbox>
35 
+                          <el-checkbox label="<5（1分）"></el-checkbox>
36 
+                        </el-checkbox-group>
37 
+                      </td>
38 
+                    </tr>
39 
+                    <tr>
40 
+                      <td class="start">既往史</td>
41 
+                      <td>
42 
+                        <el-checkbox-group v-model="checkList">
43 
+                          <el-checkbox v-for="item in jiwnag" :label="item" :key="item"></el-checkbox>
44 
+                        </el-checkbox-group>
45 
+                      </td>
46 
+                    </tr>
47 
+                    <tr class="bg_color">
48 
+                      <td class="start">意识状态</td>
49 
+                      <td>
50 
+                        <el-checkbox-group v-model="checkList">
51 
+                          <el-checkbox v-for="item in yishizt" :label="item" :key="item"></el-checkbox>
52 
+                        </el-checkbox-group>
53 
+                      </td>
54 
+                    </tr>
55 
+                    <tr>
56 
+                      <td class="start">感官</td>
57 
+                      <td>
58 
+                        <el-checkbox-group v-model="checkList">
59 
+                          <el-checkbox v-for="item in ganguan" :label="item" :key="item"></el-checkbox>
60 
+                        </el-checkbox-group>
61 
+                      </td>
62 
+                    </tr>
63 
+                    <tr class="bg_color">
64 
+                      <td class="start">身体状况</td>
65 
+                      <td>
66 
+                        <el-checkbox-group v-model="checkList">
67 
+                          <el-checkbox v-for="item in shentizk" :label="item" :key="item"></el-checkbox>
68 
+                        </el-checkbox-group>
69 
+                      </td>
70 
+                    </tr>
71 
+                    <tr>
72 
+                      <td class="start">使用药物</td>
73 
+                      <td>
74 
+                        <el-checkbox-group v-model="checkList">
75 
+                          <el-checkbox v-for="item in syyaowu" :label="item" :key="item"></el-checkbox>
76 
+                        </el-checkbox-group>
77 
+                      </td>
78 
+                    </tr>
79 
+                    <tr class="bg_color">
80 
+                      <td class="start">排泄</td>
81 
+                      <td>
82 
+                        <el-checkbox-group v-model="checkList">
83 
+                          <el-checkbox v-for="item in paixie" :label="item" :key="item"></el-checkbox>
84 
+                        </el-checkbox-group>
85 
+                      </td>
86 
+                    </tr>
87 
+                    <tr>
88 
+                      <td class="start">自理能力</td>
89 
+                      <td>
90 
+                        <el-checkbox-group v-model="checkList">
91 
+                          <el-checkbox v-for="item in zilinl" :label="item" :key="item"></el-checkbox>
92 
+                        </el-checkbox-group>
93 
+                      </td>
94 
+                    </tr>
95 
+                  </tbody>
96 
+                </table>
97 
+              </div>
98 
+
99 
+              <div style="">
100 
+                <div class="biaotou">
101 
+                  <span>预防效果</span>
102 
+                </div>
103 
+                <table class="table" border style="width: 100%;">
104 
+                  <thead>
105 
+                    <tr>
106 
+                      <th style="width: 20%;">标题</th>
107 
+                      <th>事件</th>
108 
+                    </tr>
109 
+                  </thead>
110 
+                  <tbody>
111 
+                    <tr>
112 
+                      <td class="start">预防效果</td>
113 
+                      <td>
114 
+                        <el-checkbox-group v-model="checkList">
115 
+                          <el-checkbox v-for="item in xiaoguo" :label="item" :key="item"></el-checkbox>
116 
+                        </el-checkbox-group>
117 
+                      </td>
118 
+                    </tr>
119 
+                  </tbody>
120 
+                </table>
121 
+              </div>
122 
+              <div class="content_top" style="margin-top: 10px;">
123 
+                <div>
124 
+                  <span>评估日期：</span>
125 
+                  <el-date-picker
126 
+                    v-model="value1"
127 
+                    type="date"
128 
+                    placeholder="选择日期"
129 
+                    :clearable="false"
130 
+                    style="width: 150px;">
131 
+                  </el-date-picker>
132 
+                </div>
133 
+                <div>
134 
+                  <span>护士：</span>
135 
+                  <el-select v-model="value" placeholder="请选择" >
136 
+                    <el-option
137 
+                      v-for="item in options"
138 
+                      :key="item.value"
139 
+                      :label="item.label"
140 
+                      :value="item.value"
141 
+                      style="width:150px;">
142 
+                    </el-option>
143 
+                  </el-select>
144 
+                </div>
145 
+                <el-button type="primary" >确认</el-button>
146 
+              </div>
147 
+            </div>
148 
+            <div style="width: 49%;">
149 
+              <div style="margin-bottom: 50px;">
150 
+                <div class="biaotou">
151 
+                  <span>预防措施</span>
152 
+                </div>
153 
+                <table class="table" border style="width: 100%;">
154 
+                  <thead>
155 
+                    <tr>
156 
+                      <th>健康宣教</th>
157 
+                      <th>护理措施</th>
158 
+                    </tr>
159 
+                  </thead>
160 
+                  <tbody>
161 
+                    <tr>
162 
+                      <td></td>
163 
+                    </tr>
164 
+                  </tbody>
165 
+                </table>
166 
+              </div>
167 
+
168 
+              <div style="">
169 
+                <div class="biaotou">
170 
+                  <span>透析间期跌倒事件</span>
171 
+                </div>
172 
+                <table class="table" border style="width: 100%;">
173 
+                  <thead>
174 
+                    <tr>
175 
+                      <th style="width: 20%;">标题</th>
176 
+                      <th>事件</th>
177 
+                    </tr>
178 
+                  </thead>
179 
+                  <tbody>
180 
+                    <tr>
181 
+                      <td class="start">透析间期跌倒事件</td>
182 
+                      <td>
183 
+                        <div style="display: inline-block;margin-right: 10px;">
184 
+                          <span>日期：</span>
185 
+                          <el-input v-model="input" style="width: 120px;"></el-input>
186 
+                        </div>
187 
+                        <div style="display: inline-block;">
188 
+                          <el-checkbox-group v-model="checkList">
189 
+                            <el-checkbox v-for="item in touxidiedao" :label="item" :key="item"></el-checkbox>
190 
+                          </el-checkbox-group>
191 
+                        </div>
192 
+                      </td>
193 
+                    </tr>
194 
+                  </tbody>
195 
+                </table>
196 
+              </div>
197 
+            </div>
198 
+          </div>
199 
+          <hr style="margin-top: 20px; background-color: #DCDFE6; height: 1px; border: none;"/>
200 
+          <div class="shuoming">
201 
+            <p>说明：</p>
202 
+            <p>1. 新患者转入由当班透析责任护士评估。</p>
203 
+            <p>2. 总分≥4分为高危跌倒，需有标识牌，签署《预防跌倒/坠床告知书》。</p>
204 
+            <p>3. 评分完成即在采用相应的护理措施栏里“√”表示执行。</p>
205 
+            <p>4. 病情改变（如意识、肢体活动等改变）由责任护士即刻重新评估。</p>
206 
+            <p>5. ≥4分的每天评估，<span><</span>4分的每周评估。</p>
207 
+          </div>
208 
+
209 
+        </div>
210 
+      </div>
211 
+    </div>
212 
+  </template>
213 
+
214 
+  <script>
215 
+    import PatientSidebar from '../components/PatientSidebar'
216 
+
217 
+    export default {
218 
+    //   name: 'CourseOfDisease',
219 
+      components: {
220 
+        PatientSidebar,
221 
+
222 
+      },
223 
+      data() {
224 
+        return {
225 
+          patient_id:0,
226 
+          value1:'',
227 
+          value:'',
228 
+          input:'',
229 
+          options:[],
230 
+          checkList:[],
231 
+          jiwnag:['有跌倒史（2分）','有坠床史（2分）','晕厥（2分）','低血压（2分）'],
232 
+          yishizt:['烦躁（4分）','谵妄（3分）','嗜睡（2分）','模糊（2分）','痴呆（2分）','昏迷（1分）'],
233 
+          ganguan:['头晕（4分）','视觉障碍（2分）','听力障碍（2分）'],
234 
+          shentizk:['借助器械（3分）','肢体残缺（3分）','偏瘫（3分）','肌肉震颤麻痹（2分）','截瘫（3分）','乏力（1分）','关节僵硬、变形、疼痛（3分）','失眠（1分）'],
235 
+          syyaowu:['镇静安眠药（2分）','降压药（1分）','降糖药（1分）','其他高危药物（1分）'],
236 
+          paixie:['便秘（2分）','腹泻（1分）','尿频（1分）'],
237 
+          zilinl:['无（4分）','部分（3分）'],
238 
+          xiaoguo:['未发生跌倒','发生跌倒','发生坠床'],
239 
+          touxidiedao:['发生跌倒','发生坠床'],
240 
+        }
241 
+
242 
+      },
243 
+      created() {
244 
+
245 
+
246 
+      },
247 
+      methods: {
248 
+      }
249 
+    }
250 
+  </script>
251 
+
252 
+  <style rel="stylesheet/css" lang="scss" scoped>
253 
+    .content_top{
254 
+      display: flex;
255 
+      justify-content: space-between;
256 
+
257 
+    }
258 
+    .table{
259 
+        border: 1px solid #DCDFE6;
260 
+        border-collapse:collapse;
261 
+        border-spacing: 0;
262 
+        thead th{
263 
+            background: #0077ff9f;
264 
+            color: white;
265 
+            text-align: center;
266 
+            height: 40px;
267 
+        }
268 
+        tbody td{
269 
+           height: 40px;
270 
+           padding: 5px;
271 
+        }
272 
+        .start{
273 
+            text-align: center;
274 
+        }
275 
+        .bing{
276 
+            width: 150px;
277 
+            text-align: center;
278 
+        }
279 
+        .bg_color{
280 
+            background: rgb(243, 240, 240);
281 
+        }
282 
+        .jiange{
283 
+            margin-left: 20px;
284 
+            color: black;
285 
+        }
286 
+        input{
287 
+            -webkit-appearance: checkbox;
288 
+        }
289 
+    }
290 
+    .shuoming p{
291 
+      margin-top: 5px;
292 
+      color: rgb(167, 165, 165);
293 
+    }
294 
+    .biaotou{
295 
+      font-size: 18px;
296 
+      margin-bottom: 10px;
297 
+      color: #0077ff9f;
298 
+      // background-color: '#409eff';
299 
+    }
300 
+
301 
+
302 
+  </style>
303 
+

+ 207 - 0
src/xt_pages/user/evaluationtool/Glasgow.vue View File 

@@ -0,0 +1,207 @@
1 
+<template>
2 
+    <div class="patient-container">
3 
+        <patient-sidebar :id="patientID" defaultActive="5-13"></patient-sidebar>
4 
+        <div>
5 
+            <div class="patient-app-container advice-container app-container">
6 
+                <div class="content_top">
7 
+                    <!-- 左 -->
8 
+                    <div style="width: 58%;">
9 
+                        <div style="margin-bottom: 20px;"><el-button type="primary">新增</el-button></div>
10 
+                        <div style="font-size: 20px;margin-bottom: 20px;">Glasgow昏迷评分量表</div>
11 
+                        <div style="width: 100%;">
12 
+                            <table class="table" border="1" style="width: 100%;">
13 
+                                <thead>
14 
+                                    <tr>
15 
+                                        <th style="width: 150px;">项目</th>
16 
+                                        <th>分值</th>
17 
+                                    </tr>
18 
+                                </thead>
19 
+                                <tbody>
20 
+                                    <tr class="bg_color">
21 
+                                        <td class="start">睁眼反应（E）</td>
22 
+                                        <td>
23 
+                                            <div class="jiange">
24 
+                                              <el-checkbox-group v-model="checkList" :max="1">
25 
+                                                <el-checkbox v-for="item in zhengyan" :label="item" :key="item"></el-checkbox>
26 
+                                              </el-checkbox-group>
27 
+                                            </div>
28 
+                                        </td>
29 
+                                    </tr>
30 
+
31 
+                                    <tr>
32 
+                                        <td class="start">言语反映 （V）</td>
33 
+                                        <td>
34 
+                                            <div class="jiange">
35 
+                                              <el-checkbox-group v-model="checkList1">
36 
+                                                <el-checkbox v-for="item in yanyu" :label="item" :key="item"></el-checkbox>
37 
+                                              </el-checkbox-group>
38 
+                                            </div>
39 
+                                        </td>
40 
+                                    </tr>
41 
+
42 
+                                    <tr class="bg_color">
43 
+                                        <td class="start">运动反应（M）</td>
44 
+                                        <td>
45 
+                                            <div class="jiange">
46 
+                                              <el-checkbox-group v-model="checkList2">
47 
+                                                <el-checkbox v-for="item in yundong" :label="item" :key="item"></el-checkbox>
48 
+                                              </el-checkbox-group>
49 
+                                            </div>
50 
+                                        </td>
51 
+                                    </tr>
52 
+
53 
+                                </tbody>
54 
+                            </table>
55 
+                        </div>
56 
+
57 
+                        <div style="vertical-align: top;  margin: 10px 0px; position: relative;">
58 
+                            <span style="position: relative; top: -55px;">护理措施：</span>
59 
+                            <div style="margin-top: 20px;display: inline-block; width: 90%;">
60 
+                                <el-input maxlength="200" type = "textarea" :rows="3" v-model="input" placeholder="输入护理措施，200字以内" ></el-input>
61 
+                            </div>
62 
+                        </div>
63 
+
64 
+                        <div>
65 
+                            <div class="bottoms">
66 
+                                <span>总分:</span>
67 
+                                <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>分
68 
+                            </div>
69 
+
70 
+                            <div class="bottoms">
71 
+                                <span>评估日期:</span>
72 
+                                <el-date-picker
73 
+                                    v-model="value1"
74 
+                                    type="date"
75 
+                                    placeholder="选择日期"
76 
+                                    :clearable="false"
77 
+                                    style="width: 150px;">
78 
+                                </el-date-picker>
79 
+                            </div>
80 
+
81 
+                            <div class="bottoms">
82 
+                                <span>评估人:</span>
83 
+                                <el-select v-model="value" placeholder="请选择" >
84 
+                                    <el-option
85 
+                                    v-for="item in options"
86 
+                                    :key="item.value"
87 
+                                    :label="item.label"
88 
+                                    :value="item.value"
89 
+                                    style="width:150px;">
90 
+                                    </el-option>
91 
+                                </el-select>
92 
+                            </div>
93 
+
94 
+                        </div>
95 
+
96 
+                        <hr style="width: 100%;margin-top: 20px;"/>
97 
+                        <div class="shuoming">
98 
+                            <p>说明：</p>
99 
+                            <p>总分15分，其中 14-15分为正常，8-13分为中度意识障碍，≦7分为浅昏迷 ，3分为深昏迷 。</p>
100 
+
101 
+                        </div>
102 
+                    </div>
103 
+                    <!-- 虚线 -->
104 
+                    <div style="height: 100vh; width: 1px; border-left:1px dashed rgba(238, 10, 10, 0.726) ;"></div>
105 
+                    <!-- 右 -->
106 
+                    <div style="width: 38%;">
107 
+                        <div style="font-size: 20px; margin-bottom: 20px;">评估历史记录</div>
108 
+                        <div style="width: 100%;">
109 
+                            <el-table
110 
+                            :data="tableData"
111 
+                            stripe
112 
+                            border
113 
+                            :header-cell-style="{
114 
+                                background: '#0077ff9f',color:'white'}"
115 
+                            style="width: 100%">
116 
+                                <el-table-column
117 
+                                prop="date"
118 
+                                label="评估日期"
119 
+                                width="180">
120 
+                                </el-table-column>
121 
+                                <el-table-column
122 
+                                prop="name"
123 
+                                label="总分"
124 
+                                >
125 
+                                </el-table-column>
126 
+                                <el-table-column
127 
+                                prop="name"
128 
+                                label="评估人"
129 
+                                >
130 
+                                </el-table-column>
131 
+                            </el-table>
132 
+                        </div>
133 
+                    </div>
134 
+                </div>
135 
+
136 
+            </div>
137 
+        </div>
138 
+
139 
+    </div>
140 
+</template>
141 
+<script>
142 
+import PatientSidebar from '../components/PatientSidebar.vue'
143 
+export default {
144 
+    components:{
145 
+      PatientSidebar
146 
+    },
147 
+    data(){
148 
+        return{
149 
+            patientID:0,
150 
+            checkList:'',
151 
+            checkList1:'',
152 
+            checkList2:'',
153 
+            value1:'',
154 
+            value:'',
155 
+            input:'',
156 
+            options:[],
157 
+            tableData:[],
158 
+            zhengyan:['自动睁眼(4分)','互换睁眼(3分)','刺激睁眼(2分)','无反应(1分)'],
159 
+            yanyu:['正常(5分)','不准确回答问题(4分)','不恰当词句(3分)','不能理解的言语(2分)','无言语反映(1分)'],
160 
+            yundong:['能按指令运动肢体(6分)','对刺痛能定位(5分)','对刺痛能躲避(4分)','刺痛肢体屈曲(3分)','刺痛肢体过伸(2分)','无反应(1分)'],
161 
+        }
162 
+    }
163 
+}
164 
+</script>
165 
+<style lang="scss" scoped>
166 
+    .content_top{
167 
+      display: flex;
168 
+      justify-content: space-between;
169 
+    }
170 
+    .bottoms{
171 
+        display: inline-block;
172 
+        margin-left: 10px;
173 
+        margin-top: 5px;
174 
+    }
175 
+    .shuoming p{
176 
+      margin-top: 5px;
177 
+      color: rgb(167, 165, 165);
178 
+    }
179 
+    .table{
180 
+        border: 1px solid #DCDFE6;
181 
+        border-collapse:collapse;
182 
+        border-spacing: 0;
183 
+        thead th{
184 
+            background: #0077ff9f;
185 
+            color: white;
186 
+            text-align: center;
187 
+            height: 40px;
188 
+        }
189 
+        tbody td{
190 
+           height: 40px;
191 
+        }
192 
+        .start{
193 
+            text-align: center;
194 
+        }
195 
+        .bing{
196 
+            width: 150px;
197 
+            text-align: center;
198 
+        }
199 
+        .bg_color{
200 
+            background: rgb(243, 240, 240);
201 
+        }
202 
+        .jiange{
203 
+            margin: 5px 0px 5px 20px;
204 
+            color: black;
205 
+        }
206 
+    }
207 
+</style>

+ 232 - 0
src/xt_pages/user/evaluationtool/Muscleforce.vue View File 

@@ -0,0 +1,232 @@
1 
+<template>
2 
+    <div class="patient-container">
3 
+        <patient-sidebar :id="patientID" defaultActive="5-14"></patient-sidebar>
4 
+        <div>
5 
+            <div class="patient-app-container advice-container app-container">
6 
+                <div class="content_top">
7 
+                    <!-- 左 -->
8 
+                    <div style="width: 58%;">
9 
+                        <div style="margin-bottom: 20px;"><el-button type="primary">新增</el-button></div>
10 
+                        <div style="font-size: 20px;margin-bottom: 20px;">肌力评估表</div>
11 
+                        <div style="width: 100%;">
12 
+                            <table class="table" border="1" style="width: 100%;">
13 
+                                <thead>
14 
+                                    <tr>
15 
+                                        <th style="width: 150px;">级别</th>
16 
+                                        <th>分值</th>
17 
+                                    </tr>
18 
+                                </thead>
19 
+                                <tbody>
20 
+                                    <tr class="bg_color">
21 
+                                        <td class="start">0级</td>
22 
+                                        <td>
23 
+                                            <div class="jiange">
24 
+                                              <el-checkbox-group v-model="checkList" :max="1">
25 
+                                                <el-checkbox v-for="item in zhengyan" :label="item" :key="item"></el-checkbox>
26 
+                                              </el-checkbox-group>
27 
+                                            </div>
28 
+                                        </td>
29 
+                                    </tr>
30 
+
31 
+                                    <tr>
32 
+                                        <td class="start">1级</td>
33 
+                                        <td>
34 
+                                            <div class="jiange">
35 
+                                              <el-checkbox-group v-model="checkList1">
36 
+                                                <el-checkbox v-for="item in yanyu" :label="item" :key="item"></el-checkbox>
37 
+                                              </el-checkbox-group>
38 
+                                            </div>
39 
+                                        </td>
40 
+                                    </tr>
41 
+
42 
+                                    <tr class="bg_color">
43 
+                                        <td class="start">2级</td>
44 
+                                        <td>
45 
+                                            <div class="jiange">
46 
+                                              <el-checkbox-group v-model="checkList2">
47 
+                                                <el-checkbox v-for="item in yundong" :label="item" :key="item"></el-checkbox>
48 
+                                              </el-checkbox-group>
49 
+                                            </div>
50 
+                                        </td>
51 
+                                    </tr>
52 
+
53 
+                                    <tr class="bg_color">
54 
+                                        <td class="start">3级</td>
55 
+                                        <td>
56 
+                                            <div class="jiange">
57 
+                                              <el-checkbox-group v-model="checkList" :max="1">
58 
+                                                <el-checkbox v-for="item in zhengyan" :label="item" :key="item"></el-checkbox>
59 
+                                              </el-checkbox-group>
60 
+                                            </div>
61 
+                                        </td>
62 
+                                    </tr>
63 
+
64 
+                                    <tr>
65 
+                                        <td class="start">4级</td>
66 
+                                        <td>
67 
+                                            <div class="jiange">
68 
+                                              <el-checkbox-group v-model="checkList1">
69 
+                                                <el-checkbox v-for="item in yanyu" :label="item" :key="item"></el-checkbox>
70 
+                                              </el-checkbox-group>
71 
+                                            </div>
72 
+                                        </td>
73 
+                                    </tr>
74 
+
75 
+                                    <tr class="bg_color">
76 
+                                        <td class="start">5级</td>
77 
+                                        <td>
78 
+                                            <div class="jiange">
79 
+                                              <el-checkbox-group v-model="checkList2">
80 
+                                                <el-checkbox v-for="item in yundong" :label="item" :key="item"></el-checkbox>
81 
+                                              </el-checkbox-group>
82 
+                                            </div>
83 
+                                        </td>
84 
+                                    </tr>
85 
+                                </tbody>
86 
+                            </table>
87 
+                        </div>
88 
+
89 
+                        <div style="vertical-align: top;  margin: 10px 0px; position: relative;">
90 
+                            <span style="position: relative; top: -55px;">护理措施：</span>
91 
+                            <div style="margin-top: 20px;display: inline-block; width: 90%;">
92 
+                                <el-input maxlength="200" type = "textarea" :rows="3" v-model="input" placeholder="输入护理措施，200字以内" ></el-input>
93 
+                            </div>
94 
+                        </div>
95 
+
96 
+                        <div>
97 
+                            <div class="bottoms">
98 
+                                <span>级别:</span>
99 
+                                <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>级
100 
+                            </div>
101 
+
102 
+                            <div class="bottoms">
103 
+                                <span>评估日期:</span>
104 
+                                <el-date-picker
105 
+                                    v-model="value1"
106 
+                                    type="date"
107 
+                                    placeholder="选择日期"
108 
+                                    :clearable="false"
109 
+                                    style="width: 150px;">
110 
+                                </el-date-picker>
111 
+                            </div>
112 
+
113 
+                            <div class="bottoms">
114 
+                                <span>评估人:</span>
115 
+                                <el-select v-model="value" placeholder="请选择" >
116 
+                                    <el-option
117 
+                                    v-for="item in options"
118 
+                                    :key="item.value"
119 
+                                    :label="item.label"
120 
+                                    :value="item.value"
121 
+                                    style="width:150px;">
122 
+                                    </el-option>
123 
+                                </el-select>
124 
+                            </div>
125 
+
126 
+                        </div>
127 
+                    </div>
128 
+                    <!-- 虚线 -->
129 
+                    <div style="height: 100vh; width: 1px; border-left:1px dashed rgba(238, 10, 10, 0.726) ;"></div>
130 
+                    <!-- 右 -->
131 
+                    <div style="width: 38%;">
132 
+                        <div style="font-size: 20px; margin-bottom: 20px;">评估历史记录</div>
133 
+                        <div style="width: 100%;">
134 
+                            <el-table
135 
+                            :data="tableData"
136 
+                            stripe
137 
+                            border
138 
+                            :header-cell-style="{
139 
+                                background: '#0077ff9f',color:'white'}"
140 
+                            style="width: 100%">
141 
+                                <el-table-column
142 
+                                prop="date"
143 
+                                label="评估日期"
144 
+                                width="180">
145 
+                                </el-table-column>
146 
+                                <el-table-column
147 
+                                prop="name"
148 
+                                label="总分"
149 
+                                >
150 
+                                </el-table-column>
151 
+                                <el-table-column
152 
+                                prop="name"
153 
+                                label="评估人"
154 
+                                >
155 
+                                </el-table-column>
156 
+                            </el-table>
157 
+                        </div>
158 
+                    </div>
159 
+                </div>
160 
+
161 
+            </div>
162 
+        </div>
163 
+
164 
+    </div>
165 
+</template>
166 
+<script>
167 
+import PatientSidebar from '../components/PatientSidebar.vue'
168 
+export default {
169 
+    components:{
170 
+      PatientSidebar
171 
+    },
172 
+    data(){
173 
+        return{
174 
+            patientID:0,
175 
+            checkList:'',
176 
+            checkList1:'',
177 
+            checkList2:'',
178 
+            value1:'',
179 
+            value:'',
180 
+            input:'',
181 
+            options:[],
182 
+            tableData:[],
183 
+            zhengyan:['自动睁眼(4分)','互换睁眼(3分)','刺激睁眼(2分)','无反应(1分)'],
184 
+            yanyu:['正常(5分)','不准确回答问题(4分)','不恰当词句(3分)','不能理解的言语(2分)','无言语反映(1分)'],
185 
+            yundong:['能按指令运动肢体(6分)','对刺痛能定位(5分)','对刺痛能躲避(4分)','刺痛肢体屈曲(3分)','刺痛肢体过伸(2分)','无反应(1分)'],
186 
+        }
187 
+    }
188 
+}
189 
+</script>
190 
+<style lang="scss" scoped>
191 
+    .content_top{
192 
+      display: flex;
193 
+      justify-content: space-between;
194 
+    }
195 
+    .bottoms{
196 
+        display: inline-block;
197 
+        margin-left: 10px;
198 
+        margin-top: 5px;
199 
+    }
200 
+    .shuoming p{
201 
+      margin-top: 5px;
202 
+      color: rgb(167, 165, 165);
203 
+    }
204 
+    .table{
205 
+        border: 1px solid #DCDFE6;
206 
+        border-collapse:collapse;
207 
+        border-spacing: 0;
208 
+        thead th{
209 
+            background: #0077ff9f;
210 
+            color: white;
211 
+            text-align: center;
212 
+            height: 40px;
213 
+        }
214 
+        tbody td{
215 
+           height: 40px;
216 
+        }
217 
+        .start{
218 
+            text-align: center;
219 
+        }
220 
+        .bing{
221 
+            width: 150px;
222 
+            text-align: center;
223 
+        }
224 
+        .bg_color{
225 
+            background: rgb(243, 240, 240);
226 
+        }
227 
+        .jiange{
228 
+            margin: 5px 0px 5px 20px;
229 
+            color: black;
230 
+        }
231 
+    }
232 
+</style>

+ 224 - 0
src/xt_pages/user/evaluationtool/OHpressuresore.vue View File 

@@ -0,0 +1,224 @@
1 
+<!-- OH压疮评估 -->
2 
+<template>
3 
+    <div class="patient-container">
4 
+        <patient-sidebar :id="patientID" defaultActive="5-4"></patient-sidebar>
5 
+        <div>
6 
+            <div class="patient-app-container advice-container app-container">
7 
+                <div class="content_top">
8 
+                    <!-- 左 -->
9 
+                    <div style="width: 58%;">
10 
+                        <div style="margin-bottom: 20px;"><el-button type="primary">新增</el-button></div>
11 
+                        <div style="font-size: 20px;margin-bottom: 20px;">OH压疮评估表</div>
12 
+                        <div style="width: 100%;">
13 
+                            <table class="table" border="1" style="width: 100%;">
14 
+                                <thead>
15 
+                                    <tr>
16 
+                                        <th style="width: 150px;">项目</th>
17 
+                                        <th>分值</th>
18 
+                                    </tr>
19 
+                                </thead>
20 
+                                <tbody>
21 
+                                    <tr class="bg_color">
22 
+                                        <td class="start">自主体位变换</td>
23 
+                                        <td>
24 
+                                            <div class="jiange">
25 
+                                              <el-checkbox-group v-model="checkList" :max="1">
26 
+                                                <el-checkbox v-for="item in tiwei" :label="item" :key="item"></el-checkbox>
27 
+                                              </el-checkbox-group>
28 
+                                            </div>
29 
+                                        </td>
30 
+                                    </tr>
31 
+
32 
+                                    <tr>
33 
+                                        <td class="start">病理性骨突出</td>
34 
+                                        <td>
35 
+                                            <div class="jiange">
36 
+                                              <el-checkbox-group v-model="checkList1">
37 
+                                                <el-checkbox v-for="item in bingli" :label="item" :key="item"></el-checkbox>
38 
+                                              </el-checkbox-group>
39 
+                                            </div>
40 
+                                        </td>
41 
+                                    </tr>
42 
+
43 
+                                    <tr class="bg_color">
44 
+                                        <td class="start">浮肿</td>
45 
+                                        <td>
46 
+                                            <div class="jiange">
47 
+                                              <el-checkbox-group v-model="checkList2">
48 
+                                                <el-checkbox v-for="item in edema" :label="item" :key="item"></el-checkbox>
49 
+                                              </el-checkbox-group>
50 
+                                            </div>
51 
+                                        </td>
52 
+                                    </tr>
53 
+
54 
+                                    <tr>
55 
+                                        <td class="start">关节痉挛</td>
56 
+                                        <td>
57 
+                                            <div class="jiange">
58 
+                                              <el-checkbox-group v-model="checkList3">
59 
+                                                <el-checkbox v-for="item in guanjie" :label="item" :key="item"></el-checkbox>
60 
+                                              </el-checkbox-group>
61 
+                                            </div>
62 
+                                        </td>
63 
+                                    </tr>
64 
+                                </tbody>
65 
+                            </table>
66 
+                        </div>
67 
+
68 
+                        <div style="vertical-align: top;  margin: 10px 0px; position: relative;">
69 
+                            <span style="position: relative; top: -55px;">护理措施：</span>
70 
+                            <div style="margin-top: 20px;display: inline-block; width: 90%;">
71 
+                                <el-input maxlength="200" type = "textarea" :rows="3" v-model="input" placeholder="输入护理措施，200字以内" ></el-input>
72 
+                            </div>
73 
+                        </div>
74 
+
75 
+                        <div>
76 
+                            <div class="bottoms">
77 
+                                <span>总分:</span>
78 
+                                <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>分
79 
+                            </div>
80 
+
81 
+                            <div class="bottoms">
82 
+                                <span>评估日期:</span>
83 
+                                <el-date-picker
84 
+                                    v-model="value1"
85 
+                                    type="date"
86 
+                                    placeholder="选择日期"
87 
+                                    :clearable="false"
88 
+                                    style="width: 150px;">
89 
+                                </el-date-picker>
90 
+                            </div>
91 
+
92 
+                            <div class="bottoms">
93 
+                                <span>评估人:</span>
94 
+                                <el-select v-model="value" placeholder="请选择" >
95 
+                                    <el-option
96 
+                                    v-for="item in options"
97 
+                                    :key="item.value"
98 
+                                    :label="item.label"
99 
+                                    :value="item.value"
100 
+                                    style="width:150px;">
101 
+                                    </el-option>
102 
+                                </el-select>
103 
+                            </div>
104 
+
105 
+                        </div>
106 
+
107 
+                        <hr style="width: 100%;margin-top: 20px;"/>
108 
+                        <div class="shuoming">
109 
+                            <p>说明：</p>
110 
+                            <p>1、本表适用于急症科、血液净化科等非病房科室。</p>
111 
+                            <p>2、总分：10分，分值越大风险越高 ；1-3分为低危；4-6分为中危；7-10分为高危。</p>
112 
+                            <p>3、病理性骨突出指骶尾部（或受压部位骨突出处）两侧均高于皮肤
113 
+                                <2cm为“无”；两侧均为2cm或一侧<2cm一侧2cm为“轻度/中度”；两侧均>2cm或一侧>2cm一侧2cm为“高度”。
114 
+                            </p>
115 
+                            <p>参考：北海道大学名授大浦武彦,堀田由浩. 利用OH 评估法进行压疮预防[M].东京：中央法规出版社,2005：11</p>
116 
+                        </div>
117 
+                    </div>
118 
+                    <!-- 虚线 -->
119 
+                    <div style="height: 100vh; width: 1px; border-left:1px dashed rgba(238, 10, 10, 0.726) ;"></div>
120 
+                    <!-- 右 -->
121 
+                    <div style="width: 38%;">
122 
+                        <div style="font-size: 20px; margin-bottom: 20px;">评估历史记录</div>
123 
+                        <div style="width: 100%;">
124 
+                            <el-table
125 
+                            :data="tableData"
126 
+                            stripe
127 
+                            border
128 
+                            :header-cell-style="{
129 
+                                background: '#0077ff9f',color:'white'}"
130 
+                            style="width: 100%">
131 
+                                <el-table-column
132 
+                                prop="date"
133 
+                                label="评估日期"
134 
+                                width="180">
135 
+                                </el-table-column>
136 
+                                <el-table-column
137 
+                                prop="name"
138 
+                                label="总分"
139 
+                                >
140 
+                                </el-table-column>
141 
+                                <el-table-column
142 
+                                prop="name"
143 
+                                label="评估人"
144 
+                                >
145 
+                                </el-table-column>
146 
+                            </el-table>
147 
+                        </div>
148 
+                    </div>
149 
+                </div>
150 
+            </div>
151 
+        </div>
152 
+
153 
+    </div>
154 
+</template>
155 
+<script>
156 
+import PatientSidebar from '../components/PatientSidebar.vue'
157 
+export default {
158 
+    components:{
159 
+      PatientSidebar
160 
+    },
161 
+    data(){
162 
+        return{
163 
+            patientID:0,
164 
+            input:'',
165 
+            tableData:[],
166 
+            form:[],
167 
+            value:'',
168 
+            value1:'',
169 
+            options:[],
170 
+            tiwei:['能(0)','不能完全自立(1.5)','不能(3)'],
171 
+            bingli:['无(0)','轻度/中度(1.5)','高度(3)'],
172 
+            edema:['无(0)','有(3)'],
173 
+            guanjie:['无(0)','有(1)'],
174 
+            checkList:[],
175 
+            checkList1:[],
176 
+            checkList2:[],
177 
+            checkList3:[],
178 
+        }
179 
+    }
180 
+}
181 
+</script>
182 
+<style lang="scss" scoped>
183 
+    .content_top{
184 
+      display: flex;
185 
+      justify-content: space-between;
186 
+    }
187 
+    .bottoms{
188 
+        display: inline-block;
189 
+        margin-left: 10px;
190 
+        margin-top: 5px;
191 
+    }
192 
+    .shuoming p{
193 
+      margin-top: 5px;
194 
+      color: rgb(167, 165, 165);
195 
+    }
196 
+    .table{
197 
+        border: 1px solid #DCDFE6;
198 
+        border-collapse:collapse;
199 
+        border-spacing: 0;
200 
+        thead th{
201 
+            background: #0077ff9f;
202 
+            color: white;
203 
+            text-align: center;
204 
+            height: 40px;
205 
+        }
206 
+        tbody td{
207 
+           height: 40px;
208 
+        }
209 
+        .start{
210 
+            text-align: center;
211 
+        }
212 
+        .bing{
213 
+            width: 150px;
214 
+            text-align: center;
215 
+        }
216 
+        .bg_color{
217 
+            background: rgb(243, 240, 240);
218 
+        }
219 
+        .jiange{
220 
+            margin-left: 20px;
221 
+            color: black;
222 
+        }
223 
+    }
224 
+</style>

+ 351 - 0
src/xt_pages/user/evaluationtool/RassAssessment.vue View File 

@@ -0,0 +1,351 @@
1 
+<template>
2 
+    <div class="patient-container">
3 
+        <patient-sidebar :id="patientID" defaultActive="5-6"></patient-sidebar>
4 
+        <div>
5 
+            <div class="patient-app-container advice-container app-container">
6 
+                <div class='content_top' style="width: 100%;margin-bottom: 20px;">
7 
+                    <div style="font-size: 20px;">RASS评估表</div>
8 
+                    <div>
9 
+                        <el-button>历史评分</el-button>
10 
+                    </div>
11 
+                </div>
12 
+
13 
+
14 
+                <div class='content_top'>
15 
+                    <div style="width:29%">
16 
+                        <table class="table" border="1" style="width: 100%;">
17 
+                        <thead>
18 
+                            <tr>
19 
+                                <th style="width: 180px; text-align: left;margin-left: 5px;">LOS评分</th>
20 
+                            </tr>
21 
+                        </thead>
22 
+
23 
+                        </table>
24 
+                    </div>
25 
+
26 
+                    <div style="width:70%">
27 
+                        <table class="table" border="1" style="width: 100%;">
28 
+                            <thead>
29 
+                                <tr>
30 
+                                    <th>RASS评分</th>
31 
+                                </tr>
32 
+                            </thead>
33 
+
34 
+                        </table>
35 
+                    </div>
36 
+                </div>
37 
+                <div class="content_top" style="margin: 10px 0px;">
38 
+                    <div>
39 
+                        <div class="bottoms">
40 
+                        <span>总分:</span>
41 
+                        <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>分
42 
+                        </div>
43 
+
44 
+                        <div class="bottoms">
45 
+                            <span>评估日期:</span>
46 
+                            <el-date-picker
47 
+                                v-model="value1"
48 
+                                type="date"
49 
+                                placeholder="选择日期"
50 
+                                :clearable="false"
51 
+                                style="width: 150px;">
52 
+                            </el-date-picker>
53 
+                        </div>
54 
+
55 
+                        <div class="bottoms">
56 
+                            <span>评估人:</span>
57 
+                            <el-select v-model="value" placeholder="请选择" >
58 
+                                <el-option
59 
+                                v-for="item in options"
60 
+                                :key="item.value"
61 
+                                :label="item.label"
62 
+                                :value="item.value"
63 
+                                style="width:150px;">
64 
+                                </el-option>
65 
+                            </el-select>
66 
+                        </div>
67 
+
68 
+                    </div>
69 
+                    <div style="margin:5px 10px;">
70 
+                            <el-button type="primary">确认</el-button>
71 
+                    </div>
72 
+                </div>
73 
+                <hr style="height:1px;border:none;border-top:1px dashed #0066CC;margin-bottom: 10px;"/>
74 
+                <div style="border-left: 2px solid #0077ff9f; font-size: 18px;padding-left: 5px;">
75 
+                  <span>疼痛评估</span>
76 
+                </div>
77 
+                <div>
78 
+                    <table class="table" border="1" style="width: 100%;">
79 
+                        <thead>
80 
+                            <tr>
81 
+                                <th style="width: 180px; text-align: left; margin-left: 5px;">疼痛评估工具</th>
82 
+                            </tr>
83 
+                        </thead>
84 
+                        <tr>
85 
+                            <td>
86 
+                                <div class="jiange">
87 
+                                    <el-radio-group v-model="radio">
88 
+                                        <el-radio v-for="(item,index ) in RassGJ" :label="item" :key="index">{{ item }}</el-radio>
89 
+                                    </el-radio-group>
90 
+                                </div>
91 
+                            </td>
92 
+                        </tr>
93 
+                        <tr>
94 
+                            <div style="margin: 20px 0px;">
95 
+                                <div style="vertical-align: middle;" v-if="radio=='NRS'">
96 
+                                    <el-radio-group v-model="radio">
97 
+                                        <el-radio v-for="(item,index ) in yuyan" :label="item" :key="index">{{ item }}</el-radio>
98 
+                                    </el-radio-group>
99 
+                                </div>
100 
+                                <div style="vertical-align: middle;" v-else-if="radio=='表情法'">
101 
+
102 
+                                </div>
103 
+                                <div style="width: 40%;margin-left: 15%;" v-else-if="radio=='视觉模拟法'">
104 
+                                    <el-input
105 
+                                        type="textarea"
106 
+                                        :autosize="{minRows: 8, maxRows: 10}"
107 
+                                        placeholder="请输入内容"
108 
+
109 
+                                        v-model="textarea1">
110 
+                                    </el-input>
111 
+                                </div>
112 
+                                <div style="vertical-align: middle;" v-else-if="radio=='语言描述法'">
113 
+                                    <el-radio-group v-model="radio">
114 
+                                        <el-radio v-for="(item,index ) in yuyan" :label="item" :key="index">{{ item }}</el-radio>
115 
+                                    </el-radio-group>
116 
+                                </div>
117 
+                                <div style="vertical-align: middle;" v-else-if="radio=='行为学评估量表'">
118 
+
119 
+                                </div>
120 
+                                <div style="width: 40%;margin-left: 15%;" v-else-if="radio=='其他'">
121 
+                                    <el-input
122 
+                                        type="textarea"
123 
+                                        :autosize="{minRows: 8, maxRows: 10}"
124 
+                                        placeholder="请输入内容"
125 
+
126 
+                                        v-model="textarea1">
127 
+                                    </el-input>
128 
+                                </div>
129 
+                            </div>
130 
+                            <div style="margin-left: 10%;">
131 
+                                <div class="bottoms">
132 
+                                    <span>疼痛评分:</span>
133 
+                                    <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>分
134 
+                                </div>
135 
+                                <div class="bottoms">
136 
+                                    <span>处理后疼痛:</span>
137 
+                                    <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>分
138 
+                                </div>
139 
+                                <div class="bottoms">
140 
+                                    <span>患者状态:</span>
141 
+                                    <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
142 
+                                </div>
143 
+                            </div>
144 
+                        </tr>
145 
+                    </table>
146 
+                </div>
147 
+
148 
+                <div class="content_top" style="margin: 20px 0px;width: 100%;">
149 
+                    <div style="width: 49%; ">
150 
+                        <p class="biaotou">疼痛部位</p>
151 
+                        <table class="table" border="1" style="width: 100%;">
152 
+                            <thead>
153 
+                                <tr>
154 
+                                    <th style="width: 130px;">项目</th>
155 
+                                    <th style="">症状</th>
156 
+                                </tr>
157 
+                            </thead>
158 
+                            <tbody>
159 
+                            <tr class="bg_color">
160 
+                                <td class="start">疼痛性质</td>
161 
+                                <td>
162 
+                                    <!-- <div class="jiange">
163 
+                                        <el-radio-group v-model="radio">
164 
+                                            <el-radio v-for="(item,index ) in tuoguan" :label="item" :key="index">{{ item }}</el-radio>
165 
+                                        </el-radio-group>
166 
+                                    </div> -->
167 
+                                </td>
168 
+                            </tr>
169 
+                            <tr>
170 
+                                <td class="start">疼痛伴随症状</td>
171 
+                                <td>
172 
+                                    <!-- <div class="jiange">
173 
+                                        <el-radio-group v-model="radio">
174 
+                                            <el-radio v-for="(item,index ) in yishi" :label="item" :key="index">{{ item }}</el-radio>
175 
+                                        </el-radio-group>
176 
+                                    </div> -->
177 
+                                </td>
178 
+                            </tr>
179 
+                            <tr class="bg_color">
180 
+                                <td class="start">疼痛对活动影响</td>
181 
+                                <td>
182 
+                                    <!-- <div  class="jiange">
183 
+                                        <el-radio-group v-model="radio">
184 
+                                        <el-radio v-for="(item,index ) in peihe" :label="item" :key="index">{{ item }}</el-radio>
185 
+                                        </el-radio-group>
186 
+                                    </div> -->
187 
+                                </td>
188 
+                            </tr>
189 
+                            <tr>
190 
+                                <td class="start">止痛药不良反应</td>
191 
+                                <td>
192 
+                                    <!-- <div  class="jiange">
193 
+                                        <el-radio-group v-model="radio">
194 
+                                        <el-radio v-for="(item,index ) in peihe" :label="item" :key="index">{{ item }}</el-radio>
195 
+                                        </el-radio-group>
196 
+                                    </div> -->
197 
+                                </td>
198 
+                            </tr>
199 
+                            </tbody>
200 
+                        </table>
201 
+                    </div>
202 
+                    <div style="width: 49%;">
203 
+                        <p class="biaotou">护理处置</p>
204 
+                        <table class="table" border="1" style="width: 100%;">
205 
+                            <thead>
206 
+                                <tr>
207 
+                                    <th>护理处置方式</th>
208 
+                                </tr>
209 
+                            </thead>
210 
+                            <tbody>
211 
+                                <tr class="bg_color">
212 
+                                    <td>
213 
+                                        <!-- <div class="jiange">
214 
+                                            <el-radio-group v-model="radio">
215 
+                                                <el-radio v-for="(item,index ) in tuoguan" :label="item" :key="index">{{ item }}</el-radio>
216 
+                                            </el-radio-group>
217 
+                                        </div> -->
218 
+                                    </td>
219 
+                                </tr>
220 
+                                <tr>
221 
+                                    <td class="start">疼痛伴随症状</td>
222 
+                                </tr>
223 
+                                <tr class="bg_color">
224 
+                                    <td class="start">疼痛对活动影响</td>
225 
+                                </tr>
226 
+                                <tr>
227 
+                                    <td class="start">止痛药不良反应</td>
228 
+                                </tr>
229 
+                                <tr class="bg_color">
230 
+                                    <td class="start">疼痛对活动影响</td>
231 
+                                </tr>
232 
+                                <tr>
233 
+                                    <td class="start">止痛药不良反应</td>
234 
+                                </tr>
235 
+                            </tbody>
236 
+                        </table>
237 
+                    </div>
238 
+                </div>
239 
+
240 
+                <div class="content_top" style="margin-bottom: 10px ;">
241 
+                    <div>
242 
+                        <div class="bottoms">
243 
+                            <span>评估日期:</span>
244 
+                            <el-date-picker
245 
+                                v-model="value1"
246 
+                                type="date"
247 
+                                placeholder="选择日期"
248 
+                                :clearable="false"
249 
+                                style="width: 150px;">
250 
+                            </el-date-picker>
251 
+                        </div>
252 
+
253 
+                        <div class="bottoms">
254 
+                            <span>评估人:</span>
255 
+                            <el-select v-model="value" placeholder="请选择" >
256 
+                                <el-option
257 
+                                v-for="item in options"
258 
+                                :key="item.value"
259 
+                                :label="item.label"
260 
+                                :value="item.value"
261 
+                                style="width:150px;">
262 
+                                </el-option>
263 
+                            </el-select>
264 
+                        </div>
265 
+                    </div>
266 
+                    <div style="margin:5px 10px;">
267 
+                        <el-button type="primary">确认</el-button>
268 
+                    </div>
269 
+                </div>
270 
+
271 
+            </div>
272 
+        </div>
273 
+
274 
+    </div>
275 
+</template>
276 
+<script>
277 
+import PatientSidebar from '../components/PatientSidebar.vue'
278 
+export default {
279 
+    components:{
280 
+      PatientSidebar
281 
+    },
282 
+    data(){
283 
+        return{
284 
+            patientID:0,
285 
+            radio:'',
286 
+            input:'',
287 
+            value1:'',
288 
+            value:'',
289 
+            textarea1:'',
290 
+            options:[],
291 
+            RassGJ:['NRS','表情法','视觉模拟法','语言描述法','行为学评估量表','其他'],
292 
+            yuyan:['0无痛','1微痛','2一般','4中度疼痛','6中重度疼痛','8重度疼痛','10无法忍受']
293 
+        }
294 
+    },
295 
+    created(){
296 
+        console.log('asdfasdfasdfasssdfas',this.radio);
297 
+    },
298 
+    methods:{
299 
+
300 
+    }
301 
+}
302 
+</script>
303 
+<style lang="scss" scoped>
304 
+    .content_top{
305 
+      display: flex;
306 
+      justify-content: space-between;
307 
+    }
308 
+    .table{
309 
+        border: 1px solid #DCDFE6;
310 
+        border-collapse:collapse;
311 
+        border-spacing: 0;
312 
+        thead th{
313 
+            background: #0077ff9f;
314 
+            color: white;
315 
+            text-align: center;
316 
+            height: 40px;
317 
+        }
318 
+        tbody td{
319 
+           height: 40px;
320 
+        }
321 
+        .start{
322 
+            text-align: center;
323 
+        }
324 
+        .bing{
325 
+            width: 150px;
326 
+            text-align: center;
327 
+        }
328 
+        .bg_color{
329 
+            background: rgb(243, 240, 240);
330 
+        }
331 
+        .jiange{
332 
+            margin-left: 20px;
333 
+            color: black;
334 
+        }
335 
+        input{
336 
+            -webkit-appearance: checkbox;
337 
+        }
338 
+    }
339 
+    .bottoms{
340 
+        display: inline-block;
341 
+        margin-left: 10px;
342 
+        margin-top: 5px;
343 
+    }
344 
+    .biaotou{
345 
+      font-size: 18px;
346 
+      margin-bottom: 10px;
347 
+      color: #0077ff9f;
348 
+
349 
+      // background-color: '#409eff';
350 
+    }
351 
+</style>

+ 200 - 0
src/xt_pages/user/evaluationtool/dailyLife.vue View File 

@@ -0,0 +1,200 @@
1 
+<!--  日常生活能力评估 -->
2 
+<template>
3 
+    <div class="patient-container">
4 
+        <patient-sidebar :id="patientID" defaultActive="5-4"></patient-sidebar>
5 
+        <div>
6 
+            <div class="patient-app-container advice-container app-container">
7 
+
8 
+                <div class='content_top' style="width: 100%;margin-bottom: 20px;">
9 
+                    <div style="font-size: 20px;"> 日常生活能力评定(ADL评估)表</div>
10 
+                    <div>
11 
+                        <el-button>历史评分</el-button>
12 
+                    </div>
13 
+                </div>
14 
+
15 
+                <div>
16 
+                    <table class="table" border="1" style="width: 100%;">
17 
+                        <thead>
18 
+                            <tr>
19 
+                                <th style="width: 150px;">项目</th>
20 
+                                <th>分值</th>
21 
+                            </tr>
22 
+                        </thead>
23 
+                        <tbody>
24 
+                            <tr class="bg_color">
25 
+                                <td class="start">进食</td>
26 
+                                <td class="start">进食</td>
27 
+                                <td class="start">进食</td>
28 
+                                <td class="start">进食</td>
29 
+                            </tr>
30 
+
31 
+                            <tr>
32 
+                                <td class="start">洗澡</td>
33 
+                                <td class="start">洗澡</td>
34 
+                                <td class="start">洗澡</td>
35 
+                                <td class="start">洗澡</td>
36 
+                            </tr>
37 
+
38 
+                            <tr class="bg_color">
39 
+                                <td class="start">修饰</td>
40 
+                                <td class="start">洗澡</td>
41 
+                                <td class="start">洗澡</td>
42 
+                                <td class="start">洗澡</td>
43 
+                            </tr>
44 
+
45 
+                            <tr>
46 
+                                <td class="start">穿衣</td>
47 
+                                <td class="start">洗澡</td>
48 
+                                <td class="start">洗澡</td>
49 
+                                <td class="start">洗澡</td>
50 
+                            </tr>
51 
+                            <tr class="bg_color">
52 
+                                <td class="start">控制大便</td>
53 
+                                <td class="start">洗澡</td>
54 
+                                <td class="start">洗澡</td>
55 
+                                <td class="start">洗澡</td>
56 
+                            </tr>
57 
+
58 
+                            <tr>
59 
+                                <td class="start">控制小便</td>
60 
+                                <td class="start">洗澡</td>
61 
+                                <td class="start">洗澡</td>
62 
+                                <td class="start">洗澡</td>
63 
+                            </tr>
64 
+
65 
+                            <tr class="bg_color">
66 
+                                <td class="start">如厕</td>
67 
+                                <td class="start">洗澡</td>
68 
+                                <td class="start">洗澡</td>
69 
+                                <td class="start">洗澡</td>
70 
+                            </tr>
71 
+
72 
+                            <tr>
73 
+                                <td class="start">床椅转移</td>
74 
+                                <td class="start">洗澡</td>
75 
+                                <td class="start">洗澡</td>
76 
+                                <td class="start">洗澡</td>
77 
+                            </tr>
78 
+                            <tr class="bg_color">
79 
+                                <td class="start">平地行走</td>
80 
+                                <td class="start">洗澡</td>
81 
+                                <td class="start">洗澡</td>
82 
+                                <td class="start">洗澡</td>
83 
+                            </tr>
84 
+
85 
+                            <tr>
86 
+                                <td class="start">上下楼梯</td>
87 
+                                <td class="start">洗澡</td>
88 
+                                <td class="start">洗澡</td>
89 
+                                <td class="start">洗澡</td>
90 
+                            </tr>
91 
+                        </tbody>
92 
+                    </table>
93 
+                </div>
94 
+
95 
+                <div class="content_top" style="margin: 10px 0px;">
96 
+                    <div>
97 
+                        <div class="bottoms">
98 
+                        <span>总分:</span>
99 
+                        <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>分
100 
+                        </div>
101 
+
102 
+                        <div class="bottoms">
103 
+                            <span>评估日期:</span>
104 
+                            <el-date-picker
105 
+                                v-model="value1"
106 
+                                type="date"
107 
+                                placeholder="选择日期"
108 
+                                :clearable="false"
109 
+                                style="width: 150px;">
110 
+                            </el-date-picker>
111 
+                        </div>
112 
+
113 
+                        <div class="bottoms">
114 
+                            <span>评估人:</span>
115 
+                            <el-select v-model="value" placeholder="请选择" >
116 
+                                <el-option
117 
+                                v-for="item in options"
118 
+                                :key="item.value"
119 
+                                :label="item.label"
120 
+                                :value="item.value"
121 
+                                style="width:150px;">
122 
+                                </el-option>
123 
+                            </el-select>
124 
+                        </div>
125 
+
126 
+                    </div>
127 
+                    <div style="margin:5px 10px;">
128 
+                            <el-button type="primary">确认</el-button>
129 
+                    </div>
130 
+                </div>
131 
+                <hr/>
132 
+                <div class="shuoming">
133 
+                    <p>说明：</p>
134 
+                    <p>一级 无需依赖 100分</p>
135 
+                    <p>二级 轻度依赖 61-99分</p>
136 
+                    <p>三级 中度依赖 41-60分</p>
137 
+                    <p>四级 重度依赖 ≤40分</p>
138 
+                </div>
139 
+            </div>
140 
+        </div>
141 
+    </div>
142 
+</template>
143 
+<script>
144 
+import PatientSidebar from '../components/PatientSidebar.vue'
145 
+export default {
146 
+    components:{
147 
+      PatientSidebar
148 
+    },
149 
+    data(){
150 
+        return{
151 
+            patientID:0,
152 
+            value:'',
153 
+            options:[],
154 
+        }
155 
+    }
156 
+}
157 
+</script>
158 
+<style lang="scss" scoped>
159 
+    .content_top{
160 
+      display: flex;
161 
+      justify-content: space-between;
162 
+    }
163 
+    .table{
164 
+        border: 1px solid #DCDFE6;
165 
+        border-collapse:collapse;
166 
+        border-spacing: 0;
167 
+        thead th{
168 
+            background: #0077ff9f;
169 
+            color: white;
170 
+            text-align: center;
171 
+            height: 40px;
172 
+        }
173 
+        tbody td{
174 
+           height: 40px;
175 
+        }
176 
+        .start{
177 
+            text-align: center;
178 
+        }
179 
+        .bing{
180 
+            width: 150px;
181 
+            text-align: center;
182 
+        }
183 
+        .bg_color{
184 
+            background: rgb(243, 240, 240);
185 
+        }
186 
+        .jiange{
187 
+            margin-left: 20px;
188 
+            color: black;
189 
+        }
190 
+    }
191 
+    .bottoms{
192 
+        display: inline-block;
193 
+        margin-left: 10px;
194 
+        margin-top: 5px;
195 
+    }
196 
+    .shuoming p{
197 
+      margin-top: 5px;
198 
+      color: rgb(167, 165, 165);
199 
+    }
200 
+</style>

+ 612 - 0
src/xt_pages/user/evaluationtool/hemodialysis.vue View File 

@@ -0,0 +1,612 @@
1 
+<template>
2 
+    <div class="patient-container">
3 
+        <patient-sidebar :id="patientID" defaultActive="5-12"></patient-sidebar>
4 
+        <div>
5 
+            <div class="patient-app-container advice-container app-container">
6 
+                <div class="content_top">
7 
+                    <!-- 左 -->
8 
+                    <div style="width: 60%;border-right:1px dashed rgba(238, 10, 10, 0.726);padding-right: 30px;">
9 
+                        <div style=""><el-button type="primary">新增</el-button></div>
10 
+                        <div style="font-size: 20px;margin: 20px 0px;">一般护理评估</div>
11 
+                        <div style="width: 100%;">
12 
+                            <table class="table" border="1" style="width: 100%;">
13 
+                                <thead>
14 
+                                    <tr>
15 
+                                        <th style="width: 150px;">项目</th>
16 
+                                        <th>描述</th>
17 
+                                    </tr>
18 
+                                </thead>
19 
+                                <tbody>
20 
+                                    <tr class="bg_color">
21 
+                                        <td class="start">0级</td>
22 
+                                        <td>
23 
+                                            <div class="jiange">
24 
+                                              <el-checkbox-group v-model="checkList" :max="1">
25 
+                                                <el-checkbox v-for="item in zhengyan" :label="item" :key="item"></el-checkbox>
26 
+                                              </el-checkbox-group>
27 
+                                            </div>
28 
+                                        </td>
29 
+                                    </tr>
30 
+
31 
+                                    <tr>
32 
+                                        <td class="start">1级</td>
33 
+                                        <td>
34 
+                                            <div class="jiange">
35 
+                                              <el-checkbox-group v-model="checkList1">
36 
+                                                <el-checkbox v-for="item in yanyu" :label="item" :key="item"></el-checkbox>
37 
+                                              </el-checkbox-group>
38 
+                                            </div>
39 
+                                        </td>
40 
+                                    </tr>
41 
+
42 
+                                    <tr class="bg_color">
43 
+                                        <td class="start">2级</td>
44 
+                                        <td>
45 
+                                            <div class="jiange">
46 
+                                              <el-checkbox-group v-model="checkList2">
47 
+                                                <el-checkbox v-for="item in yundong" :label="item" :key="item"></el-checkbox>
48 
+                                              </el-checkbox-group>
49 
+                                            </div>
50 
+                                        </td>
51 
+                                    </tr>
52 
+
53 
+                                    <tr class="bg_color">
54 
+                                        <td class="start">3级</td>
55 
+                                        <td>
56 
+                                            <div class="jiange">
57 
+                                              <el-checkbox-group v-model="checkList" :max="1">
58 
+                                                <el-checkbox v-for="item in zhengyan" :label="item" :key="item"></el-checkbox>
59 
+                                              </el-checkbox-group>
60 
+                                            </div>
61 
+                                        </td>
62 
+                                    </tr>
63 
+
64 
+                                    <tr>
65 
+                                        <td class="start">4级</td>
66 
+                                        <td>
67 
+                                            <div class="jiange">
68 
+                                              <el-checkbox-group v-model="checkList1">
69 
+                                                <el-checkbox v-for="item in yanyu" :label="item" :key="item"></el-checkbox>
70 
+                                              </el-checkbox-group>
71 
+                                            </div>
72 
+                                        </td>
73 
+                                    </tr>
74 
+
75 
+                                    <tr class="bg_color">
76 
+                                        <td class="start">5级</td>
77 
+                                        <td>
78 
+                                            <div class="jiange">
79 
+                                              <el-checkbox-group v-model="checkList2">
80 
+                                                <el-checkbox v-for="item in yundong" :label="item" :key="item"></el-checkbox>
81 
+                                              </el-checkbox-group>
82 
+                                            </div>
83 
+                                        </td>
84 
+                                    </tr>
85 
+                                </tbody>
86 
+                            </table>
87 
+                        </div>
88 
+
89 
+                        <div style="font-size: 20px;margin: 20px 0px;">前次治疗后专科评估</div>
90 
+                        <div style="width: 100%;">
91 
+                            <table class="table" border="1" style="width: 100%;">
92 
+                                <thead>
93 
+                                    <tr>
94 
+                                        <th style="width: 150px;">项目</th>
95 
+                                        <th>描述</th>
96 
+                                    </tr>
97 
+                                </thead>
98 
+                                <tbody>
99 
+                                    <tr class="bg_color">
100 
+                                        <td class="start">0级</td>
101 
+                                        <td>
102 
+                                            <div class="jiange">
103 
+                                              <el-checkbox-group v-model="checkList" :max="1">
104 
+                                                <el-checkbox v-for="item in zhengyan" :label="item" :key="item"></el-checkbox>
105 
+                                              </el-checkbox-group>
106 
+                                            </div>
107 
+                                        </td>
108 
+                                    </tr>
109 
+
110 
+                                    <tr>
111 
+                                        <td class="start">1级</td>
112 
+                                        <td>
113 
+                                            <div class="jiange">
114 
+                                              <el-checkbox-group v-model="checkList1">
115 
+                                                <el-checkbox v-for="item in yanyu" :label="item" :key="item"></el-checkbox>
116 
+                                              </el-checkbox-group>
117 
+                                            </div>
118 
+                                        </td>
119 
+                                    </tr>
120 
+
121 
+                                    <tr class="bg_color">
122 
+                                        <td class="start">2级</td>
123 
+                                        <td>
124 
+                                            <div class="jiange">
125 
+                                              <el-checkbox-group v-model="checkList2">
126 
+                                                <el-checkbox v-for="item in yundong" :label="item" :key="item"></el-checkbox>
127 
+                                              </el-checkbox-group>
128 
+                                            </div>
129 
+                                        </td>
130 
+                                    </tr>
131 
+
132 
+                                    <tr class="bg_color">
133 
+                                        <td class="start">3级</td>
134 
+                                        <td>
135 
+                                            <div class="jiange">
136 
+                                              <el-checkbox-group v-model="checkList" :max="1">
137 
+                                                <el-checkbox v-for="item in zhengyan" :label="item" :key="item"></el-checkbox>
138 
+                                              </el-checkbox-group>
139 
+                                            </div>
140 
+                                        </td>
141 
+                                    </tr>
142 
+
143 
+                                    <tr>
144 
+                                        <td class="start">4级</td>
145 
+                                        <td>
146 
+                                            <div class="jiange">
147 
+                                              <el-checkbox-group v-model="checkList1">
148 
+                                                <el-checkbox v-for="item in yanyu" :label="item" :key="item"></el-checkbox>
149 
+                                              </el-checkbox-group>
150 
+                                            </div>
151 
+                                        </td>
152 
+                                    </tr>
153 
+
154 
+                                    <tr class="bg_color">
155 
+                                        <td class="start">5级</td>
156 
+                                        <td>
157 
+                                            <div class="jiange">
158 
+                                              <el-checkbox-group v-model="checkList2">
159 
+                                                <el-checkbox v-for="item in yundong" :label="item" :key="item"></el-checkbox>
160 
+                                              </el-checkbox-group>
161 
+                                            </div>
162 
+                                        </td>
163 
+                                    </tr>
164 
+                                </tbody>
165 
+                            </table>
166 
+                        </div>
167 
+
168 
+                        <div style="font-size: 20px;margin: 20px 0px;">新患者情况</div>
169 
+                        <div style="width: 100%;">
170 
+                            <table class="table" border="1" style="width: 100%;">
171 
+                                <thead>
172 
+                                    <tr>
173 
+                                        <th style="width: 150px;">项目</th>
174 
+                                        <th>描述</th>
175 
+                                    </tr>
176 
+                                </thead>
177 
+                                <tbody>
178 
+                                    <tr class="bg_color">
179 
+                                        <td class="start">0级</td>
180 
+                                        <td>
181 
+                                            <div class="jiange">
182 
+                                              <el-checkbox-group v-model="checkList" :max="1">
183 
+                                                <el-checkbox v-for="item in zhengyan" :label="item" :key="item"></el-checkbox>
184 
+                                              </el-checkbox-group>
185 
+                                            </div>
186 
+                                        </td>
187 
+                                    </tr>
188 
+
189 
+                                    <tr>
190 
+                                        <td class="start">1级</td>
191 
+                                        <td>
192 
+                                            <div class="jiange">
193 
+                                              <el-checkbox-group v-model="checkList1">
194 
+                                                <el-checkbox v-for="item in yanyu" :label="item" :key="item"></el-checkbox>
195 
+                                              </el-checkbox-group>
196 
+                                            </div>
197 
+                                        </td>
198 
+                                    </tr>
199 
+
200 
+                                    <tr class="bg_color">
201 
+                                        <td class="start">2级</td>
202 
+                                        <td>
203 
+                                            <div class="jiange">
204 
+                                              <el-checkbox-group v-model="checkList2">
205 
+                                                <el-checkbox v-for="item in yundong" :label="item" :key="item"></el-checkbox>
206 
+                                              </el-checkbox-group>
207 
+                                            </div>
208 
+                                        </td>
209 
+                                    </tr>
210 
+
211 
+                                    <tr class="bg_color">
212 
+                                        <td class="start">3级</td>
213 
+                                        <td>
214 
+                                            <div class="jiange">
215 
+                                              <el-checkbox-group v-model="checkList" :max="1">
216 
+                                                <el-checkbox v-for="item in zhengyan" :label="item" :key="item"></el-checkbox>
217 
+                                              </el-checkbox-group>
218 
+                                            </div>
219 
+                                        </td>
220 
+                                    </tr>
221 
+
222 
+                                    <tr>
223 
+                                        <td class="start">4级</td>
224 
+                                        <td>
225 
+                                            <div class="jiange">
226 
+                                              <el-checkbox-group v-model="checkList1">
227 
+                                                <el-checkbox v-for="item in yanyu" :label="item" :key="item"></el-checkbox>
228 
+                                              </el-checkbox-group>
229 
+                                            </div>
230 
+                                        </td>
231 
+                                    </tr>
232 
+
233 
+                                    <tr class="bg_color">
234 
+                                        <td class="start">5级</td>
235 
+                                        <td>
236 
+                                            <div class="jiange">
237 
+                                              <el-checkbox-group v-model="checkList2">
238 
+                                                <el-checkbox v-for="item in yundong" :label="item" :key="item"></el-checkbox>
239 
+                                              </el-checkbox-group>
240 
+                                            </div>
241 
+                                        </td>
242 
+                                    </tr>
243 
+                                </tbody>
244 
+                            </table>
245 
+                        </div>
246 
+
247 
+                        <div style="font-size: 20px;margin: 20px 0px;">单针双腔导管置管术后</div>
248 
+                        <div style="width: 100%;">
249 
+                            <table class="table" border="1" style="width: 100%;">
250 
+                                <thead>
251 
+                                    <tr>
252 
+                                        <th style="width: 150px;">项目</th>
253 
+                                        <th>描述</th>
254 
+                                    </tr>
255 
+                                </thead>
256 
+                                <tbody>
257 
+                                    <tr class="bg_color">
258 
+                                        <td class="start">0级</td>
259 
+                                        <td>
260 
+                                            <div class="jiange">
261 
+                                              <el-checkbox-group v-model="checkList" :max="1">
262 
+                                                <el-checkbox v-for="item in zhengyan" :label="item" :key="item"></el-checkbox>
263 
+                                              </el-checkbox-group>
264 
+                                            </div>
265 
+                                        </td>
266 
+                                    </tr>
267 
+
268 
+                                    <tr>
269 
+                                        <td class="start">1级</td>
270 
+                                        <td>
271 
+                                            <div class="jiange">
272 
+                                              <el-checkbox-group v-model="checkList1">
273 
+                                                <el-checkbox v-for="item in yanyu" :label="item" :key="item"></el-checkbox>
274 
+                                              </el-checkbox-group>
275 
+                                            </div>
276 
+                                        </td>
277 
+                                    </tr>
278 
+
279 
+                                    <tr class="bg_color">
280 
+                                        <td class="start">2级</td>
281 
+                                        <td>
282 
+                                            <div class="jiange">
283 
+                                              <el-checkbox-group v-model="checkList2">
284 
+                                                <el-checkbox v-for="item in yundong" :label="item" :key="item"></el-checkbox>
285 
+                                              </el-checkbox-group>
286 
+                                            </div>
287 
+                                        </td>
288 
+                                    </tr>
289 
+
290 
+                                    <tr class="bg_color">
291 
+                                        <td class="start">3级</td>
292 
+                                        <td>
293 
+                                            <div class="jiange">
294 
+                                              <el-checkbox-group v-model="checkList" :max="1">
295 
+                                                <el-checkbox v-for="item in zhengyan" :label="item" :key="item"></el-checkbox>
296 
+                                              </el-checkbox-group>
297 
+                                            </div>
298 
+                                        </td>
299 
+                                    </tr>
300 
+
301 
+                                    <tr>
302 
+                                        <td class="start">4级</td>
303 
+                                        <td>
304 
+                                            <div class="jiange">
305 
+                                              <el-checkbox-group v-model="checkList1">
306 
+                                                <el-checkbox v-for="item in yanyu" :label="item" :key="item"></el-checkbox>
307 
+                                              </el-checkbox-group>
308 
+                                            </div>
309 
+                                        </td>
310 
+                                    </tr>
311 
+
312 
+                                    <tr class="bg_color">
313 
+                                        <td class="start">5级</td>
314 
+                                        <td>
315 
+                                            <div class="jiange">
316 
+                                              <el-checkbox-group v-model="checkList2">
317 
+                                                <el-checkbox v-for="item in yundong" :label="item" :key="item"></el-checkbox>
318 
+                                              </el-checkbox-group>
319 
+                                            </div>
320 
+                                        </td>
321 
+                                    </tr>
322 
+                                </tbody>
323 
+                            </table>
324 
+                        </div>
325 
+
326 
+                        <div style="font-size: 20px;margin: 20px 0px;">动静脉内瘘吻合术后</div>
327 
+                        <div style="width: 100%;">
328 
+                            <table class="table" border="1" style="width: 100%;">
329 
+                                <thead>
330 
+                                    <tr>
331 
+                                        <th style="width: 150px;">项目</th>
332 
+                                        <th>描述</th>
333 
+                                    </tr>
334 
+                                </thead>
335 
+                                <tbody>
336 
+                                    <tr class="bg_color">
337 
+                                        <td class="start">0级</td>
338 
+                                        <td>
339 
+                                            <div class="jiange">
340 
+                                              <el-checkbox-group v-model="checkList" :max="1">
341 
+                                                <el-checkbox v-for="item in zhengyan" :label="item" :key="item"></el-checkbox>
342 
+                                              </el-checkbox-group>
343 
+                                            </div>
344 
+                                        </td>
345 
+                                    </tr>
346 
+
347 
+                                    <tr>
348 
+                                        <td class="start">1级</td>
349 
+                                        <td>
350 
+                                            <div class="jiange">
351 
+                                              <el-checkbox-group v-model="checkList1">
352 
+                                                <el-checkbox v-for="item in yanyu" :label="item" :key="item"></el-checkbox>
353 
+                                              </el-checkbox-group>
354 
+                                            </div>
355 
+                                        </td>
356 
+                                    </tr>
357 
+
358 
+                                    <tr class="bg_color">
359 
+                                        <td class="start">2级</td>
360 
+                                        <td>
361 
+                                            <div class="jiange">
362 
+                                              <el-checkbox-group v-model="checkList2">
363 
+                                                <el-checkbox v-for="item in yundong" :label="item" :key="item"></el-checkbox>
364 
+                                              </el-checkbox-group>
365 
+                                            </div>
366 
+                                        </td>
367 
+                                    </tr>
368 
+
369 
+                                    <tr class="bg_color">
370 
+                                        <td class="start">3级</td>
371 
+                                        <td>
372 
+                                            <div class="jiange">
373 
+                                              <el-checkbox-group v-model="checkList" :max="1">
374 
+                                                <el-checkbox v-for="item in zhengyan" :label="item" :key="item"></el-checkbox>
375 
+                                              </el-checkbox-group>
376 
+                                            </div>
377 
+                                        </td>
378 
+                                    </tr>
379 
+
380 
+                                    <tr>
381 
+                                        <td class="start">4级</td>
382 
+                                        <td>
383 
+                                            <div class="jiange">
384 
+                                              <el-checkbox-group v-model="checkList1">
385 
+                                                <el-checkbox v-for="item in yanyu" :label="item" :key="item"></el-checkbox>
386 
+                                              </el-checkbox-group>
387 
+                                            </div>
388 
+                                        </td>
389 
+                                    </tr>
390 
+
391 
+                                    <tr class="bg_color">
392 
+                                        <td class="start">5级</td>
393 
+                                        <td>
394 
+                                            <div class="jiange">
395 
+                                              <el-checkbox-group v-model="checkList2">
396 
+                                                <el-checkbox v-for="item in yundong" :label="item" :key="item"></el-checkbox>
397 
+                                              </el-checkbox-group>
398 
+                                            </div>
399 
+                                        </td>
400 
+                                    </tr>
401 
+                                </tbody>
402 
+                            </table>
403 
+                        </div>
404 
+
405 
+                        <div style="font-size: 20px;margin: 20px 0px;">健康教育指导</div>
406 
+                        <div style="width: 100%;">
407 
+                            <table class="table" border="1" style="width: 100%;">
408 
+                                <thead>
409 
+                                    <tr>
410 
+                                        <th style="width: 150px;">项目</th>
411 
+                                        <th>描述</th>
412 
+                                    </tr>
413 
+                                </thead>
414 
+                                <tbody>
415 
+                                    <tr class="bg_color">
416 
+                                        <td class="start">0级</td>
417 
+                                        <td>
418 
+                                            <div class="jiange">
419 
+                                              <el-checkbox-group v-model="checkList" :max="1">
420 
+                                                <el-checkbox v-for="item in zhengyan" :label="item" :key="item"></el-checkbox>
421 
+                                              </el-checkbox-group>
422 
+                                            </div>
423 
+                                        </td>
424 
+                                    </tr>
425 
+
426 
+                                    <tr>
427 
+                                        <td class="start">1级</td>
428 
+                                        <td>
429 
+                                            <div class="jiange">
430 
+                                              <el-checkbox-group v-model="checkList1">
431 
+                                                <el-checkbox v-for="item in yanyu" :label="item" :key="item"></el-checkbox>
432 
+                                              </el-checkbox-group>
433 
+                                            </div>
434 
+                                        </td>
435 
+                                    </tr>
436 
+
437 
+                                    <tr class="bg_color">
438 
+                                        <td class="start">2级</td>
439 
+                                        <td>
440 
+                                            <div class="jiange">
441 
+                                              <el-checkbox-group v-model="checkList2">
442 
+                                                <el-checkbox v-for="item in yundong" :label="item" :key="item"></el-checkbox>
443 
+                                              </el-checkbox-group>
444 
+                                            </div>
445 
+                                        </td>
446 
+                                    </tr>
447 
+
448 
+                                    <tr class="bg_color">
449 
+                                        <td class="start">3级</td>
450 
+                                        <td>
451 
+                                            <div class="jiange">
452 
+                                              <el-checkbox-group v-model="checkList" :max="1">
453 
+                                                <el-checkbox v-for="item in zhengyan" :label="item" :key="item"></el-checkbox>
454 
+                                              </el-checkbox-group>
455 
+                                            </div>
456 
+                                        </td>
457 
+                                    </tr>
458 
+
459 
+                                    <tr>
460 
+                                        <td class="start">4级</td>
461 
+                                        <td>
462 
+                                            <div class="jiange">
463 
+                                              <el-checkbox-group v-model="checkList1">
464 
+                                                <el-checkbox v-for="item in yanyu" :label="item" :key="item"></el-checkbox>
465 
+                                              </el-checkbox-group>
466 
+                                            </div>
467 
+                                        </td>
468 
+                                    </tr>
469 
+
470 
+                                    <tr class="bg_color">
471 
+                                        <td class="start">5级</td>
472 
+                                        <td>
473 
+                                            <div class="jiange">
474 
+                                              <el-checkbox-group v-model="checkList2">
475 
+                                                <el-checkbox v-for="item in yundong" :label="item" :key="item"></el-checkbox>
476 
+                                              </el-checkbox-group>
477 
+                                            </div>
478 
+                                        </td>
479 
+                                    </tr>
480 
+                                </tbody>
481 
+                            </table>
482 
+                        </div>
483 
+
484 
+                        <div>
485 
+
486 
+                            <div class="bottoms">
487 
+                                <span>评估日期:</span>
488 
+                                <el-date-picker
489 
+                                    v-model="value1"
490 
+                                    type="date"
491 
+                                    placeholder="选择日期"
492 
+                                    :clearable="false"
493 
+                                    style="width: 150px;">
494 
+                                </el-date-picker>
495 
+                            </div>
496 
+
497 
+                            <div class="bottoms">
498 
+                                <span>评估人:</span>
499 
+                                <el-select v-model="value" placeholder="请选择" >
500 
+                                    <el-option
501 
+                                    v-for="item in options"
502 
+                                    :key="item.value"
503 
+                                    :label="item.label"
504 
+                                    :value="item.value"
505 
+                                    style="width:150px;">
506 
+                                    </el-option>
507 
+                                </el-select>
508 
+                            </div>
509 
+
510 
+                        </div>
511 
+                    </div>
512 
+                    <!-- 虚线 -->
513 
+                    <!-- <div style="height: 100%; width: 1px; border-left:1px dashed rgba(238, 10, 10, 0.726) ;"></div> -->
514 
+                    <!-- 右 -->
515 
+                    <div style="width: 38%;">
516 
+                        <div style="font-size: 20px; margin-bottom: 20px;">评估历史记录</div>
517 
+                        <div style="width: 100%;">
518 
+                            <el-table
519 
+                            :data="tableData"
520 
+                            stripe
521 
+                            border
522 
+                            :header-cell-style="{
523 
+                                background: '#0077ff9f',color:'white'}"
524 
+                            style="width: 100%">
525 
+                                <el-table-column
526 
+                                prop="date"
527 
+                                label="评估日期"
528 
+                                width="180">
529 
+                                </el-table-column>
530 
+                                <el-table-column
531 
+                                prop="name"
532 
+                                label="总分"
533 
+                                >
534 
+                                </el-table-column>
535 
+                                <el-table-column
536 
+                                prop="name"
537 
+                                label="评估人"
538 
+                                >
539 
+                                </el-table-column>
540 
+                            </el-table>
541 
+                        </div>
542 
+                    </div>
543 
+                </div>
544 
+
545 
+                血液透析患者评估
546 
+            </div>
547 
+        </div>
548 
+
549 
+    </div>
550 
+</template>
551 
+<script>
552 
+import PatientSidebar from '../components/PatientSidebar.vue'
553 
+export default {
554 
+    components:{
555 
+      PatientSidebar
556 
+    },
557 
+    data(){
558 
+        return{
559 
+            patientID:0,
560 
+            checkList:'',
561 
+            radio1:'',
562 
+            radio2:'',
563 
+            radio3:'',
564 
+            xinli:['配合治疗','担忧','烦躁','抵触情绪','拒绝治疗','坐立不安','怪异行为','其他'],
565 
+            qingan:['有','无',],
566 
+        }
567 
+
568 
+    }
569 
+}
570 
+</script>
571 
+<style lang="scss" scoped>
572 
+    .content_top{
573 
+      display: flex;
574 
+      justify-content: space-between;
575 
+    }
576 
+    .table{
577 
+        border: 1px solid #DCDFE6;
578 
+        border-collapse:collapse;
579 
+        border-spacing: 0;
580 
+        thead th{
581 
+            background: #0077ff9f;
582 
+            color: white;
583 
+            text-align: center;
584 
+            height: 40px;
585 
+        }
586 
+        tbody td{
587 
+           height: 40px;
588 
+        }
589 
+        .start{
590 
+            text-align: center;
591 
+        }
592 
+        .bing{
593 
+            width: 150px;
594 
+            text-align: center;
595 
+        }
596 
+        .bg_color{
597 
+            background: rgb(243, 240, 240);
598 
+        }
599 
+        .jiange{
600 
+            margin-left: 20px;
601 
+            color: black;
602 
+        }
603 
+        input{
604 
+            -webkit-appearance: checkbox;
605 
+        }
606 
+    }
607 
+    .bottoms{
608 
+        display: inline-block;
609 
+        margin-left: 10px;
610 
+        margin-top: 5px;
611 
+    }
612 
+</style>

+ 166 - 0
src/xt_pages/user/evaluationtool/mindAssessment.vue View File 

@@ -0,0 +1,166 @@
1 
+<template>
2 
+    <div class="patient-container">
3 
+        <patient-sidebar :id="patientID" defaultActive="5-10"></patient-sidebar>
4 
+        <div>
5 
+            <div class="patient-app-container advice-container app-container">
6 
+                <div class='content_top' style="width: 100%;margin-bottom: 20px;">
7 
+                    <div style="font-size: 20px;">心理评估</div>
8 
+                    <div>
9 
+                        <el-button>历史评分</el-button>
10 
+                    </div>
11 
+                </div>
12 
+
13 
+                <div>
14 
+                    <table class="table" border="1" style="width: 100%;">
15 
+                        <thead>
16 
+                            <tr>
17 
+                                <th style="width: 130px;">项目</th>
18 
+                                <th style="">症状</th>
19 
+                            </tr>
20 
+                        </thead>
21 
+                        <tbody>
22 
+                        <tr class="bg_color">
23 
+                            <td class="start">心理评估</td>
24 
+                            <td>
25 
+                                <div class="jiange">
26 
+                                    <el-checkbox-group v-model="checkList" :max="1">
27 
+                                        <el-checkbox v-for="item in xinli" :label="item" :key="item"></el-checkbox>
28 
+                                    </el-checkbox-group>
29 
+                                </div>
30 
+                            </td>
31 
+                        </tr>
32 
+                        <tr>
33 
+                            <td class="start">情感障碍</td>
34 
+                            <td>
35 
+                                <div class="jiange">
36 
+                                    <el-radio-group v-model="radio1">
37 
+                                        <el-radio v-for="(item,index ) in qingan" :label="item" :key="index">{{ item }}</el-radio>
38 
+                                    </el-radio-group>
39 
+                                </div>
40 
+                            </td>
41 
+                        </tr>
42 
+                        <tr class="bg_color">
43 
+                            <td class="start">自伤</td>
44 
+                            <td>
45 
+                                <div  class="jiange">
46 
+                                    <el-radio-group v-model="radio2">
47 
+                                    <el-radio v-for="(item,index ) in qingan" :label="item" :key="index">{{ item }}</el-radio>
48 
+                                    </el-radio-group>
49 
+                                </div>
50 
+                            </td>
51 
+                        </tr>
52 
+                        <tr>
53 
+                            <td class="start">伤人</td>
54 
+                            <td>
55 
+                                <div  class="jiange">
56 
+                                    <el-radio-group v-model="radio3">
57 
+                                    <el-radio v-for="(item,index ) in qingan" :label="item" :key="index">{{ item }}</el-radio>
58 
+                                    </el-radio-group>
59 
+                                </div>
60 
+                            </td>
61 
+                        </tr>
62 
+                        </tbody>
63 
+                    </table>
64 
+                </div>
65 
+
66 
+                <div class="content_top" style="margin-bottom: 10px ;">
67 
+                    <div>
68 
+                        <div class="bottoms">
69 
+                            <span>评估日期:</span>
70 
+                            <el-date-picker
71 
+                                v-model="value1"
72 
+                                type="date"
73 
+                                placeholder="选择日期"
74 
+                                :clearable="false"
75 
+                                style="width: 150px;">
76 
+                            </el-date-picker>
77 
+                        </div>
78 
+
79 
+                        <div class="bottoms">
80 
+                            <span>评估人:</span>
81 
+                            <el-select v-model="value" placeholder="请选择" >
82 
+                                <el-option
83 
+                                v-for="item in options"
84 
+                                :key="item.value"
85 
+                                :label="item.label"
86 
+                                :value="item.value"
87 
+                                style="width:150px;">
88 
+                                </el-option>
89 
+                            </el-select>
90 
+                        </div>
91 
+                    </div>
92 
+                    <div style="margin:5px 10px;">
93 
+                        <el-button type="primary">确认</el-button>
94 
+                    </div>
95 
+                </div>
96 
+
97 
+            </div>
98 
+        </div>
99 
+
100 
+    </div>
101 
+</template>
102 
+<script>
103 
+import PatientSidebar from '../components/PatientSidebar.vue'
104 
+export default {
105 
+    components:{
106 
+      PatientSidebar
107 
+    },
108 
+    data(){
109 
+        return{
110 
+            patientID:0,
111 
+            checkList:'',
112 
+            radio1:'',
113 
+            radio2:'',
114 
+            radio3:'',
115 
+            options:[],
116 
+            value:'',
117 
+            value1:'',
118 
+            xinli:['配合治疗','担忧','烦躁','抵触情绪','拒绝治疗','坐立不安','怪异行为','其他'],
119 
+            qingan:['有','无',],
120 
+        }
121 
+
122 
+    }
123 
+}
124 
+</script>
125 
+<style lang="scss" scoped>
126 
+    .content_top{
127 
+      display: flex;
128 
+      justify-content: space-between;
129 
+    }
130 
+    .table{
131 
+        border: 1px solid #DCDFE6;
132 
+        border-collapse:collapse;
133 
+        border-spacing: 0;
134 
+        thead th{
135 
+            background: #0077ff9f;
136 
+            color: white;
137 
+            text-align: center;
138 
+            height: 40px;
139 
+        }
140 
+        tbody td{
141 
+           height: 40px;
142 
+        }
143 
+        .start{
144 
+            text-align: center;
145 
+        }
146 
+        .bing{
147 
+            width: 150px;
148 
+            text-align: center;
149 
+        }
150 
+        .bg_color{
151 
+            background: rgb(243, 240, 240);
152 
+        }
153 
+        .jiange{
154 
+            margin-left: 20px;
155 
+            color: black;
156 
+        }
157 
+        input{
158 
+            -webkit-appearance: checkbox;
159 
+        }
160 
+    }
161 
+    .bottoms{
162 
+        display: inline-block;
163 
+        margin-left: 10px;
164 
+        margin-top: 5px;
165 
+    }
166 
+</style>

+ 249 - 0
src/xt_pages/user/evaluationtool/nourishmentAssessment.vue View File 

@@ -0,0 +1,249 @@
1 
+<template>
2 
+    <div class="patient-container">
3 
+        <patient-sidebar :id="patientID" defaultActive="5-8"></patient-sidebar>
4 
+        <div>
5 
+            <div class="patient-app-container advice-container app-container">
6 
+                <div class='content_top' style="width: 100%;margin-bottom: 20px;">
7 
+                    <div style="font-size: 20px;text-align: center;">NRS-2002</div>
8 
+                    <div>
9 
+                        <el-button>历史评分</el-button>
10 
+                    </div>
11 
+                </div>
12 
+
13 
+                <div>
14 
+                    <table class="table" border="1" style="width: 100%;margin-bottom: 20px;">
15 
+                        <thead>
16 
+                            <tr>
17 
+                                <th colspan="2" style="text-align: left;padding-left: 5px;">疾病相关评分</th>
18 
+                            </tr>
19 
+                        </thead>
20 
+                        <tbody>
21 
+                        <tr class="bg_color">
22 
+                            <td class="start yingyang">0级</td>
23 
+
24 
+                            <td class="saoyang wenzi_color">营养需要量无增加</td>
25 
+                        </tr>
26 
+                        <tr>
27 
+                            <td class="start">1级</td>
28 
+
29 
+                            <td class="saoyang wenzi_color">
30 
+                                营养需要量轻度增加：
31 
+                                <el-checkbox-group v-model="checkList">
32 
+                                    <el-checkbox v-for='item in qingdu' :label="item" :key="item"></el-checkbox>
33 
+                                    <el-checkbox label="">
34 
+                                        <el-input v-model="input" placeholder=""></el-input>
35 
+                                    </el-checkbox>
36 
+                                </el-checkbox-group>
37 
+                            </td>
38 
+                        </tr>
39 
+                        <tr class="bg_color">
40 
+                            <td class="start">2级</td>
41 
+
42 
+                            <td class="saoyang wenzi_color">
43 
+                                营养需要量中度增加：
44 
+                                <el-checkbox-group v-model="checkList">
45 
+                                    <el-checkbox v-for='item in zhdu' :label="item" :key="item"></el-checkbox>
46 
+                                    <el-checkbox label="">
47 
+                                        <el-input v-model="input" placeholder=""></el-input>
48 
+                                    </el-checkbox>
49 
+                                </el-checkbox-group>
50 
+                            </td>
51 
+                        </tr>
52 
+                        <tr>
53 
+                            <td class="start">3级</td>
54 
+                            <td class="saoyang wenzi_color">
55 
+                                营养需要量重度增加：
56 
+                                <el-checkbox-group v-model="checkList">
57 
+                                    <el-checkbox v-for='item in zhongsdu' :label="item" :key="item"></el-checkbox>
58 
+                                    <el-checkbox label="">
59 
+                                        <el-input v-model="input" placeholder=""></el-input>
60 
+                                    </el-checkbox>
61 
+                                </el-checkbox-group>
62 
+                            </td>
63 
+                        </tr>
64 
+                        </tbody>
65 
+                    </table>
66 
+
67 
+                    <table class="table" border="1" style="width: 100%;margin-bottom: 20px;">
68 
+                        <thead>
69 
+                            <tr>
70 
+                                <th colspan="2" style="text-align: left;padding-left: 5px;">营养受损评分</th>
71 
+                            </tr>
72 
+                        </thead>
73 
+                        <tbody>
74 
+                        <tr class="bg_color">
75 
+                            <td class="start yingyang">0级</td>
76 
+
77 
+                            <td class="saoyang wenzi_color" >无营养受损</td>
78 
+                        </tr>
79 
+                        <tr>
80 
+                            <td class="start">1级</td>
81 
+
82 
+                            <td class="saoyang">
83 
+                                <el-checkbox-group v-model="checkList">
84 
+                                    <el-checkbox label="3个月内体重下降>5%"></el-checkbox>
85 
+                                    <el-checkbox label="一周内进食量较从前减少25%-50%"></el-checkbox>
86 
+                                </el-checkbox-group>
87 
+                            </td>
88 
+                        </tr>
89 
+                        <tr class="bg_color">
90 
+                            <td class="start">2级</td>
91 
+
92 
+                            <td class="saoyang">
93 
+
94 
+                                <el-checkbox-group v-model="checkList">
95 
+                                    <el-checkbox label="2个月内体重下降>5%"></el-checkbox>
96 
+                                    <el-checkbox label="一周内进食量较从前减少50%-75%"></el-checkbox>
97 
+                                </el-checkbox-group>
98 
+
99 
+                            </td>
100 
+                        </tr>
101 
+                        <tr>
102 
+                            <td class="start">3级</td>
103 
+                            <td class="saoyang">
104 
+                                <el-checkbox-group v-model="checkList">
105 
+                                    <el-checkbox label="1个月内体重下降>5%"></el-checkbox>
106 
+                                    <el-checkbox label="一周内进食量较从前减少75%-100%"></el-checkbox>
107 
+                                    <el-checkbox label="体重指数（BMI）<18.5"></el-checkbox>
108 
+                                    <el-checkbox label="血蛋白<30g/L（得不到准确的BNI值时用白蛋白替代）"></el-checkbox>
109 
+                                </el-checkbox-group>
110 
+                            </td>
111 
+                        </tr>
112 
+                        </tbody>
113 
+                    </table>
114 
+
115 
+                    <table class="table" border="1" style="width: 100%;">
116 
+                        <thead>
117 
+                            <tr>
118 
+                                <th colspan="2" style="text-align: left;padding-left: 5px;">年龄评分</th>
119 
+                            </tr>
120 
+                        </thead>
121 
+                        <tbody>
122 
+                            <tr class="bg_color ">
123 
+                                <td class="start yingyang">0级</td>
124 
+                                <td class="saoyang wenzi_color">≤70岁</td>
125 
+                            </tr>
126 
+                            <tr>
127 
+                                <td class="start yingyang">1级</td>
128 
+                                <td class="saoyang wenzi_color">＞70岁</td>
129 
+                            </tr>
130 
+
131 
+                        </tbody>
132 
+                    </table>
133 
+                </div>
134 
+                <div class="content_top" style="margin: 20px 0px;">
135 
+                    <div>
136 
+                        <div class="bottoms">
137 
+                            <span>营养风险总评分:</span>
138 
+                            <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>分 (疾病相关评分+营养受损评分+年龄评分)
139 
+                        </div>
140 
+
141 
+                        <div class="bottoms">
142 
+                            <span>评估日期:</span>
143 
+                            <el-date-picker
144 
+                                v-model="value1"
145 
+                                type="date"
146 
+                                placeholder="选择日期"
147 
+                                :clearable="false"
148 
+                                style="width: 150px;">
149 
+                            </el-date-picker>
150 
+                        </div>
151 
+
152 
+                        <div class="bottoms">
153 
+                            <span>评估人:</span>
154 
+                            <el-select v-model="value" placeholder="请选择" >
155 
+                                <el-option
156 
+                                v-for="item in options"
157 
+                                :key="item.value"
158 
+                                :label="item.label"
159 
+                                :value="item.value"
160 
+                                style="width:150px;">
161 
+                                </el-option>
162 
+                            </el-select>
163 
+                        </div>
164 
+                    </div>
165 
+                    <div>
166 
+                        <el-button type="primary">确定</el-button>
167 
+                    </div>
168 
+                </div>
169 
+                <p>说明：总分 ≥3分   通知医生</p>
170 
+
171 
+
172 
+            </div>
173 
+        </div>
174 
+
175 
+    </div>
176 
+</template>
177 
+<script>
178 
+import PatientSidebar from '../components/PatientSidebar.vue'
179 
+export default {
180 
+    components:{
181 
+      PatientSidebar
182 
+    },
183 
+    data(){
184 
+        return{
185 
+            patientID:0,
186 
+            checkList:[],
187 
+            options:[],
188 
+            value:'',
189 
+            value1:'',
190 
+            input:'',
191 
+            qingdu:['骸骨折','慢性疾病急性发作或有','COPD','血液透析','肝硬化','一般恶性肿瘤患者','糖尿病'],
192 
+            zhdu:['腹部大手术','脑卒中','重度肺炎','血液恶性肿瘤'],
193 
+            zhongsdu:['颅脑损伤','骨髓移植','大于APACHE分的ICU患者']
194 
+        }
195 
+    }
196 
+}
197 
+</script>
198 
+<style lang="scss" scoped>
199 
+    .content_top{
200 
+      display: flex;
201 
+      justify-content: space-between;
202 
+    }
203 
+    .table{
204 
+        border: 1px solid #DCDFE6;
205 
+        border-collapse:collapse;
206 
+        border-spacing: 0;
207 
+        thead th{
208 
+            background: #0077ff9f;
209 
+            color: white;
210 
+            text-align: center;
211 
+            height: 40px;
212 
+        }
213 
+        tbody td{
214 
+           height: 40px;
215 
+        }
216 
+        .start{
217 
+            text-align: center;
218 
+        }
219 
+        .bing{
220 
+            width: 150px;
221 
+            text-align: center;
222 
+        }
223 
+        .bg_color{
224 
+            background: rgb(243, 240, 240);
225 
+        }
226 
+        .jiange{
227 
+            margin-left: 20px;
228 
+            color: black;
229 
+        }
230 
+        .wenzi_color{
231 
+            color: #606266;
232 
+            font-size: 14px;
233 
+        }
234 
+        input{
235 
+            -webkit-appearance: checkbox;
236 
+        }
237 
+        .saoyang{
238 
+             padding: 5px;
239 
+        }
240 
+        .yingyang{
241 
+            width: 8%;
242 
+        }
243 
+    }
244 
+    .bottoms{
245 
+        display: inline-block;
246 
+        margin-left: 10px;
247 
+        margin-top: 5px;
248 
+    }
249 
+</style>

+ 196 - 0
src/xt_pages/user/evaluationtool/pediatricFallAssessment.vue View File 

@@ -0,0 +1,196 @@
1 
+<!-- 小儿跌倒风险评估 -->
2 
+<template>
3 
+    <div class="patient-container">
4 
+        <patient-sidebar :id="patient_id" defaultActive="5-2"></patient-sidebar>
5 
+        <div>
6 
+            <div class="patient-app-container advice-container app-container">
7 
+                <div class='content_top' style="width: 100%;margin-bottom: 20px;">
8 
+                    <div style="font-size: 20px;">小儿高危跌倒坠床评估表</div>
9 
+                    <div>
10 
+                        <el-button>历史评分</el-button>
11 
+                        <el-button>告知书</el-button>
12 
+                    </div>
13 
+                </div>
14 
+
15 
+                <div>
16 
+                    <table class="table" border="1" style="width: 100%;">
17 
+                        <thead>
18 
+                            <tr>
19 
+                            <th style="width: 150px;">项目</th>
20 
+                            <th>4分</th>
21 
+                            <th>3分</th>
22 
+                            <th>2分</th>
23 
+                            <th>1分</th>
24 
+                            </tr>
25 
+                        </thead>
26 
+                        <tbody>
27 
+                            <tr class="bg_color">
28 
+                                <td class="start">年龄</td>
29 
+                                <td><div class="jiange"><el-checkbox label=">1岁~≤3岁" ></el-checkbox></div></td>
30 
+                                <td><div class="jiange"><el-checkbox label=">3岁~≤7岁"></el-checkbox></div></td>
31 
+                                <td><div class="jiange"><el-checkbox label=">7岁~≤13岁"></el-checkbox></div></td>
32 
+                                <td><div class="jiange"><el-checkbox label=">13岁"></el-checkbox></div></td>
33 
+
34 
+                            </tr>
35 
+                            <tr>
36 
+                                <td colspan="3">
37 
+                                    <div class="bing">性别</div>
38 
+                                </td>
39 
+                                <td><div class="jiange"><el-checkbox label="男" ></el-checkbox></div></td>
40 
+                                <td><div class="jiange"><el-checkbox label="女"></el-checkbox></div></td>
41 
+                            </tr>
42 
+                            <tr class="bg_color">
43 
+                                <td class="start">诊断</td>
44 
+                                <td><div class="jiange"><el-checkbox label="" ></el-checkbox></div></td>
45 
+                                <td><div class="jiange"><el-checkbox label=""></el-checkbox></div></td>
46 
+                                <td><div class="jiange"><el-checkbox label=""></el-checkbox></div></td>
47 
+                                <td><div class="jiange"><el-checkbox label=""></el-checkbox></div></td>
48 
+                            </tr>
49 
+                            <tr>
50 
+                            <td colspan="2">
51 
+                                <div class="bing">认知障碍</div>
52 
+                            </td>
53 
+                            <td>项目</td>
54 
+                            <td>项目</td>
55 
+                            <td>项目</td>
56 
+                            </tr>
57 
+                            <tr class="bg_color">
58 
+                            <td class="start">环境因素</td>
59 
+                            <td>项目</td>
60 
+                            <td>项目</td>
61 
+                            <td>项目</td>
62 
+                            <td>项目</td>
63 
+                            </tr>
64 
+                            <tr>
65 
+                            <td colspan="2">
66 
+                                <div class="bing">药物使用</div>
67 
+                            </td>
68 
+                            <td>项目</td>
69 
+                            <td>项目</td>
70 
+                            <td>项目</td>
71 
+                            </tr>
72 
+                            <tr class="bg_color">
73 
+                            <td colspan="5" style="height: 30px;"></td>
74 
+
75 
+                            </tr>
76 
+                            <tr>
77 
+                            <td colspan="5">
78 
+                                <div class="content_top" >
79 
+                                    <div>
80 
+                                        <div class="bottoms">
81 
+                                        <span>总分:</span>
82 
+                                        <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>分
83 
+                                        </div>
84 
+
85 
+                                        <div class="bottoms">
86 
+                                            <span>评估日期:</span>
87 
+                                            <el-date-picker
88 
+                                                v-model="value1"
89 
+                                                type="date"
90 
+                                                placeholder="选择日期"
91 
+                                                :clearable="false"
92 
+                                                style="width: 150px;">
93 
+                                            </el-date-picker>
94 
+                                        </div>
95 
+
96 
+                                        <div class="bottoms">
97 
+                                            <span>评估人:</span>
98 
+                                            <el-select v-model="value" placeholder="请选择" >
99 
+                                                <el-option
100 
+                                                v-for="item in options"
101 
+                                                :key="item.value"
102 
+                                                :label="item.label"
103 
+                                                :value="item.value"
104 
+                                                style="width:150px;">
105 
+                                                </el-option>
106 
+                                            </el-select>
107 
+                                        </div>
108 
+
109 
+                                    </div>
110 
+                                    <div style="margin:5px 10px;">
111 
+                                            <el-button type="primary">确认</el-button>
112 
+                                    </div>
113 
+                                </div>
114 
+                            </td>
115 
+                            </tr>
116 
+                        </tbody>
117 
+                    </table>
118 
+
119 
+                </div>
120 
+
121 
+            </div>
122 
+        </div>
123 
+    </div>
124 
+</template>
125 
+<script>
126 
+
127 
+import PatientSidebar from '../components/PatientSidebar.vue'
128 
+export default {
129 
+    components:{
130 
+      PatientSidebar
131 
+    },
132 
+    data(){
133 
+        return{
134 
+            patient_id:0,
135 
+            value1:'',
136 
+            value:'',
137 
+            options:[],
138 
+            input:'',
139 
+            age:['>1岁~≤3岁','>3岁~≤7岁','>7岁~≤13岁','>13岁'],
140 
+            checked:'',
141 
+            checkList:[],
142 
+        }
143 
+    },
144 
+    methods:{
145 
+    //     arraySpanMethod({ row, column, rowIndex, columnIndex }) {
146 
+    //     if (rowIndex % 2 === 0) {
147 
+    //       if (columnIndex === 0) {
148 
+    //         return [1, 2];
149 
+    //       } else if (columnIndex === 1) {
150 
+    //         return [0, 0];
151 
+    //       }
152 
+    //     }
153 
+    //   },
154 
+    }
155 
+}
156 
+</script>
157 
+<style lang="scss" scoped>
158 
+    .content_top{
159 
+      display: flex;
160 
+      justify-content: space-between;
161 
+    }
162 
+    .table{
163 
+        border: 1px solid #DCDFE6;
164 
+        border-collapse:collapse;
165 
+        border-spacing: 0;
166 
+        thead th{
167 
+            background: #0077ff9f;
168 
+            color: white;
169 
+            text-align: center;
170 
+            height: 40px;
171 
+        }
172 
+        tbody td{
173 
+           height: 40px;
174 
+        }
175 
+        .start{
176 
+            text-align: center;
177 
+        }
178 
+        .bing{
179 
+            width: 150px;
180 
+            text-align: center;
181 
+        }
182 
+        .bg_color{
183 
+            background: rgb(243, 240, 240);
184 
+        }
185 
+        .bottoms{
186 
+            display: inline-block;
187 
+            margin-left: 10px;
188 
+            margin-top: 5px;
189 
+        }
190 
+        .jiange{
191 
+            margin-left: 20px;
192 
+            color: black;
193 
+        }
194 
+    }
195 
+
196 
+</style>

+ 263 - 0
src/xt_pages/user/evaluationtool/pressuresore.vue View File 

@@ -0,0 +1,263 @@
1 
+<!--压疮风险评估 -->
2 
+<template>
3 
+    <div class="patient-container">
4 
+      <patient-sidebar :id="patientID" defaultActive="5-3"></patient-sidebar>
5 
+      <div>
6 
+        <div class="patient-app-container advice-container app-container">
7 
+          <div class='content_top' style="">
8 
+            <div style="font-size: 20px;">患者压疮危险因素评估记录(Braden)表</div>
9 
+            <div>
10 
+              <el-button>历史评分</el-button>
11 
+            </div>
12 
+          </div>
13 
+          <div style="margin: 20px 0px;">
14 
+            <table class="table" border style="width: 100%;">
15 
+              <thead>
16 
+                <tr>
17 
+                  <th class="bg_color" rowspan="2" style="width: 9%">项目/编码</th>
18 
+                  <th class="bg_color" colspan="4" style="width: 68%;">分值</th>
19 
+                  <th class="bg_color" rowspan="2" style="width: 9%">说明</th>
20 
+                  <th class="bg_color" rowspan="2" style="width: 14%">护理措施</th>
21 
+                </tr>
22 
+                <tr>
23 
+                  <th class="bg_color">1分</th>
24 
+                  <th class="bg_color">2分</th>
25 
+                  <th class="bg_color">3分</th>
26 
+                  <th class="bg_color">4分</th>
27 
+                </tr>
28 
+              </thead>
29 
+
30 
+              <tbody>
31 
+                <tr>
32 
+                  <td></td>
33 
+                  <td></td>
34 
+                  <td></td>
35 
+                  <td></td>
36 
+                  <td></td>
37 
+                  <td rowspan="6"></td>
38 
+                  <td rowspan="6"></td>
39 
+                </tr>
40 
+                <tr class="bg_color">
41 
+                  <td></td>
42 
+                  <td></td>
43 
+                  <td></td>
44 
+                  <td></td>
45 
+                  <td></td>
46 
+                </tr>
47 
+              </tbody>
48 
+            </table>
49 
+            <table class="table" border style="width: 100%;">
50 
+              <thead>
51 
+                <tr>
52 
+                  <th rowspan="2" style="width: 9%">评估日期</th>
53 
+                  <th colspan="6" style="width: 68%;">评估项目/编码(表格内填写分数)</th>
54 
+                  <th rowspan="2" style="width: 9%">评分</th>
55 
+                  <th rowspan="2" style="width: 14%">责任护士签名</th>
56 
+                </tr>
57 
+                <tr>
58 
+                  <th>A</th>
59 
+                  <th>B</th>
60 
+                  <th>C</th>
61 
+                  <th>D</th>
62 
+                  <th>E</th>
63 
+                  <th>F</th>
64 
+                </tr>
65 
+              </thead>
66 
+              <tbody>
67 
+                <tr>
68 
+                  <td>
69 
+                    <el-date-picker
70 
+                      v-model="value1"
71 
+                      type="date"
72 
+                      placeholder="选择日期"
73 
+                      :clearable="false"
74 
+                      style="width: 150px;">
75 
+                    </el-date-picker>
76 
+                  </td>
77 
+                  <td class="start">
78 
+                    <el-input v-model="input" style="width:100px;"></el-input>
79 
+                  </td>
80 
+                  <td class="start">
81 
+                    <el-input v-model="input" style="width:100px"></el-input>
82 
+                  </td>
83 
+                  <td class="start">
84 
+                    <el-input v-model="input" style="width:100px"></el-input>
85 
+                  </td>
86 
+                  <td class="start">
87 
+                    <el-input v-model="input" style="width:100px"></el-input>
88 
+                  </td>
89 
+                  <td class="start">
90 
+                    <el-input v-model="input" style="width:100px"></el-input>
91 
+                  </td>
92 
+                  <td class="start">
93 
+                    <el-input v-model="input" style="width:100px"></el-input>
94 
+                  </td>
95 
+                  <td class="start">
96 
+                    <el-input v-model="input" style="width:100px"></el-input>
97 
+                  </td>
98 
+                  <td class="start">
99 
+                    <el-select v-model="value" placeholder="请选择" >
100 
+                        <el-option
101 
+                          v-for="item in options"
102 
+                          :key="item.value"
103 
+                          :label="item.label"
104 
+                          :value="item.value"
105 
+                          style="width:150px;">
106 
+                        </el-option>
107 
+                    </el-select>
108 
+                  </td>
109 
+                </tr>
110 
+              </tbody>
111 
+            </table>
112 
+          </div>
113 
+
114 
+          <div style="margin-bottom: 20px;">
115 
+            <p>患者知情同意书：我对住院期间发生导管脱落的风险及预防措施已知晓，并给予配合。</p>
116 
+            <div class="zhuangui">
117 
+                <p style="display: inline-block; margin-right: 70px;">
118 
+                  患者/家属签字: <el-input v-model="input" style="width:120px;"></el-input>
119 
+                </p>
120 
+                <p style="display: inline-block;">
121 
+                    日期：
122 
+                    <el-date-picker
123 
+                        v-model="value1"
124 
+                        type="date"
125 
+                        placeholder="选择日期"
126 
+                        style="width: 150px;">
127 
+                    </el-date-picker>
128 
+                </p>
129 
+            </div>
130 
+            <div class="zhuangui">
131 
+              <span>转归：</span>
132 
+              <div style="display: inline-block;position: relative;top: 0px;">
133 
+                <el-checkbox-group v-model="checkList">
134 
+                  <el-checkbox v-for="item in zhuangui" :label="item" :key="item"></el-checkbox>
135 
+                </el-checkbox-group>
136 
+              </div>
137 
+            </div>
138 
+            <div class="zhuangui">
139 
+                <p style="display: inline-block; margin-right: 30px;">
140 
+                    评估人签字:
141 
+                    <el-input v-model="input" style="width:120px;"></el-input>
142 
+                </p>
143 
+                <p style="display: inline-block;">
144 
+                    日期：
145 
+                    <el-date-picker
146 
+                        v-model="value1"
147 
+                        type="date"
148 
+                        placeholder="选择日期"
149 
+                        style="width: 150px;">
150 
+                    </el-date-picker>
151 
+                </p>
152 
+            </div>
153 
+            <div class="content_top">
154 
+              <div class="zhuangui">
155 
+                <p style="display: inline-block; margin-right: 30px;">
156 
+                    护士长签字:
157 
+                    <el-select v-model="value" placeholder="请选择" style="width: 120px;">
158 
+                        <el-option
159 
+                        v-for="item in options"
160 
+                        :key="item.value"
161 
+                        :label="item.label"
162 
+                        :value="item.value">
163 
+                        </el-option>
164 
+                    </el-select>
165 
+                </p>
166 
+                <p style="display: inline-block;">
167 
+                    日期：
168 
+                    <el-date-picker
169 
+                        v-model="value1"
170 
+                        type="date"
171 
+                        placeholder="选择日期"
172 
+                        style="width: 150px;">
173 
+                    </el-date-picker>
174 
+                </p>
175 
+              </div>
176 
+              <div>
177 
+                <el-button type="primary">确定</el-button>
178 
+              </div>
179 
+            </div>
180 
+          </div>
181 
+          <hr style="background-color:#DCDFE6; height: 1px;border: none;"/>
182 
+          <div class="shuoming">
183 
+            <p>说明：</p>
184 
+            <p>1. 患者入院首次动态评估，压疮危险因素评分≤18分，填写该表。</p>
185 
+            <p>2. 压疮危险因素：</p>
186 
+            <p>&nbsp;&nbsp;&nbsp;&nbsp;评分15~18分(低危)，有责任组长负责质量监控并每周评估一次；</p>
187 
+            <p>&nbsp;&nbsp;&nbsp;&nbsp;评分13~14分(中危)，有护士长/院伤口小组成员负责质量监控并每周评估2次；</p>
188 
+            <p>&nbsp;&nbsp;&nbsp;&nbsp;评分≤12分(高危)，由大科护士长负责质量监管，隔日评估1次。</p>
189 
+            <p>3. 评分符合难免压疮申报条件(≤12分)，填写难免压疮申报表。</p>
190 
+          </div>
191 
+
192 
+
193 
+
194 
+
195 
+        </div>
196 
+      </div>
197 
+
198 
+    </div>
199 
+</template>
200 
+<script>
201 
+import PatientSidebar from '../components/PatientSidebar'
202 
+export default {
203 
+   components:{
204 
+    PatientSidebar
205 
+   },
206 
+   data(){
207 
+    return{
208 
+      patientID:0,
209 
+      value1:'',
210 
+      checkList:[],
211 
+      input:'',
212 
+      options:[],
213 
+      value:'',
214 
+      zhuangui:['出院','死亡','其他']
215 
+    }
216 
+   }
217 
+}
218 
+</script>
219 
+<style lang="scss" scoped>
220 
+  .content_top{
221 
+    display: flex;
222 
+    justify-content: space-between;
223 
+  }
224 
+  .table{
225 
+        border: 1px solid #DCDFE6;
226 
+        border-collapse:collapse;
227 
+        border-spacing: 0;
228 
+        thead th{
229 
+            background: #0077ff9f;
230 
+            color: rgb(5, 5, 5);
231 
+            text-align: center;
232 
+            height: 40px;
233 
+        }
234 
+        tbody td{
235 
+           height: 40px;
236 
+           padding: 5px;
237 
+        }
238 
+        .start{
239 
+            text-align: center;
240 
+        }
241 
+        .bing{
242 
+            width: 150px;
243 
+            text-align: center;
244 
+        }
245 
+        .bg_color{
246 
+            background: rgb(243, 240, 240);
247 
+        }
248 
+        .jiange{
249 
+            margin-left: 20px;
250 
+            color: black;
251 
+        }
252 
+        input{
253 
+            -webkit-appearance: checkbox;
254 
+        }
255 
+    }
256 
+    .shuoming p{
257 
+      margin-top: 5px;
258 
+      color: rgb(167, 165, 165);
259 
+    }
260 
+    .zhuangui{
261 
+        margin-top: 10px;
262 
+    }
263 
+</style>

+ 185 - 0
src/xt_pages/user/evaluationtool/pruritusAssessment.vue View File 

@@ -0,0 +1,185 @@
1 
+<template>
2 
+    <div class="patient-container">
3 
+        <patient-sidebar :id="patientID" defaultActive="5-11"></patient-sidebar>
4 
+        <div>
5 
+            <div class="patient-app-container advice-container app-container">
6 
+                <div class='content_top' style="width: 100%;margin-bottom: 20px;">
7 
+                    <div style="font-size: 20px;">瘙痒评估表</div>
8 
+                    <div>
9 
+                        <el-button>历史评分</el-button>
10 
+                    </div>
11 
+                </div>
12 
+
13 
+                <div>
14 
+                    <table class="table" border="1" style="width: 100%;">
15 
+                        <thead>
16 
+                            <tr>
17 
+                                <th style="width: 10%;">项目</th>
18 
+                                <th style="width: 57%;">结果</th>
19 
+                                <th style="width: 3%;">得分</th>
20 
+                                <th style="width: 30%;">说明</th>
21 
+                            </tr>
22 
+                        </thead>
23 
+                        <tbody>
24 
+                        <tr>
25 
+                            <td class="start">痒的部位</td>
26 
+                            <td>
27 
+                                <div class="jiange">
28 
+                                    <el-checkbox-group v-model="checkList" :max="3">
29 
+                                        <el-checkbox v-for="item in buwei" :label="item" :key="item"></el-checkbox>
30 
+                                    </el-checkbox-group>
31 
+                                </div>
32 
+                            </td>
33 
+                            <td class="start">0</td>
34 
+                            <td class="saoyang">瘙痒部位：计分范围1~3分一个部位瘙痒计1分，最多得3分，选全身计3分</td>
35 
+                        </tr>
36 
+                        <tr>
37 
+                            <td class="start">痒的程度</td>
38 
+                            <td>
39 
+                                <div class="jiange">
40 
+                                    <el-radio-group v-model="radio1">
41 
+                                        <el-radio v-for="(item,index ) in chengdu" :label="item" :key="index">{{ item }}</el-radio>
42 
+                                    </el-radio-group>
43 
+                                </div>
44 
+                            </td>
45 
+                            <td class="start">0</td>
46 
+                            <td class="saoyang">瘙痒严重程度：计分范围1~5分</td>
47 
+                        </tr>
48 
+                        <tr class="bg_color">
49 
+                            <td class="start">痒的频率</td>
50 
+                            <td>
51 
+                                <div  class="jiange">
52 
+                                    <el-radio-group v-model="radio2">
53 
+                                    <el-radio v-for="(item,index ) in pinlv" :label="item" :key="index">{{ item }}</el-radio>
54 
+                                    </el-radio-group>
55 
+                                </div>
56 
+                            </td>
57 
+                            <td class="start">0</td>
58 
+                            <td class="saoyang">瘙痒频率：计分范围1~5分瘙痒有过4次，每次＜10min或有1次瘙痒＞10min计1分，以此类推，一直持续计5分</td>
59 
+                        </tr>
60 
+                        <tr>
61 
+                            <td class="start">痒对睡眠的影响</td>
62 
+                            <td>
63 
+                                <div  class="jiange">
64 
+                                    <el-radio-group v-model="radio3">
65 
+                                    <el-radio v-for="(item,index ) in yingxiang" :label="item" :key="index">{{ item }}</el-radio>
66 
+                                    </el-radio-group>
67 
+                                </div>
68 
+                            </td>
69 
+                            <td class="start">0</td>
70 
+                            <td class="saoyang">
71 
+                                瘙痒对睡眠的影响：计分范围0~6分无影响0分，一夜痒醒1次计2分，一夜痒醒2次计4分，一夜痒醒3次以上计6分
72 
+                            </td>
73 
+                        </tr>
74 
+                        </tbody>
75 
+                    </table>
76 
+                </div>
77 
+
78 
+                <p style="margin: 20px 0px 10px 0px;">备注：总分得分范围3（轻度瘙痒）~19分（最大程度瘙痒）</p>
79 
+                <div class="content_top" style="margin-bottom: 10px ;">
80 
+                    <div>
81 
+                        <div class="bottoms">
82 
+                            <span>总分:</span>
83 
+                            <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>分
84 
+                        </div>
85 
+                        <div class="bottoms">
86 
+                            <span>评估日期:</span>
87 
+                            <el-date-picker
88 
+                                v-model="value1"
89 
+                                type="date"
90 
+                                placeholder="选择日期"
91 
+                                :clearable="false"
92 
+                                style="width: 150px;">
93 
+                            </el-date-picker>
94 
+                        </div>
95 
+
96 
+                        <div class="bottoms">
97 
+                            <span>评估人:</span>
98 
+                            <el-select v-model="value" placeholder="请选择" >
99 
+                                <el-option
100 
+                                v-for="item in options"
101 
+                                :key="item.value"
102 
+                                :label="item.label"
103 
+                                :value="item.value"
104 
+                                style="width:150px;">
105 
+                                </el-option>
106 
+                            </el-select>
107 
+                        </div>
108 
+                    </div>
109 
+                    <div style="margin:5px 10px;">
110 
+                        <el-button type="primary">确认</el-button>
111 
+                    </div>
112 
+                </div>
113 
+
114 
+
115 
+            </div>
116 
+        </div>
117 
+
118 
+    </div>
119 
+</template>
120 
+<script>
121 
+import PatientSidebar from '../components/PatientSidebar.vue'
122 
+export default {
123 
+    components:{
124 
+      PatientSidebar
125 
+    },
126 
+    data(){
127 
+        return{
128 
+            patientID:0,
129 
+            checkList:[],
130 
+            radio1:'',
131 
+            radio2:'',
132 
+            radio3:'',
133 
+            buwei:['躯体','上肢','下肢','头皮','全身',"其他"],
134 
+            chengdu:['不要抓(1)','要抓但没有抓痕(2)','抓出抓痕才能止痒(3)','经常抓出抓痕(4)','完全坐立不安(5)'],
135 
+            pinlv:['很少时候(1)','较少时候(2)','较多时候(3)','很多时候(4)','一直持续(5)'],
136 
+            yingxiang:['无影响(0)','一夜痒醒一次(2)','一夜痒醒两次(4)','一夜痒醒三次(6)']
137 
+        }
138 
+    }
139 
+}
140 
+</script>
141 
+<style lang="scss" scoped>
142 
+    .content_top{
143 
+      display: flex;
144 
+      justify-content: space-between;
145 
+    }
146 
+    .table{
147 
+        border: 1px solid #DCDFE6;
148 
+        border-collapse:collapse;
149 
+        border-spacing: 0;
150 
+        thead th{
151 
+            background: #0077ff9f;
152 
+            color: white;
153 
+            text-align: center;
154 
+            height: 40px;
155 
+        }
156 
+        tbody td{
157 
+           height: 40px;
158 
+        }
159 
+        .start{
160 
+            text-align: center;
161 
+        }
162 
+        .bing{
163 
+            width: 150px;
164 
+            text-align: center;
165 
+        }
166 
+        .bg_color{
167 
+            background: rgb(243, 240, 240);
168 
+        }
169 
+        .jiange{
170 
+            margin-left: 20px;
171 
+            color: black;
172 
+        }
173 
+        input{
174 
+            -webkit-appearance: checkbox;
175 
+        }
176 
+        .saoyang{
177 
+             padding: 5px;
178 
+        }
179 
+    }
180 
+    .bottoms{
181 
+        display: inline-block;
182 
+        margin-left: 10px;
183 
+        margin-top: 5px;
184 
+    }
185 
+</style>

+ 28 - 27
src/xt_pages/workforce/components/editTableData.vue View File 

@@ -131,7 +131,7 @@
131 131 
             :header-cell-style="{
132 132 
             backgroundColor: 'rgb(245, 247, 250)',
133 133 
             color: '#606266',
134 
-            border: '1px solid aqua',
134 
+            // border: '1px solid aqua',
135 135 
           }"
136 136 
             :fit="true"
137 137 
             :data="scheduleZone"
 
@@ -141,7 +141,7 @@
141 141 
             :span-method="objectSpanMethod"
142 142 
             :summary-method="getSummaries"
143 143 
             :cell-class-name="cellClass"
144 
-            :cell-style ='cellstyle'
144 
+
145 145 
             :row-class-name="tableRowClassName"
146 146 
             show-summary
147 147 
             sum-text="总数"
 
@@ -149,13 +149,14 @@
149 149 
             ref="table"
150 150 
             style="table-layout: fixed;"
151 151 
         >
152 
+        <!-- :cell-style ='cellstyle' -->
152 153 
           <el-table-column
153 154 
               prop="area"
154 155 
               label="分区"
155 156 
               min-width="60"
156 157 
               align="center"
157 158 
               fixed
158 
-              style="border-bottom: 1px solid aqua;"
159 
+
159 160 
           ></el-table-column>
160 161 
           <el-table-column
161 162 
               prop="cut"
 
@@ -163,7 +164,7 @@
163 164 
               min-width="50"
164 165 
               align="center"
165 166 
               fixed
166 
-              style="border-bottom: 1px solid aqua;"
167 
+
167 168 
           ></el-table-column>
168 169 
           <el-table-column
169 170 
               :label="'周一 (' + weekTitle[0] + ')'"
 
@@ -3675,19 +3676,19 @@ export default {
3675 3676 
         //
3676 3677 
         return "table-row-new-class schedule-table-row Infectious_disease";
3677 3678 
       }
3678 
-      if(columnIndex==1 ){
3679 
-        return 'border_bott '
3680 
-      }
3681 
-      if(columnIndex==0){
3682 
-        return 'border_left'
3683 
-      }
3679 
+      // if(columnIndex==1 ){
3680 
+      //   return 'border_bott '
3681 
+      // }
3682 
+      // if(columnIndex==0){
3683 
+      //   return 'border_left'
3684 
+      // }
3684 3685 
       if (columnIndex == 0 || columnIndex == 1 || columnIndex == 23) {
3685 3686 
         return "";
3686 3687 
       } else {
3687 3688 
         if (this.weekTime == "lastWeek") {
3688 
-          if(column.label == '晚' ){
3689 
-            return 'evening_border schedule-table-cell-disable'
3690 
-          }
3689 
+          // if(column.label == '晚' ){
3690 
+          //   return 'evening_border schedule-table-cell-disable'
3691 
+          // }
3691 3692 
           if (
3692 3693 
               row[column.property].patient_id > 0 &&
3693 3694 
               row[column.property].patient_id == this.patient_id_hover
 
@@ -3724,9 +3725,9 @@ export default {
3724 3725 
             }
3725 3726 
           }
3726 3727 
         }else{
3727 
-          if(column.label == '晚' ){
3728 
-                return 'evening_border '
3729 
-          }
3728 
+          // if(column.label == '晚' ){
3729 
+          //       return 'evening_border '
3730 
+          // }
3730 3731 
           if (
3731 3732 
               row[column.property].patient_id > 0 &&
3732 3733 
               row[column.property].patient_id == this.patient_id_hover
 
@@ -3740,17 +3741,17 @@ export default {
3740 3741 
       return "";
3741 3742 
     },
3742 3743 
     // 单元格的 style 的回调方法
3743 
-    cellstyle({ row, column, rowIndex, columnIndex }){
3744 
-      // 分区蓝线
3745 
-      for(let i=0;i<this.subzone.length;i++){
3746 
-        const subslice=this.subzone[i].jihaos.slice(-1)
3747 
-        // console.log('这是row',subslice);
3748 
-        if(row.zone_id==subslice[0].zone_id && row.jihao_id == subslice[0].id ){
3749 
-          // console.log('33333333333');
3750 
-          return 'border-top: 1px solid aqua;'
3751 
-        }
3752 
-      }
3753 
-    },
3744 
+    // cellstyle({ row, column, rowIndex, columnIndex }){
3745 
+    //   // 分区蓝线
3746 
+    //   for(let i=0;i<this.subzone.length;i++){
3747 
+    //     const subslice=this.subzone[i].jihaos.slice(-1)
3748 
+    //     // console.log('这是row',subslice);
3749 
+    //     if(row.zone_id==subslice[0].zone_id && row.jihao_id == subslice[0].id ){
3750 
+    //       // console.log('33333333333');
3751 
+    //       return 'border-top: 1px solid aqua;'
3752 
+    //     }
3753 
+    //   }
3754 
+    // },
3754 3755 
     // 单元格的患者名称的回调方法
3755 3756 
     patientClass({row,column, rowIndex,columnIndex}){
3756 3757 
       if(this.cur_info.patient_id == row.id){

+ 27 - 27
src/xt_pages/workforce/components/historyWeekTable.vue View File 

@@ -23,7 +23,7 @@
23 23 
         :header-cell-style="{
24 24 
           backgroundColor: 'rgb(245, 247, 250)',
25 25 
           color: '#606266',
26 
-          border: '1px solid aqua'
26 
+          // border: '1px solid aqua'
27 27 
         }"
28 28 
         :fit="true"
29 29 
         :data="scheduleZone"
 
@@ -34,28 +34,28 @@
34 34 
         show-summary
35 35 
         :row-class-name="tableRowClassName"
36 36 
         :cell-class-name="cellClass"
37 
-        :cell-style ='cellstyle'
37 
+
38 38 
         sum-text="总数"
39 39 
         :height="tableContainHeight"
40 40 
         ref="table"
41 41 
         style="table-layout: fixed;"
42 42 
       >
43 
-      <!-- @cell-mouse-enter="hoverMouse" -->
43 
+      <!-- :cell-style ='cellstyle' -->
44 44 
         <el-table-column
45 45 
           prop="area"
46 46 
           label="分区"
47 47 
           width="50"
48 48 
           align="center"
49 49 
           fixed
50 
-          style="border-bottom: 1px solid aqua;"
51 
-        ></el-table-column>
50 
+
51 
+        ></el-table-column><!--style="border-bottom: 1px solid aqua;"-->
52 52 
         <el-table-column
53 53 
           prop="cut"
54 54 
           label="机号"
55 55 
           align="center"
56 56 
           min-width="40"
57 57 
           fixed
58 
-          style="border-bottom: 1px solid aqua;"
58 
+
59 59 
         ></el-table-column>
60 60 
         <el-table-column
61 61 
           :label="' 周一(' + weekTitle[0] + ')'"
 
@@ -916,19 +916,19 @@ export default {
916 916 
         // console.log(columnIndex,row.zone_type);
917 917 
         return "table-row-new-class schedule-table-row Infectious_disease";
918 918 
       }
919 
-      if(columnIndex==1 ){
920 
-        return 'border_bott '
921 
-      }
922 
-      if(columnIndex==0){
923 
-        return 'border_left'
924 
-      }
919 
+      // if(columnIndex==1 ){
920 
+      //   return 'border_bott '
921 
+      // }
922 
+      // if(columnIndex==0){
923 
+      //   return 'border_left'
924 
+      // }
925 925 
       if (columnIndex == 0 || columnIndex == 1 || columnIndex == 23) {
926 926 
         return "";
927 927 
       } else {
928 928 
          if(this.weekTime == "historyWeek"){
929 
-          if(column.label == '晚' ){
930 
-            return 'evening_border schedule-table-cell-disable'
931 
-          }
929 
+          // if(column.label == '晚' ){
930 
+          //   return 'evening_border schedule-table-cell-disable'
931 
+          // }
932 932 
           if(row[column.property].patient_id > 0 && row[column.property].patient_id == this.patient_id_hover){
933 933 
             return 'hover-td '
934 934 
           }
 
@@ -937,18 +937,18 @@ export default {
937 937 
       }
938 938 
       return "";
939 939 
     },
940 
-    cellstyle({ row, column, rowIndex, columnIndex }){
941 
-
942 
-      // 分区蓝线
943 
-      for(let i=0;i<this.subzone.length;i++){
944 
-        const subslice=this.subzone[i].jihaos.slice(-1)
945 
-        // console.log('这是row',subslice);
946 
-        if(row.zone_id==subslice[0].zone_id && row.jihao_id == subslice[0].id ){
947 
-          // console.log('33333333333');
948 
-          return 'border-top: 1px solid aqua;'
949 
-        }
950 
-      }
951 
-    },
940 
+    // cellstyle({ row, column, rowIndex, columnIndex }){
941 
+
942 
+    //   // 分区蓝线
943 
+    //   for(let i=0;i<this.subzone.length;i++){
944 
+    //     const subslice=this.subzone[i].jihaos.slice(-1)
945 
+    //     // console.log('这是row',subslice);
946 
+    //     if(row.zone_id==subslice[0].zone_id && row.jihao_id == subslice[0].id ){
947 
+    //       // console.log('33333333333');
948 
+    //       return 'border-top: 1px solid aqua;'
949 
+    //     }
950 
+    //   }
951 
+    // },
952 952 
     changeSearchContagion(id) {
953 953 
       this.patientQuery.contagion = id;
954 954 
       this.getSchedulePatients();

+ 31 - 31
src/xt_pages/workforce/components/tableData.vue View File 

@@ -231,7 +231,7 @@
231 231 
         :header-cell-style="{
232 232 
           backgroundColor: 'rgb(245, 247, 250)',
233 233 
           color: '#606266',
234 
-          border: '1px solid aqua',
234 
+          // border: '1px solid aqua',
235 235 
         }"
236 236 
         :fit="true"
237 237 
         :data="scheduleZone"
 
@@ -241,20 +241,20 @@
241 241 
         :summary-method="getSummaries"
242 242 
         show-summary
243 243 
         :cell-class-name="cellClass"
244 
-        :cell-style ='cellstyle'
244 
+
245 245 
         sum-text="总数"
246 246 
         :height="tableContainHeight"
247 247 
         ref="table"
248 248 
         style="table-layout: fixed;"
249 249 
       >
250 
-<!--  -->
250 
+<!-- :cell-style ='cellstyle' -->
251 251 
         <el-table-column
252 252 
           prop="area"
253 253 
           label="分区"
254 254 
           width="50"
255 255 
           align="center"
256 256 
           fixed
257 
-          style="border-bottom: 1px solid aqua;"
257 
+
258 258 
         >
259 259 
         </el-table-column>
260 260 
         <el-table-column
 
@@ -263,7 +263,7 @@
263 263 
           align="center"
264 264 
           min-width="40"
265 265 
           fixed
266 
-          style="border-bottom: 1px solid aqua;"
266 
+
267 267 
         ></el-table-column>
268 268 
         <el-table-column
269 269 
           :label="' 周一(' + weekTitle[0] + ')'"
 
@@ -1336,19 +1336,19 @@ export default {
1336 1336 
         return "table-row-new-class schedule-table-row Infectious_disease";
1337 1337 
       }
1338 1338 
       // 机号蓝线
1339 
-      if(columnIndex==1 ){
1340 
-        return 'border_bott '
1341 
-      }
1342 
-      if(columnIndex==0){
1343 
-        return 'border_left'
1344 
-      }
1339 
+      // if(columnIndex==1 ){
1340 
+      //   return 'border_bott '
1341 
+      // }
1342 
+      // if(columnIndex==0){
1343 
+      //   return 'border_left'
1344 
+      // }
1345 1345 
       if (columnIndex == 0 || columnIndex == 1 || columnIndex == 23) {
1346 1346 
         return "";
1347 1347 
       } else {
1348 1348 
         if (this.weekTime == "lastWeek") {
1349 
-          if(column.label == '晚' ){
1350 
-            return 'evening_border schedule-table-cell-disable'
1351 
-          }
1349 
+          // if(column.label == '晚' ){
1350 
+          //   return 'evening_border schedule-table-cell-disable'
1351 
+          // }
1352 1352 
           if(row[column.property].patient_id > 0 && row[column.property].patient_id == this.patient_id_hover ){
1353 1353 
             return 'hover-td schedule-table-cell-disable'
1354 1354 
           }else {
 
@@ -1363,15 +1363,15 @@ export default {
1363 1363 
             if(row[column.property].patient_id > 0 && row[column.property].patient_id == this.patient_id_hover ){
1364 1364 
               return 'hover-td schedule-table-cell-disable'
1365 1365 
             }
1366 
-            if(column.label == '晚'){
1367 
-              return 'evening_border schedule-table-cell-disable'
1368 
-            }
1366 
+            // if(column.label == '晚'){
1367 
+            //   return 'evening_border schedule-table-cell-disable'
1368 
+            // }
1369 1369 
             return "schedule-table-cell-disable";
1370 1370 
           }else{
1371 1371 
             // 分日期
1372 
-            if(column.label == '晚' ){
1373 
-                return 'evening_border'
1374 
-            }
1372 
+            // if(column.label == '晚' ){
1373 
+            //     return 'evening_border'
1374 
+            // }
1375 1375 
             if(row[column.property].patient_id > 0 && row[column.property].patient_id == this.patient_id_hover){
1376 1376 
               return 'hover-td '
1377 1377 
             }else {
 
@@ -1386,17 +1386,17 @@ export default {
1386 1386 
       }
1387 1387 
       return "";
1388 1388 
     },
1389 
-    cellstyle({ row, column, rowIndex, columnIndex }){
1390 
-      // 分区蓝线
1391 
-      for(let i=0;i<this.subzone.length;i++){
1392 
-        const subslice=this.subzone[i].jihaos.slice(-1)
1393 
-        console.log('这是row',subslice);
1394 
-        if(row.zone_id==subslice[0].zone_id && row.jihao_id == subslice[0].id ){
1395 
-          // console.log('33333333333');
1396 
-          return 'border-top: 1px solid aqua;'
1397 
-        }
1398 
-      }
1399 
-    },
1389 
+    // cellstyle({ row, column, rowIndex, columnIndex }){
1390 
+    //   // 分区蓝线
1391 
+    //   for(let i=0;i<this.subzone.length;i++){
1392 
+    //     const subslice=this.subzone[i].jihaos.slice(-1)
1393 
+    //     console.log('这是row',subslice);
1394 
+    //     if(row.zone_id==subslice[0].zone_id && row.jihao_id == subslice[0].id ){
1395 
+    //       // console.log('33333333333');
1396 
+    //       return 'border-top: 1px solid aqua;'
1397 
+    //     }
1398 
+    //   }
1399 
+    // },
1400 1400
1401 1401 
     changeSearchContagion(id) {
1402 1402 
       this.patientQuery.contagion = id;