Browse Source

12月4 病程自动生成

yq1 4 months ago
parent
commit
a1403f86b6
2 changed files with 394 additions and 12 deletions
  1. 75 12
      src/xt_pages/user/courseOfDisease_new.vue
  2. 319 0
      src/xt_pages/user/text_content.vue

+ 75 - 12
src/xt_pages/user/courseOfDisease_new.vue View File

@@ -56,7 +56,7 @@
56 56
                   <el-button type="primary" size="small" @click="prints">打印</el-button>
57 57
                 </div>
58 58
                 <div v-if="add_index == 1">
59
-                  <el-button type="primary" size="small" @click="showSave">保存2</el-button>
59
+                  <el-button type="primary" size="small" @click="showSave">保存</el-button>
60 60
                   <el-button size="small" @click="showCancel">取消</el-button>
61 61
                 </div>
62 62
               </div>
@@ -93,7 +93,6 @@
93 93
                   自动生成
94 94
                 </el-button>
95 95
               </div>
96
-
97 96
               <ueditor ref="editor" id="editors" :content="new_content"></ueditor>
98 97
             </div>
99 98
           </div>
@@ -205,15 +204,14 @@
205 204
               </el-button>
206 205
             </div>
207 206
           </div>
207
+          <div>
208
+            <text_content @new_content="newcontent"></text_content>
209
+          </div>
208 210
         </div>
209 211
 
210 212
       </el-dialog>
211 213
 
212 214
 
213
-
214
-
215
-
216
-
217 215
     </div>
218 216
   </div>
219 217
 
@@ -225,6 +223,7 @@
225 223
   import PatientSidebar_new from './components/PatientSidebar_new'
226 224
   import Editor from '@/components/Editor'
227 225
   import ueditor from '@/components/Uedtior'
226
+  import text_content from './text_content'
228 227
   const moment = require('moment')
229 228
   import { getDataConfig } from "@/utils/data";
230 229
   import {
@@ -249,7 +248,8 @@
249 248
       BreadCrumb,
250 249
       Editor,
251 250
       PatientSidebar_new,
252
-      ueditor
251
+      ueditor,
252
+      text_content
253 253
     },
254 254
     data() {
255 255
       return {
@@ -296,7 +296,11 @@
296 296
         template_content:"",
297 297
         template_id:0,
298 298
         title:"",
299
-        templateList:[]
299
+        templateList:[],
300
+        tab:[{id:1,name:'人促红注射液',type:'长期医嘱',start:'2024-12-04',dosage:"3000iu",pinlv:'一周三次',status:''},
301
+            {id:2,name:'人促红注射液2',type:'长期医嘱',start:'2024-12-05',dosage:"3000iu",pinlv:'一周三次',status:''}, 
302
+        ],
303
+        
300 304
       }
301 305
     },
302 306
     created() {
@@ -312,11 +316,13 @@
312 316
         this.$router.push('/patients/patients')
313 317
         return
314 318
       }
319
+      //   const ceshi = ``
315 320
 
321
+      // // const ceshi=`hellow word`
322
+      // this.new_content = ceshi
323
+      // this.$refs.editor.contents=ceshi
316 324
       this.fetchAllDoctorAndNurse()
317 325
       this.getlist()
318
-
319
-
320 326
     },
321 327
     methods: {
322 328
       datachange(val){
@@ -489,9 +495,56 @@
489 495
        }
490 496
       },
491 497
       auto_click(){
498
+        this.start_date = this.getFirstDayOfWeek(new Date())
499
+        this.end_date = this.getTime(new Date())
492 500
         this.auto_dialog = true
501
+       
493 502
       },
494 503
       autotext_click(){
504
+        this.$nextTick(()=>{
505
+          const iframeDoc = document.getElementsByClassName('edui-editor-iframeholder')[0].getElementsByTagName('iframe')[0].contentDocument.getElementsByTagName('tbody')[0].children[9].children[1]
506
+          var newListArr =[]
507
+          for(let j in this.tab){
508
+            const obj={
509
+              id:this.tab[j].id,
510
+              newlist:'newList'+j
511
+            }
512
+            newListArr.push(obj) 
513
+          }
514
+          for(let i in this.tab){
515
+            for(let j in newListArr){
516
+              if(this.tab[i].id==newListArr[j].id){
517
+                let newList = document.createElement('p');
518
+                newList.style.cssText='display: flex;text-align: center;border-bottom: 1px solid black;';
519
+                let newListItem1 = document.createElement('span');
520
+                newListItem1.style.cssText= 'width: 30%;display: inline-block;padding: 5px 0;border-right: 1px solid black;'
521
+                let newListItem2 = document.createElement('span');
522
+                newListItem2.style.cssText= 'width: 20%;display: inline-block;padding: 5px 0;border-right: 1px solid black;'
523
+                let newListItem3 = document.createElement('span');
524
+                newListItem3.style.cssText= 'width: 20%;display: inline-block;padding: 5px 0;border-right: 1px solid black;'
525
+                let newListItem4 = document.createElement('span');
526
+                newListItem4.style.cssText= 'width: 20%;display: inline-block;padding: 5px 0;border-right: 1px solid black;'
527
+                let newListItem5 = document.createElement('span');
528
+                newListItem5.style.cssText= 'width: 20%;display: inline-block;padding: 5px 0;border-right: 1px solid black;'
529
+                let newListItem6 = document.createElement('span');
530
+                newListItem6.style.cssText= 'width: 10%;display: inline-block;padding: 5px 0;'
531
+                newListItem1.textContent = this.tab[i].name;
532
+                newListItem2.textContent = this.tab[i].type;
533
+                newListItem3.textContent = this.tab[i].start;
534
+                newListItem4.textContent = this.tab[i].dosage;
535
+                newListItem5.textContent = this.tab[i].pinlv;
536
+                newListItem6.textContent = this.tab[i].status;
537
+                newList.appendChild(newListItem1);
538
+                newList.appendChild(newListItem2);
539
+                newList.appendChild(newListItem3);
540
+                newList.appendChild(newListItem4);
541
+                newList.appendChild(newListItem5);
542
+                newList.appendChild(newListItem6);
543
+                iframeDoc.appendChild(newList)
544
+              }
545
+            }
546
+          }
547
+        })
495 548
         this.auto_dialog = false
496 549
         this.getAutoPatientContent()
497 550
       },
@@ -906,15 +959,21 @@
906 959
             var prescription =  response.data.data.prescription
907 960
 
908 961
             var berfor = response.data.data.berfor
909
-            
962
+
910 963
             var monitorList  = response.data.data.monitorList
911 964
 
912 965
             var dryweightList = response.data.data.dryweightList
913 966
 
914 967
             var inpectionList = response.data.data.inpectionList
915 968
           }
916
-       }) 
969
+       })
917 970
 
971
+      },
972
+      newcontent(val){
973
+        this.new_content =''
974
+        this.new_content = val
975
+        console.log('1111112323',this.new_content);
976
+        this.$refs.editor.contents = this.new_content
918 977
       }
919 978
     }
920 979
   }
@@ -986,6 +1045,10 @@
986 1045
     margin-bottom: 5px;
987 1046
     font-size: 16px;
988 1047
   }
1048
+
1049
+  .text_margin{
1050
+    display: block;
1051
+  }
989 1052
 </style>
990 1053
 <style lang="scss">
991 1054
 .el-table td,

+ 319 - 0
src/xt_pages/user/text_content.vue View File

@@ -0,0 +1,319 @@
1
+<template>
2
+  <div>
3
+    <!-- <table border="1" class="table" style="border-collapse: collapse;width: 100%;">
4
+      <tr>
5
+        <th colspan="7" style="padding: 5px;">透析阶段小结(2024-12-01~2024-12-31)</th>
6
+      </tr>
7
+      <tr>
8
+        <td width="150" style="padding: 5px;">基本信息</td>
9
+        <td style="padding: 5px;" colspan="6">
10
+          <span>姓名:朱康林</span>  <span>性别:男</span>  <span>年龄:58</span>  <span>透析号:21000005</span>
11
+        </td>
12
+      </tr>
13
+      <tr>
14
+        <td style="align-items: center;padding: 5px;">透析处方</td>
15
+        <td colspan="6" style='padding:5px'>
16
+          <p style='font-weight: bold;'>总次数:1次;</p>
17
+          <p style='margin-bottom: 10px;' >其中HD1次,平均4.00小时/次,使用空心纤维血液透析器B-18BHF(B-18BHF);</p>
18
+          <p style='font-weight: bold;'>总次数:1次;</p>
19
+          <p style='margin-bottom: 10px;'>钾:2.0mmol/L;钙:1.5mmol/L;碳酸氢根:32mmol/L;处方钠:138~138mmol/L</p>
20
+          <p style='font-weight: bold;'>抗凝方式:</p>
21
+          <p >低分子肝素,剂量:3500.00~3500.00IU;</p>
22
+        </td>
23
+      </tr>
24
+      <tr>
25
+        <td style="align-items: center;padding: 5px;">透析情况</td>
26
+        <td colspan="6" style='padding:5px'>
27
+          <p>透析间期平均体重增加:2.90kg;</p>
28
+          <p>凝血:透析器-0度(1次);</p>
29
+          <p>平均血流量:250.00mL/min;最大血流量:250mL/min;</p>
30
+          <p>平均超滤量:2900.00ml/次;平均超滤率:9.84mL/kg/h;</p>
31
+          <p>
32
+            <span style='font-weight: bold;'>透前血压:</span>&nbsp;<span class="">收缩压:174~174mmHg;舒张压:69~69mmHg;</span>
33
+          </p>
34
+          <p>
35
+            <span style='font-weight: bold;'>透后血压:</span>&nbsp;<span class="">收缩压:155~155mmHg;舒张压:87~87mmHg;</span>
36
+          </p>
37
+          <p>
38
+            <span style='font-weight: bold;'>透中最低血压:</span>&nbsp;<span class="">收缩压:148~148mmHg;舒张压:56~56mmHg;</span>
39
+          </p>
40
+          <p>
41
+            <span style='font-weight: bold;'>透中最高血压:</span>&nbsp;<span class="">收缩压:175~175mmHg;舒张压:87~87mmHg;</span>
42
+          </p>
43
+        </td>
44
+      </tr>
45
+      <tr>
46
+        <td style="align-items: center;padding: 5px;">干体重</td>
47
+        <td colspan="6" style='padding: 5px;'>
48
+          <p>
49
+            <span style='font-weight: bold;'>当前干体重:</span>&nbsp;<span class="">73.7kg;</span>
50
+          </p>
51
+          <p>
52
+            <span style='font-weight: bold;'>调整记录:</span>&nbsp;<span class="">无</span>
53
+          </p>
54
+        </td>
55
+      </tr>
56
+      <tr>
57
+        <td style="align-items: center;padding: 5px;">血管通路</td>
58
+        <td colspan="6" style='padding: 5px;'>
59
+          <p>
60
+            <span style='font-weight: bold;'>使用的血管通路:</span>&nbsp;<span class="">${ this.ceshi } &nbsp;&nbsp;建立时间:${ this.ceshi }</span>
61
+          </p>   
62
+        </td>
63
+      </tr>
64
+      <tr>
65
+        <td style="align-items: center;padding: 5px;">合并症/并发症</td>
66
+        <td colspan="6" style='padding: 5px;'>
67
+          <p>
68
+            <span style='font-weight: bold;'>合并症:</span>&nbsp;<span class="">无</span>
69
+          </p>
70
+          <p>
71
+            <span style='font-weight: bold;'>透析并发症:</span>&nbsp;<span class="">无</span>
72
+          </p>
73
+        </td>
74
+      </tr>
75
+      <tr>
76
+        <td style="align-items: center;padding: 5px;">检验结果</td>
77
+        <td colspan="6" style='padding: 5px;'>
78
+          <span class="">无</span>
79
+        </td>
80
+      </tr>
81
+      <tr>
82
+        <td style="align-items: center;padding: 5px;">检查结果</td>
83
+        <td colspan="6" style='padding: 5px;'>
84
+          <span class="">无</span>
85
+        </td>
86
+      </tr>
87
+      <tr>
88
+        <td style="align-items: center;padding: 5px;">医嘱用药</td>
89
+        <td colspan="6" style="padding: 0;">
90
+          <p style="display: flex;text-align: center;border-bottom: 1px solid black;">
91
+            <span style="width: 30%;display: inline-block;padding: 5px;border-right: 1px solid black;">药物名称</span>
92
+            <span style="width:20% ;display: inline-block;border-right: 1px solid black;">医嘱类型</span>
93
+            <span style="width: 20%;display: inline-block;border-right: 1px solid black;">开始时间</span>
94
+            <span style="width: 20%;display: inline-block;border-right: 1px solid black;">单次用量</span>
95
+            <span style="width: 20%;display: inline-block;border-right: 1px solid black;">执行频率</span>
96
+            <span style="width: 10%;display: inline-block;">状态</span>
97
+          </p>
98
+          <p v-for="(item,index) in num" :key="index" style="display: flex;text-align: center;border-bottom: 1px solid black;">
99
+            <span style="width: 30%;display: inline-block;text-align: left;border-right: 1px solid black;">{{ item }}</span>
100
+            <span style="width:20% ;display: inline-block;border-right: 1px solid black;padding: 5px;">{{ item }}</span>
101
+            <span style="width: 20%;display: inline-block; border-right: 1px solid black;">{{ item }}</span>
102
+            <span style="width: 20%;display: inline-block;border-right: 1px solid black;">{{ item }}</span>
103
+            <span style="width: 20%;display: inline-block;border-right: 1px solid black;">执行频率</span>
104
+            <span style="width: 10%;display: inline-block;">状态</span>
105
+          </p>
106
+    
107
+        </td> 
108
+      </tr>
109
+      <tr>
110
+        <td style="align-items: center;padding: 5px;">透析总评价和建议</td>
111
+        <td colspan="6" style='padding: 5px;'>
112
+          <p class="">1、血压控制不良,随时监测血压,并加用口服降压药,将血压控制在正常范围;</p>
113
+          <p class="">2、透析间期体重增加稳定,继续保持;</p>
114
+          <p class="">3、血液透析时血流量达标,注意保护内瘘避免狭窄;</p>
115
+        </td>
116
+      </tr>
117
+      <tr>
118
+        <td style="align-items: center;padding: 5px;">医师签名</td>
119
+        <td></td>
120
+      </tr>
121
+    </table> -->
122
+    <div v-html="content" id="editer"></div>
123
+    <!-- <table border="1" style="border-collapse:collapse ;width: 100%;text-align: center;">
124
+                    <tr>
125
+                      <th style='padding: 5px;'>药物名称</th>
126
+                      <th style='padding: 5px;'>医嘱类型</th>
127
+                      <th style='padding: 5px;'>开始时间</th>
128
+                      <th style='padding: 5px;'>单次用量</th>
129
+                      <th style='padding: 5px;'>执行频率</th>
130
+                      <th style='padding: 5px;'>状态</th>
131
+                    </tr>
132
+                    <tr>
133
+                      <td style='padding: 5px;'>血液透析</td>
134
+                      <td style='padding: 5px;'>长期医嘱</td>
135
+                      <td style='padding: 5px;'>2021-11-06</td>
136
+                      <td style='padding: 5px;'>项</td>
137
+                      <td style='padding: 5px;'>一周三次</td>
138
+                      <td style='padding: 5px;'></td>
139
+                    </tr>
140
+                  </table> -->
141
+  </div>
142
+</template>
143
+
144
+<script>
145
+export default{
146
+  data(){
147
+    return {
148
+      content:'',
149
+      ceshi:111111,
150
+      num:6,
151
+      tab:[{id:1,name:'人促红注射液',type:'长期医嘱',start:'2024-12-04',dosage:"3000iu",pinlv:'一周三次',status:''},
152
+            {id:2,name:'人促红注射液2',type:'长期医嘱',start:'2024-12-05',dosage:"3000iu",pinlv:'一周三次',status:''}, 
153
+        ]
154
+    }
155
+  },
156
+  created(){
157
+    
158
+    const contents = `<table border="1" class="table" style="border-collapse: collapse;width: 100%;">
159
+              <tr>
160
+                <th colspan="2" style="padding: 5px;">透析阶段小结(2024-12-01~2024-12-31)</th>
161
+              </tr>
162
+              <tr>
163
+                <td width="130" style="padding: 5px;">基本信息</td>
164
+                <td style="padding: 5px;">
165
+                  <span>姓名:朱康林</span>  <span>性别:男</span>  <span>年龄:58</span>  <span>透析号:21000005</span>
166
+                </td>
167
+              </tr>
168
+              <tr>
169
+                <td style="align-items: center;padding: 5px;">透析处方</td>
170
+                <td style='padding:5px'>
171
+                  <p style='font-weight: bold;'>总次数:1次;</p>
172
+                  <p style='margin-bottom: 10px;' >其中HD1次,平均4.00小时/次,使用空心纤维血液透析器B-18BHF(B-18BHF);</p>
173
+                  <p style='font-weight: bold;'>总次数:1次;</p>
174
+                  <p style='margin-bottom: 10px;'>钾:2.0mmol/L;钙:1.5mmol/L;碳酸氢根:32mmol/L;处方钠:138~138mmol/L</p>
175
+                  <p style='font-weight: bold;'>抗凝方式:</p>
176
+                  <p >低分子肝素,剂量:3500.00~3500.00IU;</p>
177
+                </td>
178
+              </tr>
179
+              <tr>
180
+                <td style="align-items: center;padding: 5px;">透析情况</td>
181
+                <td style='padding:5px'>
182
+                  <p>透析间期平均体重增加:2.90kg;</p>
183
+                  <p>凝血:透析器-0度(1次);</p>
184
+                  <p>平均血流量:250.00mL/min;最大血流量:250mL/min;</p>
185
+                  <p>平均超滤量:2900.00ml/次;平均超滤率:9.84mL/kg/h;</p>
186
+                  <p><span style='font-weight: bold;'>透前血压:</span>&nbsp;<span class="">收缩压:174~174mmHg;舒张压:69~69mmHg;</span></p>
187
+                  <p><span style='font-weight: bold;'>透后血压:</span>&nbsp;<span class="">收缩压:155~155mmHg;舒张压:87~87mmHg;</span></p>
188
+                  <p><span style='font-weight: bold;'>透中最低血压:</span>&nbsp;<span class="">收缩压:148~148mmHg;舒张压:56~56mmHg;</span></p>
189
+                  <p><span style='font-weight: bold;'>透中最高血压:</span>&nbsp;<span class="">收缩压:175~175mmHg;舒张压:87~87mmHg;</span></p>
190
+                </td>
191
+              </tr>
192
+              <tr>
193
+                <td style="align-items: center;padding: 5px;">干体重</td>
194
+                <td style='padding: 5px;'>
195
+                  <p>
196
+                    <span style='font-weight: bold;'>当前干体重:</span>&nbsp;<span class="">73.7kg;</span>
197
+                  </p>
198
+                  <p>
199
+                    <span style='font-weight: bold;'>调整记录:</span>&nbsp;<span class="">无</span>
200
+                  </p>
201
+                </td>
202
+              </tr>
203
+              <tr>
204
+                <td style="align-items: center;padding: 5px;">血管通路</td>
205
+                <td style='padding: 5px;'>
206
+                  <p>
207
+                    <span style='font-weight: bold;'>使用的血管通路:</span>&nbsp;<span class="">${ this.ceshi } &nbsp;&nbsp;建立时间:${ this.ceshi }</span>
208
+                  </p>   
209
+                </td>
210
+              </tr>
211
+              <tr>
212
+                <td style="align-items: center;padding: 5px;">合并症/并发症</td>
213
+                <td style='padding: 5px;'>
214
+                  <p>
215
+                    <span style='font-weight: bold;'>合并症:</span>&nbsp;<span class="">无</span>
216
+                  </p>
217
+                  <p>
218
+                    <span style='font-weight: bold;'>透析并发症:</span>&nbsp;<span class="">无</span>
219
+                  </p>
220
+                </td>
221
+              </tr>
222
+              <tr>
223
+                <td style="align-items: center;padding: 5px;">检验结果</td>
224
+                <td style='padding: 5px;'>
225
+                  <span class="">无</span>
226
+                </td>
227
+              </tr>
228
+              <tr>
229
+                <td style="align-items: center;padding: 5px;">检查结果</td>
230
+                <td style='padding: 5px;'>
231
+                  <span class="">无</span>
232
+                </td>
233
+              </tr>
234
+              <tr>
235
+                <td style="align-items: center;padding: 5px;">医嘱用药</td>
236
+                <td  class='' style="padding: 0;">
237
+                  <p style="display: flex;text-align: center;border-bottom: 1px solid black;">
238
+<span style="width: 30%;display: inline-block;padding: 5px 0;border-right: 1px solid black;">药物名称</span><span style="width:20% ;display: inline-block;padding: 5px 0;border-right: 1px solid black;">医嘱类型</span><span style="width: 20%;display: inline-block;padding: 5px 0;border-right: 1px solid black;">开始时间</span><span style="width: 20%;display: inline-block;padding: 5px 0;border-right: 1px solid black;">单次用量</span><span style="width: 20%;display: inline-block;padding: 5px 0;border-right: 1px solid black;">执行频率</span><span style="width: 10%;padding: 5px 0;display: inline-block;">状态</span></p>
239
+                </td>
240
+              </tr>
241
+              <tr>
242
+                <td style="align-items: center;padding: 5px;">透析总评价和建议</td>
243
+                <td style='padding: 5px;'>
244
+                  <p class="">1、血压控制不良,随时监测血压,并加用口服降压药,将血压控制在正常范围;</p>
245
+                  <p class="">2、透析间期体重增加稳定,继续保持;</p>
246
+                  <p class="">3、血液透析时血流量达标,注意保护内瘘避免狭窄;</p>
247
+                </td>
248
+              </tr>
249
+              <tr>
250
+                <td style="align-items: center;padding: 5px;">医师签名</td>
251
+                <td style='padding: 5px;'>
252
+                  <p class=""></p>
253
+                </td>
254
+              </tr>
255
+            </table>`
256
+    
257
+    this.content = contents
258
+    
259
+  },
260
+  mounted(){
261
+    console.log('document.getElementById3334',document.getElementById('editer'))
262
+    const iframeDoc = document.getElementById('editer').getElementsByTagName('tbody')[0].children[9].children[1]
263
+    var newListArr =[]
264
+    for(let j in this.tab){
265
+      const obj={
266
+        id:this.tab[j].id,
267
+        newlist:'newList'+j
268
+      }
269
+      newListArr.push(obj) 
270
+    }
271
+    for(let i in this.tab){
272
+      for(let j in newListArr){
273
+        if(this.tab[i].id==newListArr[j].id){
274
+          let newList = document.createElement('p');
275
+          newList.style.cssText='display: flex;text-align: center;border-bottom: 1px solid black;';
276
+          let newListItem1 = document.createElement('span');
277
+          newListItem1.style.cssText= 'width: 30%;display: inline-block;padding: 5px 0;border-right: 1px solid black;'
278
+          let newListItem2 = document.createElement('span');
279
+          newListItem2.style.cssText= 'width: 20%;display: inline-block;padding: 5px 0;border-right: 1px solid black;'
280
+          let newListItem3 = document.createElement('span');
281
+          newListItem3.style.cssText= 'width: 20%;display: inline-block;padding: 5px 0;border-right: 1px solid black;'
282
+          let newListItem4 = document.createElement('span');
283
+          newListItem4.style.cssText= 'width: 20%;display: inline-block;padding: 5px 0;border-right: 1px solid black;'
284
+          let newListItem5 = document.createElement('span');
285
+          newListItem5.style.cssText= 'width: 20%;display: inline-block;padding: 5px 0;border-right: 1px solid black;'
286
+          let newListItem6 = document.createElement('span');
287
+          newListItem6.style.cssText= 'width: 10%;display: inline-block;padding: 5px 0;'
288
+          newListItem1.textContent = this.tab[i].name;
289
+          newListItem2.textContent = this.tab[i].type;
290
+          newListItem3.textContent = this.tab[i].start;
291
+          newListItem4.textContent = this.tab[i].dosage;
292
+          newListItem5.textContent = this.tab[i].pinlv;
293
+          newListItem6.textContent = this.tab[i].status;
294
+          newList.appendChild(newListItem1);
295
+          newList.appendChild(newListItem2);
296
+          newList.appendChild(newListItem3);
297
+          newList.appendChild(newListItem4);
298
+          newList.appendChild(newListItem5);
299
+          newList.appendChild(newListItem6);
300
+          iframeDoc.appendChild(newList)
301
+        }
302
+      }
303
+    }
304
+    this.$emit('new_content',this.content) 
305
+  }
306
+  
307
+}
308
+</script>
309
+<style lang="scss" scoped>
310
+  .table tr td,th{
311
+    padding: 5px;
312
+  }
313
+  .text{
314
+    font-weight: bold;
315
+  }
316
+  .textcontext{
317
+    margin-bottom: 10px;
318
+  }
319
+</style>