Startsida Utforska Hjälp
Registrera dig Logga in
zhangbj
/
xt_pad
Bevaka 1
Stjärnmärk 0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Activity
Bläddra i källkod

Merge branch 'wzf' of http://git.shengws.com/zhangbj/xt_pad into wzf

xiaoming_global 5 år sedan
förälder
c577bd8140 990c7dcbf1
incheckning
a2a806509a
25 ändrade filer med 1243 tillägg och 761 borttagningar
Unifierad Vy Visa Diff Statistik
  1. 6 3
      index.html
  2. 65 37
      src/pages/advice/DialysisAdviceTable.vue
  3. 69 42
      src/pages/advice/NormalAdviceTable.vue
  4. 19 6
      src/pages/layout/SideBar.vue
  5. 29 10
      src/pages/main/DetailsPage.vue
  6. 41 17
      src/pages/main/DialysisArea.vue
  7. 7 0
      src/pages/main/PatientBox.vue
  8. 9 5
      src/pages/main/PrintIndex.vue
  9. 49 24
      src/pages/main/RecordPage.vue
  10. 159 73
      src/pages/main/WaitingArea.vue
  11. 11 4
      src/pages/main/dialog/TwoMenu.vue
  12. 65 61
      src/pages/main/dialog/new_order/select_advice_template_dialog.vue
  13. 14 5
      src/pages/main/dialog/subMenu/checkBoxSubMenu.vue
  14. 7 7
      src/pages/main/dialysis/AdviceTable.vue
  15. 58 16
      src/pages/main/dialysis/CheckTab.vue
  16. 23 19
      src/pages/main/dialysis/DialysisTab.vue
  17. 24 22
      src/pages/main/dialysis/InspectionItemTable.vue
  18. 451 327
      src/pages/main/dialysis/LongTable.vue
  19. 1 1
      src/pages/main/dialysis/MissionTable.vue
  20. 10 11
      src/pages/main/records/CaseHistory.vue
  21. 3 0
      src/pages/main/today/TodayTab.vue
  22. 25 12
      src/pages/main/today/detailsInfo.vue
  23. 69 36
      src/pages/monitoring/index.vue
  24. 6 6
      src/styles/media.scss
  25. 23 17
      src/styles/style.scss

+ 6 - 3
index.html Visa fil

1 
 <!DOCTYPE html>
 1 
 <!DOCTYPE html>
2 
 <html>
 2 
 <html>
3 
   <head>
 3 
   <head>
4 
-    <meta charset="utf-8">
5 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
6 
-    <title>血透平板端系统</title>
4 
+    <meta charset="utf-8" />
5 
+    <meta
6 
+      name="viewport"
7 
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
8 
+    />
9 
+    <title>酷医云移动端</title>
7 
   </head>
 10 
   </head>
8 
   <body>
 11 
   <body>
9 
     <div id="app"></div>
 12 
     <div id="app"></div>

+ 65 - 37
src/pages/advice/DialysisAdviceTable.vue Visa fil

2 
   <div class="mainBox">
 2 
   <div class="mainBox">
3 
     <div class="choice">
 3 
     <div class="choice">
4 
       <ul>
 4 
       <ul>
5 
-        <el-popover placement="bottom" trigger="click" v-model="show_patient_type_selector">
5 
+        <el-popover
6 
+          placement="bottom"
7 
+          trigger="click"
8 
+          v-model="show_patient_type_selector"
9 
+        >
6 
           <li slot="reference">
 10 
           <li slot="reference">
7 
-            {{ patient_types[patient_selected].text
8 
-            }}
11 
+            {{ patient_types[patient_selected].text }}
9 
             <span class="iconfont">&#xe74a;</span>
 12 
             <span class="iconfont">&#xe74a;</span>
10 
           </li>
 13 
           </li>
11 
           <div class="popover-demo-content">
 14 
           <div class="popover-demo-content">
15 
                 :key="type.value"
 18 
                 :key="type.value"
16 
                 @click="handlePaitentType(type.value)"
 19 
                 @click="handlePaitentType(type.value)"
17 
                 :class="advice_type_selected == type.value ? 'tick' : ''"
 20 
                 :class="advice_type_selected == type.value ? 'tick' : ''"
18 
-              >{{ type.text }}</li>
21 
+              >
22 
+                {{ type.text }}
23 
+              </li>
19 
             </ul>
 24 
             </ul>
20 
           </div>
 25 
           </div>
21 
         </el-popover>
 26 
         </el-popover>
22
27
23 
-        <el-popover placement="bottom" trigger="click" v-model="show_zone_selector">
28 
+        <el-popover
29 
+          placement="bottom"
30 
+          trigger="click"
31 
+          v-model="show_zone_selector"
32 
+        >
24 
           <li slot="reference">
 33 
           <li slot="reference">
25 
-            {{ zones[zone_selected].text
26 
-            }}
34 
+            {{ zones[zone_selected].text }}
27 
             <span class="iconfont">&#xe74a;</span>
 35 
             <span class="iconfont">&#xe74a;</span>
28 
           </li>
 36 
           </li>
29 
           <div class="popover-demo-content">
 37 
           <div class="popover-demo-content">
33 
                 :key="zone.value"
 41 
                 :key="zone.value"
34 
                 @click="handleZoneChange(index)"
 42 
                 @click="handleZoneChange(index)"
35 
                 :class="zone_selected == index ? 'tick' : ''"
 43 
                 :class="zone_selected == index ? 'tick' : ''"
36 
-              >{{ zone.text }}</li>
44 
+              >
45 
+                {{ zone.text }}
46 
+              </li>
37 
             </ul>
 47 
             </ul>
38 
           </div>
 48 
           </div>
39 
         </el-popover>
 49 
         </el-popover>
40 
-        <el-popover placement="bottom" trigger="click" v-model="show_sch_type_selector">
50 
+        <el-popover
51 
+          placement="bottom"
52 
+          trigger="click"
53 
+          v-model="show_sch_type_selector"
54 
+        >
41 
           <li slot="reference">
 55 
           <li slot="reference">
42 
-            {{ schedule_types[schedule_type_selected].text
43 
-            }}
44 
-            <span
45 
-              class="iconfont"
46 
-            >&#xe74a;</span>
56 
+            {{ schedule_types[schedule_type_selected].text }}
57 
+            <span class="iconfont">&#xe74a;</span>
47 
           </li>
 58 
           </li>
48 
           <div class="popover-demo-content">
 59 
           <div class="popover-demo-content">
49 
             <ul>
 60 
             <ul>
54 
                 :class="
 65 
                 :class="
55 
                   schedule_type_selected == scheduleType.value ? 'tick' : ''
 66 
                   schedule_type_selected == scheduleType.value ? 'tick' : ''
56 
                 "
 67 
                 "
57 
-              >{{ scheduleType.text }}</li>
68 
+              >
69 
+                {{ scheduleType.text }}
70 
+              </li>
58 
             </ul>
 71 
             </ul>
59 
           </div>
 72 
           </div>
60 
         </el-popover>
 73 
         </el-popover>
74 
       </ul>
 87 
       </ul>
75 
     </div>
 88 
     </div>
76
89
77 
-    <div style="width:100%;overflow:hildden;overflow-x:auto;" class="DialysisAdvice">
90 
+    <div
91 
+      style="width:100%;overflow:hildden;overflow-x:auto;"
92 
+      class="DialysisAdvice"
93 
+    >
78 
       <div class="blueBorder"></div>
 94 
       <div class="blueBorder"></div>
79 
       <table class="table">
 95 
       <table class="table">
80 
         <tr>
 96 
         <tr>
108 
           </tr>
 124 
           </tr>
109 
           <template v-for="schedule in schedules">
 125 
           <template v-for="schedule in schedules">
110 
             <template v-for="(group, group_index) in schedule.new_advice">
 126 
             <template v-for="(group, group_index) in schedule.new_advice">
111 
-              <tr v-for="(advice, advice_index) in group.advices" @click="clickfunction(schedule)">
127 
+              <tr
128 
+                v-for="(advice, advice_index) in group.advices"
129 
+                @click="clickfunction(schedule)"
130 
+              >
112 
                 <!--<td  v-if="advice_index == 0"-->
 131 
                 <!--<td  v-if="advice_index == 0"-->
113 
                 <!--:rowspan="group.advices.length">{{ advice.parent_id == 0 ? schedule.device_number.number : "" }}</td>-->
 132 
                 <!--:rowspan="group.advices.length">{{ advice.parent_id == 0 ? schedule.device_number.number : "" }}</td>-->
114
133
121 
                   v-if="advice_index == 0"
 140 
                   v-if="advice_index == 0"
122 
                   :rowspan="group.advices.length"
 141 
                   :rowspan="group.advices.length"
123 
                   style="color:#409eff;"
 142 
                   style="color:#409eff;"
124 
-                >{{ advice.parent_id == 0 ? schedule.patient.name : "" }}</td>
143 
+                >
144 
+                  {{ advice.parent_id == 0 ? schedule.patient.name : "" }}
145 
+                </td>
125 
                 <td v-if="advice_index == 0" :rowspan="group.advices.length">
 146 
                 <td v-if="advice_index == 0" :rowspan="group.advices.length">
126 
                   {{
 147 
                   {{
127 
-                  advice.parent_id == 0 ? schedule.patient.dialysis_no : ""
148 
+                    advice.parent_id == 0 ? schedule.patient.dialysis_no : ""
128 
                   }}
 149 
                   }}
129 
                 </td>
 150 
                 </td>
130 
-                <td
131 
-                  v-if="advice_index == 0"
132 
-                  :rowspan="group.advices.length"
133 
-                >{{ getAdaviceType(advice.advice_type, advice.parent_id) }}</td>
151 
+                <td v-if="advice_index == 0" :rowspan="group.advices.length">
152 
+                  {{ getAdaviceType(advice.advice_type, advice.parent_id) }}
153 
+                </td>
134 
                 <td v-if="advice_index == 0" :rowspan="group.advices.length">
 154 
                 <td v-if="advice_index == 0" :rowspan="group.advices.length">
135 
                   {{
 155 
                   {{
136 
-                  advice.parent_id == 0
137 
-                  ? parseTime(advice.start_time, "{m}-{d} {h}:{i}")
138 
-                  : ""
156 
+                    advice.parent_id == 0
157 
+                      ? parseTime(advice.start_time, "{m}-{d} {h}:{i}")
158 
+                      : ""
139 
                   }}
 159 
                   }}
140 
                 </td>
 160 
                 </td>
141 
                 <td
 161 
                 <td
146 
                   "
 166 
                   "
147 
                 >
 167 
                 >
148 
                   <span>{{ advice.advice_name }}</span>
 168 
                   <span>{{ advice.advice_name }}</span>
149 
-                  <span>{{ advice.advice_desc }}{{ advice.drug_spec_unit }}</span>
169 
+                  <span
170 
+                    >{{ advice.advice_desc }}{{ advice.drug_spec_unit }}</span
171 
+                  >
150 
                   <span v-if="advice.prescribing_number">
 172 
                   <span v-if="advice.prescribing_number">
151 
                     {{ advice.prescribing_number
 173 
                     {{ advice.prescribing_number
152 
                     }}{{ advice.prescribing_number_unit }}
 174 
                     }}{{ advice.prescribing_number_unit }}
157 
                   </span>
 179 
                   </span>
158 
                   <span>{{ advice.delivery_way }}</span>
 180 
                   <span>{{ advice.delivery_way }}</span>
159 
                   <span>{{ advice.execution_frequency }}</span>
 181 
                   <span>{{ advice.execution_frequency }}</span>
160 
-                  <span
161 
-                    v-if="advice.parent_id == 0 && advice.remark.length > 0"
162 
-                  >({{ advice.remark }})</span>
182 
+                  <span v-if="advice.parent_id == 0 && advice.remark.length > 0"
183 
+                    >({{ advice.remark }})</span
184 
+                  >
185 
+                </td>
186 
+                <td>
187 
+                  {{ parseTime(advice.execution_time, "{m}-{d} {h}:{i}") }}
163 
                 </td>
 188 
                 </td>
164 
-                <td>{{ parseTime(advice.execution_time, "{m}-{d} {h}:{i}") }}</td>
165 
                 <td>{{ getName(advice.execution_staff) }}</td>
 189 
                 <td>{{ getName(advice.execution_staff) }}</td>
166 
                 <td>{{ getName(advice.checker) }}</td>
 190 
                 <td>{{ getName(advice.checker) }}</td>
167 
                 <td>{{ parseTime(advice.check_time, "{m}-{d} {h}:{i}") }}</td>
 191 
                 <td>{{ parseTime(advice.check_time, "{m}-{d} {h}:{i}") }}</td>
174 
       </table>
 198 
       </table>
175
199
176 
       <div class="NoData" v-show="zones.length <= 1">
 200 
       <div class="NoData" v-show="zones.length <= 1">
177 
-        <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
201 
+        <img
202 
+          style="margin-top: 50px; margin-bottom: 50px"
203 
+          src="@/assets/login/data.jpg"
204 
+          alt
205 
+        />
178 
       </div>
 206 
       </div>
179 
     </div>
 207 
     </div>
180
208
533 
   left: 0;
 561 
   left: 0;
534 
   background: #fff;
 562 
   background: #fff;
535 
   @media only screen and (max-width: 415px) {
 563 
   @media only screen and (max-width: 415px) {
536 
-    top: 39px !important;
564 
+    top: 38px !important;
537 
   }
 565 
   }
538 
-  @media only screen and (min-width: 376px) and (max-width: 737px) {
539 
-    top: 45px !important;
566 
+  @media only screen and (min-width: 376px) and (max-width: 812px) {
567 
+    top: 38px !important;
540 
   }
 568 
   }
541 
   ul {
 569 
   ul {
542 
     @include display-flex;
 570 
     @include display-flex;
572 
   background: #fff;
 600 
   background: #fff;
573 
   min-height: calc(100vh - 2px);
 601 
   min-height: calc(100vh - 2px);
574 
   @media only screen and (max-width: 812px) {
 602 
   @media only screen and (max-width: 812px) {
575 
-    padding-top: 80px !important;
603 
+    padding-top: 70px !important;
576 
   }
 604 
   }
577 
-  @media only screen and (min-width: 768px) and (max-width: 1024px) {
605 
+  @media only screen and (min-width: 813px) and (max-width: 1024px) {
578 
     padding-top: 118px !important;
 606 
     padding-top: 118px !important;
579 
   }
 607 
   }
580 
 }
 608 
 }

+ 69 - 42
src/pages/advice/NormalAdviceTable.vue Visa fil

2 
   <div class="mainBox">
 2 
   <div class="mainBox">
3 
     <div class="choice">
 3 
     <div class="choice">
4 
       <ul>
 4 
       <ul>
5 
-        <el-popover placement="bottom" trigger="click" v-model="show_patient_type_selector">
5 
+        <el-popover
6 
+          placement="bottom"
7 
+          trigger="click"
8 
+          v-model="show_patient_type_selector"
9 
+        >
6 
           <li slot="reference">
 10 
           <li slot="reference">
7 
-            {{ patient_types[patient_selected].text
8 
-            }}
11 
+            {{ patient_types[patient_selected].text }}
9 
             <span class="iconfont">&#xe74a;</span>
 12 
             <span class="iconfont">&#xe74a;</span>
10 
           </li>
 13 
           </li>
11 
           <div class="popover-demo-content">
 14 
           <div class="popover-demo-content">
15 
                 :key="type.value"
 18 
                 :key="type.value"
16 
                 @click="handlePaitentType(type.value)"
 19 
                 @click="handlePaitentType(type.value)"
17 
                 :class="advice_type_selected == type.value ? 'tick' : ''"
 20 
                 :class="advice_type_selected == type.value ? 'tick' : ''"
18 
-              >{{ type.text }}</li>
21 
+              >
22 
+                {{ type.text }}
23 
+              </li>
19 
             </ul>
 24 
             </ul>
20 
           </div>
 25 
           </div>
21 
         </el-popover>
 26 
         </el-popover>
22
27
23 
-        <el-popover placement="bottom" trigger="click" v-model="show_zone_selector">
28 
+        <el-popover
29 
+          placement="bottom"
30 
+          trigger="click"
31 
+          v-model="show_zone_selector"
32 
+        >
24 
           <li slot="reference">
 33 
           <li slot="reference">
25 
-            {{ zones[zone_selected].text
26 
-            }}
34 
+            {{ zones[zone_selected].text }}
27 
             <span class="iconfont">&#xe74a;</span>
 35 
             <span class="iconfont">&#xe74a;</span>
28 
           </li>
 36 
           </li>
29 
           <div class="popover-demo-content">
 37 
           <div class="popover-demo-content">
33 
                 :key="zone.value"
 41 
                 :key="zone.value"
34 
                 @click="handleZoneChange(index)"
 42 
                 @click="handleZoneChange(index)"
35 
                 :class="zone_selected == index ? 'tick' : ''"
 43 
                 :class="zone_selected == index ? 'tick' : ''"
36 
-              >{{ zone.text }}</li>
44 
+              >
45 
+                {{ zone.text }}
46 
+              </li>
37 
             </ul>
 47 
             </ul>
38 
           </div>
 48 
           </div>
39 
         </el-popover>
 49 
         </el-popover>
40 
-        <el-popover placement="bottom" trigger="click" v-model="show_sch_type_selector">
50 
+        <el-popover
51 
+          placement="bottom"
52 
+          trigger="click"
53 
+          v-model="show_sch_type_selector"
54 
+        >
41 
           <li slot="reference">
 55 
           <li slot="reference">
42 
-            {{ schedule_types[schedule_type_selected].text
43 
-            }}
44 
-            <span
45 
-              class="iconfont"
46 
-            >&#xe74a;</span>
56 
+            {{ schedule_types[schedule_type_selected].text }}
57 
+            <span class="iconfont">&#xe74a;</span>
47 
           </li>
 58 
           </li>
48 
           <div class="popover-demo-content">
 59 
           <div class="popover-demo-content">
49 
             <ul>
 60 
             <ul>
54 
                 :class="
 65 
                 :class="
55 
                   schedule_type_selected == scheduleType.value ? 'tick' : ''
 66 
                   schedule_type_selected == scheduleType.value ? 'tick' : ''
56 
                 "
 67 
                 "
57 
-              >{{ scheduleType.text }}</li>
68 
+              >
69 
+                {{ scheduleType.text }}
70 
+              </li>
58 
             </ul>
 71 
             </ul>
59 
           </div>
 72 
           </div>
60 
         </el-popover>
 73 
         </el-popover>
74 
       </ul>
 87 
       </ul>
75 
     </div>
 88 
     </div>
76
89
77 
-    <div style="width:100%;overflow:hildden;overflow-x:auto;" class="NormalAdvice">
90 
+    <div
91 
+      style="width:100%;overflow:hildden;overflow-x:auto;"
92 
+      class="NormalAdvice"
93 
+    >
78 
       <div class="blueBorder"></div>
 94 
       <div class="blueBorder"></div>
79 
       <table class="table">
 95 
       <table class="table">
80 
         <tr>
 96 
         <tr>
115 
               <!--<td>{{ advice.parent_id == 0 && advice.dialysis_order&&advice.dialysis_order.device_number&& advice.dialysis_order.device_number.number.length > 0 ? advice.dialysis_order.device_number.number : schedule.device_number.number }}</td>-->
 131 
               <!--<td>{{ advice.parent_id == 0 && advice.dialysis_order&&advice.dialysis_order.device_number&& advice.dialysis_order.device_number.number.length > 0 ? advice.dialysis_order.device_number.number : schedule.device_number.number }}</td>-->
116 
               <!--<td>{{getNumber(advice)}}</td>-->
 132 
               <!--<td>{{getNumber(advice)}}</td>-->
117 
               <td>{{ advice.parent_id == 0 ? schedule.patient.name : "" }}</td>
 133 
               <td>{{ advice.parent_id == 0 ? schedule.patient.name : "" }}</td>
118 
-              <td>{{ advice.parent_id == 0 ? schedule.patient.dialysis_no : "" }}</td>
119 
-              <td>{{ getAdaviceType(advice.advice_type, advice.parent_id) }}</td>
134 
+              <td>
135 
+                {{ advice.parent_id == 0 ? schedule.patient.dialysis_no : "" }}
136 
+              </td>
137 
+              <td>
138 
+                {{ getAdaviceType(advice.advice_type, advice.parent_id) }}
139 
+              </td>
120 
               <td>
 140 
               <td>
121 
                 {{
 141 
                 {{
122 
-                advice.parent_id == 0
123 
-                ? parseTime(advice.start_time, "{m}-{d} {h}:{i}")
124 
-                : ""
142 
+                  advice.parent_id == 0
143 
+                    ? parseTime(advice.start_time, "{m}-{d} {h}:{i}")
144 
+                    : ""
125 
                 }}
 145 
                 }}
126 
               </td>
 146 
               </td>
127 
               <td>
 147 
               <td>
133 
                   }}{{ advice.prescribing_number_unit }}
 153 
                   }}{{ advice.prescribing_number_unit }}
134 
                 </span>
 154 
                 </span>
135 
                 <span v-if="advice.single_dose">
 155 
                 <span v-if="advice.single_dose">
136 
-                  单次用量 {{ advice.single_dose
137 
-                  }}{{ advice.single_dose_unit }}
156 
+                  单次用量 {{ advice.single_dose }}{{ advice.single_dose_unit }}
138 
                 </span>
 157 
                 </span>
139 
                 <span>{{ advice.delivery_way }}</span>
 158 
                 <span>{{ advice.delivery_way }}</span>
140 
                 <span>{{ advice.execution_frequency }}</span>
 159 
                 <span>{{ advice.execution_frequency }}</span>
141 
               </td>
 160 
               </td>
142 
               <td>
 161 
               <td>
143 
                 {{
 162 
                 {{
144 
-                advice.parent_id == 0
145 
-                ? parseTime(advice.execution_time, "{m}-{d} {h}:{i}")
146 
-                : ""
163 
+                  advice.parent_id == 0
164 
+                    ? parseTime(advice.execution_time, "{m}-{d} {h}:{i}")
165 
+                    : ""
147 
                 }}
 166 
                 }}
148 
               </td>
 167 
               </td>
149 
               <td>
 168 
               <td>
150 
                 {{
 169 
                 {{
151 
-                advice.parent_id == 0 ? getName(advice.execution_staff) : ""
170 
+                  advice.parent_id == 0 ? getName(advice.execution_staff) : ""
152 
                 }}
 171 
                 }}
153 
               </td>
 172 
               </td>
154 
-              <td>{{ advice.parent_id == 0 ? getName(advice.checker) : "" }}</td>
173 
+              <td>
174 
+                {{ advice.parent_id == 0 ? getName(advice.checker) : "" }}
175 
+              </td>
155 
               <td>
 176 
               <td>
156 
                 {{
 177 
                 {{
157 
-                advice.parent_id == 0
158 
-                ? parseTime(advice.check_time, "{m}-{d} {h}:{i}")
159 
-                : ""
178 
+                  advice.parent_id == 0
179 
+                    ? parseTime(advice.check_time, "{m}-{d} {h}:{i}")
180 
+                    : ""
160 
                 }}
 181 
                 }}
161 
               </td>
 182 
               </td>
162 
-              <td>{{ advice.parent_id == 0 ? getName(advice.advice_doctor) : "" }}</td>
183 
+              <td>
184 
+                {{ advice.parent_id == 0 ? getName(advice.advice_doctor) : "" }}
185 
+              </td>
163 
               <td>
 186 
               <td>
164 
                 {{
 187 
                 {{
165 
-                advice.parent_id == 0
166 
-                ? parseTime(advice.created_time, "{m}-{d} {h}:{i}")
167 
-                : ""
188 
+                  advice.parent_id == 0
189 
+                    ? parseTime(advice.created_time, "{m}-{d} {h}:{i}")
190 
+                    : ""
168 
                 }}
 191 
                 }}
169 
               </td>
 192 
               </td>
170 
             </tr>
 193 
             </tr>
173 
       </table>
 196 
       </table>
174
197
175 
       <div class="NoData" v-show="zones.length <= 1">
 198 
       <div class="NoData" v-show="zones.length <= 1">
176 
-        <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
199 
+        <img
200 
+          style="margin-top: 50px; margin-bottom: 50px"
201 
+          src="@/assets/login/data.jpg"
202 
+          alt
203 
+        />
177 
       </div>
 204 
       </div>
178 
     </div>
 205 
     </div>
179 
     <!--<div class="NoData" v-show="zones.length <= 1"><img src="@/assets/login/data.jpg" alt=""></div>-->
 206 
     <!--<div class="NoData" v-show="zones.length <= 1"><img src="@/assets/login/data.jpg" alt=""></div>-->
449 
   left: 0;
 476 
   left: 0;
450 
   background: #fff;
 477 
   background: #fff;
451 
   @media only screen and (max-width: 376px) {
 478 
   @media only screen and (max-width: 376px) {
452 
-    top: 39px !important;
479 
+    top: 38px !important;
453 
   }
 480 
   }
454 
-  @media only screen and (min-width: 376px) and (max-width: 737px) {
455 
-    top: 45px !important;
481 
+  @media only screen and (min-width: 376px) and (max-width: 812px) {
482 
+    top: 38px !important;
456 
   }
 483 
   }
457 
   ul {
 484 
   ul {
458 
     @include display-flex;
 485 
     @include display-flex;
459 
     @include align-items-center;
 486 
     @include align-items-center;
460 
     @include text-align;
 487 
     @include text-align;
461 
     @include justify-content-between;
 488 
     @include justify-content-between;
462 
-    width: 80%;
489 
+    width: 90%;
463 
     margin: 0 auto;
 490 
     margin: 0 auto;
464 
     font-size: 0.32rem;
 491 
     font-size: 0.32rem;
465 
     color: $pgh-color;
 492 
     color: $pgh-color;
490 
   background: #fff;
 517 
   background: #fff;
491 
   min-height: calc(100vh - 2px);
 518 
   min-height: calc(100vh - 2px);
492 
   @media only screen and (max-width: 812px) {
 519 
   @media only screen and (max-width: 812px) {
493 
-    padding-top: 80px !important;
520 
+    padding-top: 70px !important;
494 
   }
 521 
   }
495 
-  @media only screen and (min-width: 768px) and (max-width: 1024px) {
522 
+  @media only screen and (min-width: 813px) and (max-width: 1024px) {
496 
     padding-top: 115px !important;
 523 
     padding-top: 115px !important;
497 
   }
 524 
   }
498 
 }
 525 
 }

+ 19 - 6
src/pages/layout/SideBar.vue Visa fil

8 
             <span class="iconfont">&#xe6e6;</span>
 8 
             <span class="iconfont">&#xe6e6;</span>
9 
             <p>记录</p>
 9 
             <p>记录</p>
10 
           </router-link>
 10 
           </router-link>
11 
-          <span
12 
-            class="redpoint"
13 
-            v-if="total_read_dot"
14 
-          >{{total_read_dot > 99?total_read_dot+'+':total_read_dot}}</span>
11 
+          <span class="redpoint" v-if="total_read_dot">
12 
+            {{
13 
+            total_read_dot > 99 ? total_read_dot + "+" : total_read_dot
14 
+            }}
15 
+          </span>
15 
         </li>
 16 
         </li>
16 
         <li :class="active_index == 1 ? 'active' : ''">
 17 
         <li :class="active_index == 1 ? 'active' : ''">
17 
           <router-link to="/monitoring">
 18 
           <router-link to="/monitoring">
66 
   position: absolute;
 67 
   position: absolute;
67 
   top: -5px;
 68 
   top: -5px;
68 
   right: -15px;
 69 
   right: -15px;
70 
+  @media only screen and (max-width: 812px) {
71 
+    height: 16px;
72 
+    width: 16px;
73 
+    line-height: 16px;
74 
+    top: 1px;
75 
+    right: -8px;
76 
+  }
69 
 }
 77 
 }
70 
 .sideColumn {
 78 
 .sideColumn {
71 
   // float: left;
 79 
   // float: left;
114 
           display: inline-block;
 122 
           display: inline-block;
115 
           padding: 0;
 123 
           padding: 0;
116 
           margin: 0;
 124 
           margin: 0;
117 
-          @media only screen and (min-width: 768px) {
125 
+          @media only screen and (min-width: 813px) {
118 
             display: flex;
 126 
             display: flex;
119 
           }
 127 
           }
120 
           p {
 128 
           p {
121 
             font-size: 0.32rem;
 129 
             font-size: 0.32rem;
122 
             margin-top: 0.05rem;
 130 
             margin-top: 0.05rem;
131 
+            @media only screen and (max-width: 812px) {
132 
+              font-size: 0.4rem;
133 
+            }
123 
           }
 134 
           }
124 
           .iconfont {
 135 
           .iconfont {
125 
             font-size: 0.52rem;
 136 
             font-size: 0.52rem;
137 
+            @media only screen and (max-width: 812px) {
138 
+              font-size: 0.7rem;
139 
+            }
126 
             display: inline-block;
 140 
             display: inline-block;
127 
           }
 141 
           }
128 
         }
 142 
         }
139 
   }
 153 
   }
140 
 }
 154 
 }
141 
 </style>
 155 
 </style>
142 
-

+ 29 - 10
src/pages/main/DetailsPage.vue Visa fil

13 
         <div class="nav">
 13 
         <div class="nav">
14 
           <ul>
 14 
           <ul>
15 
             <li
 15 
             <li
16 
-              v-for="(item,i) in ['病历','透析','今日']"
16 
+              v-for="(item, i) in ['病历', '透析', '今日']"
17 
               :key="i"
 17 
               :key="i"
18 
-              :class="index == i? 'active':'' "
18 
+              :class="index == i ? 'active' : ''"
19 
               @click="ClickTab(i)"
 19 
               @click="ClickTab(i)"
20 
-            >{{item}}</li>
20 
+            >
21 
+              {{ item }}
22 
+            </li>
21 
           </ul>
 23 
           </ul>
22 
         </div>
 24 
         </div>
23
25
28 
                   <span class="iconfont">2018-01-01&#xe74a;</span>
 30 
                   <span class="iconfont">2018-01-01&#xe74a;</span>
29 
         </div>-->
 31 
         </div>-->
30 
         <div class="print" style="float: right; visibility: hidden;">
 32 
         <div class="print" style="float: right; visibility: hidden;">
31 
-          <el-button size="mini" type="primary" @click="print" icon="el-icon-printer">打印</el-button>
33 
+          <el-button
34 
+            size="mini"
35 
+            type="primary"
36 
+            @click="print"
37 
+            icon="el-icon-printer"
38 
+            >打印</el-button
39 
+          >
32 
         </div>
 40 
         </div>
33 
       </div>
 41 
       </div>
34 
       <div class="Tab">
 42 
       <div class="Tab">
35 
-        <CaseHistory v-show="index==0" title="病历"></CaseHistory>
43 
+        <CaseHistory v-show="index == 0" title="病历"></CaseHistory>
36 
         <!--<check-tab v-show="index==1" title="化验单"></check-tab>-->
 44 
         <!--<check-tab v-show="index==1" title="化验单"></check-tab>-->
37 
-        <dialysis-tab v-show="index==1" title="透析" v-on:records="jump(val)"></dialysis-tab>
38 
-        <today-tab ref="today" v-show="index==2" title="今日"></today-tab>
45 
+        <dialysis-tab
46 
+          v-show="index == 1"
47 
+          title="透析"
48 
+          v-on:records="jump(val)"
49 
+        ></dialysis-tab>
50 
+        <today-tab ref="today" v-show="index == 2" title="今日"></today-tab>
39 
       </div>
 51 
       </div>
40 
     </div>
 52 
     </div>
41 
     <div class="add" @click="print">
 53 
     <div class="add" @click="print">
167 
     right: 0;
 179 
     right: 0;
168 
     z-index: 100;
 180 
     z-index: 100;
169 
     background: #258ffc;
 181 
     background: #258ffc;
182 
+    @media only screen and (max-width: 320px) {
183 
+      display: -webkit-box;
184 
+    }
170 
     .name {
 185 
     .name {
171 
       color: #fff;
 186 
       color: #fff;
172 
     }
 187 
     }
219 
   text-align: center;
 234 
   text-align: center;
220 
   z-index: 99;
 235 
   z-index: 99;
221 
   p {
 236 
   p {
222 
-    width: 30px;
237 
+    width: 26px;
223 
     text-align: center;
 238 
     text-align: center;
224 
-    margin: 8px auto 0;
239 
+    margin: 6px auto 0;
225 
     color: #fff;
 240 
     color: #fff;
226 
-    @media only screen and (min-width: 768px) {
241 
+    // @media only screen and (min-width: 768px) {
242 
+    //   width: 40px !important;
243 
+    //   margin: 11px auto 0;
244 
+    // }
245 
+    @media only screen and (min-width: 812px) {
227 
       width: 40px !important;
 246 
       width: 40px !important;
228 
       margin: 11px auto 0;
 247 
       margin: 11px auto 0;
229 
     }
 248 
     }

+ 41 - 17
src/pages/main/DialysisArea.vue Visa fil

3 
     <div v-loading="loading">
 3 
     <div v-loading="loading">
4 
       <div class="screening">
 4 
       <div class="screening">
5 
         <ul>
 5 
         <ul>
6 
-          <el-popover v-model="zone_options_visible" placement="bottom" trigger="click">
6 
+          <el-popover
7 
+            v-model="zone_options_visible"
8 
+            placement="bottom"
9 
+            trigger="click"
10 
+          >
7 
             <li slot="reference">
 11 
             <li slot="reference">
8 
               {{
 12 
               {{
9 
-              zones.length <= 1 && zone_selected > 0
10 
-              ? "全部分区"
11 
-              : zones[zone_selected].text
13 
+                zones.length <= 1 && zone_selected > 0
14 
+                  ? "全部分区"
15 
+                  : zones[zone_selected].text
12 
               }}
 16 
               }}
13 
-              <span
14 
-                class="iconfont"
15 
-              >&#xe74a;</span>
17 
+              <span class="iconfont">&#xe74a;</span>
16 
             </li>
 18 
             </li>
17
19
18 
             <div class="popover-demo-content">
 20 
             <div class="popover-demo-content">
22 
                   :key="zone.value"
 24 
                   :key="zone.value"
23 
                   @click="handleZoneChange(index)"
 25 
                   @click="handleZoneChange(index)"
24 
                   :class="zone_selected == index ? 'tick' : ''"
 26 
                   :class="zone_selected == index ? 'tick' : ''"
25 
-                >{{ zone.text }}</li>
27 
+                >
28 
+                  {{ zone.text }}
29 
+                </li>
26 
               </ul>
 30 
               </ul>
27 
             </div>
 31 
             </div>
28 
           </el-popover>
 32 
           </el-popover>
29
33
30 
-          <el-popover v-model="sch_type_options_visible" placement="bottom" trigger="click">
34 
+          <el-popover
35 
+            v-model="sch_type_options_visible"
36 
+            placement="bottom"
37 
+            trigger="click"
38 
+          >
31 
             <li slot="reference">
 39 
             <li slot="reference">
32 
               {{ schedual_types[schedual_type_selected].text }}
 40 
               {{ schedual_types[schedual_type_selected].text }}
33 
               <span class="iconfont">&#xe74a;</span>
 41 
               <span class="iconfont">&#xe74a;</span>
41 
                   :class="
 49 
                   :class="
42 
                     schedual_type_selected == schedualType.value ? 'tick' : ''
 50 
                     schedual_type_selected == schedualType.value ? 'tick' : ''
43 
                   "
 51 
                   "
44 
-                >{{ schedualType.text }}</li>
52 
+                >
53 
+                  {{ schedualType.text }}
54 
+                </li>
45 
               </ul>
 55 
               </ul>
46 
             </div>
 56 
             </div>
47 
           </el-popover>
 57 
           </el-popover>
61 
       <div class="stateBox">
 71 
       <div class="stateBox">
62 
         <div v-for="(item, index) in filtedScheduals" :key="index">
 72 
         <div v-for="(item, index) in filtedScheduals" :key="index">
63 
           <h2 class="title">{{ item.zone_name }}</h2>
 73 
           <h2 class="title">{{ item.zone_name }}</h2>
64 
-          <patient-box class="clearfix" :patients="item.scheduals"></patient-box>
74 
+          <patient-box
75 
+            class="clearfix"
76 
+            :patients="item.scheduals"
77 
+          ></patient-box>
65 
         </div>
 78 
         </div>
66 
         <div class="NoData" v-if="filtedScheduals.length == 0 && networkStates">
 79 
         <div class="NoData" v-if="filtedScheduals.length == 0 && networkStates">
67 
-          <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
80 
+          <img
81 
+            style="margin-top: 50px; margin-bottom: 50px"
82 
+            src="@/assets/login/data.jpg"
83 
+            alt
84 
+          />
68 
         </div>
 85 
         </div>
69 
-        <div class="NoData" v-if="!networkStates" style="display: block;text-align: center">
70 
-          <p style="margin-top: 100px;font-size: 18px">网络异常，请点击重新加载</p>
86 
+        <div
87 
+          class="NoData"
88 
+          v-if="!networkStates"
89 
+          style="display: block;text-align: center"
90 
+        >
91 
+          <p style="margin-top: 100px;font-size: 18px">
92 
+            网络异常，请点击重新加载
93 
+          </p>
71
94
72 
           <!--<img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/no_network.jpg" alt="">-->
 95 
           <!--<img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/no_network.jpg" alt="">-->
73 
           <van-button
 96 
           <van-button
76 
             type="info"
 99 
             type="info"
77 
             style="display:block;margin:0 auto"
 100 
             style="display:block;margin:0 auto"
78 
             @click="reloads()"
 101 
             @click="reloads()"
79 
-          >重新加载</van-button>
102 
+            >重新加载</van-button
103 
+          >
80 
         </div>
 104 
         </div>
81 
       </div>
 105 
       </div>
82 
       <mt-datetime-picker
 106 
       <mt-datetime-picker
456 
 .screening {
 480 
 .screening {
457 
   border-bottom: 1px #e5e5e5 solid;
 481 
   border-bottom: 1px #e5e5e5 solid;
458 
   position: fixed;
 482 
   position: fixed;
459 
-  top: 122px;
460 
-  @media only screen and (min-width: 768px) and (max-width: 1024px) {
483 
+  top: 89px;
484 
+  @media only screen and (min-width: 813px) and (max-width: 1024px) {
461 
     top: 130px;
 485 
     top: 130px;
462 
   }
 486 
   }
463 
   right: 0;
 487 
   right: 0;

+ 7 - 0
src/pages/main/PatientBox.vue Visa fil

407 
   top: -8px;
 407 
   top: -8px;
408 
   left: 0.7rem;
 408 
   left: 0.7rem;
409 
   border: 1px solid #fff;
 409 
   border: 1px solid #fff;
410 
+  @media only screen and (max-width: 812px) {
411 
+    height: 16px;
412 
+    width: 16px;
413 
+    line-height: 15px;
414 
+    top: -6px;
415 
+    left: 0.6rem;
416 
+  }
410 
 }
 417 
 }
411 
 .yztx {
 418 
 .yztx {
412 
   margin: 0 5px;
 419 
   margin: 0 5px;

+ 9 - 5
src/pages/main/PrintIndex.vue Visa fil

21 
       <DialysisPrintOrderOne
 21 
       <DialysisPrintOrderOne
22 
         style="margin-top:60px;"
 22 
         style="margin-top:60px;"
23 
         v-bind:childResponse="childResponse"
 23 
         v-bind:childResponse="childResponse"
24 
-        v-if="org_template_info.template_id ==1"
24 
+        v-if="org_template_info.template_id == 1"
25 
       ></DialysisPrintOrderOne>
 25 
       ></DialysisPrintOrderOne>
26 
       <DialysisPrintOrderTwo
 26 
       <DialysisPrintOrderTwo
27 
         style="margin-top:60px;"
 27 
         style="margin-top:60px;"
28 
         v-bind:childResponse="childResponse"
 28 
         v-bind:childResponse="childResponse"
29 
-        v-if="org_template_info.template_id ==2||org_template_info.template_id ==0"
29 
+        v-if="
30 
+          org_template_info.template_id == 2 ||
31 
+            org_template_info.template_id == 0
32 
+        "
30 
       ></DialysisPrintOrderTwo>
 33 
       ></DialysisPrintOrderTwo>
31 
       <DialysisPrintOrderFive
 34 
       <DialysisPrintOrderFive
32 
         style="margin-top:60px;"
 35 
         style="margin-top:60px;"
33 
         v-bind:childResponse="childResponse"
 36 
         v-bind:childResponse="childResponse"
34 
-        v-if="org_template_info.template_id ==5"
37 
+        v-if="org_template_info.template_id == 5"
35 
       ></DialysisPrintOrderFive>
 38 
       ></DialysisPrintOrderFive>
36 
       <!--<DialysisPrintOrderSix style="margin-top:60px;" v-bind:childResponse="childResponse" v-if="org_template_info.template_id ==6"></DialysisPrintOrderSix>-->
 39 
       <!--<DialysisPrintOrderSix style="margin-top:60px;" v-bind:childResponse="childResponse" v-if="org_template_info.template_id ==6"></DialysisPrintOrderSix>-->
37 
       <DialysisPrintOrderSix
 40 
       <DialysisPrintOrderSix
38 
         style="margin-top:60px;"
 41 
         style="margin-top:60px;"
39 
         v-bind:childResponse="childResponse"
 42 
         v-bind:childResponse="childResponse"
40 
-        v-if="org_template_info.template_id ==6"
43 
+        v-if="org_template_info.template_id == 6"
41 
       ></DialysisPrintOrderSix>
 44 
       ></DialysisPrintOrderSix>
42 
     </div>
 45 
     </div>
43 
     <side-bar :active_index="0" v-if="isShow == true"></side-bar>
 46 
     <side-bar :active_index="0" v-if="isShow == true"></side-bar>
44 
   </div>
 47 
   </div>
45 
 </template>
 48 
 </template>
46
49
47 
-
48 
 <script>
 50 
 <script>
49 
 import { getPrintDialysisRecord } from "@/api/dialysis";
 51 
 import { getPrintDialysisRecord } from "@/api/dialysis";
50 
 import { getDataConfig } from "@/utils/data";
 52 
 import { getDataConfig } from "@/utils/data";
574 
 .mainBox {
 576 
 .mainBox {
575 
   display: flex;
 577 
   display: flex;
576 
   flex-direction: column;
 578 
   flex-direction: column;
579 
+  height: 100%;
580 
+  overflow: hidden;
577 
   > :first-child {
 581 
   > :first-child {
578 
     flex: 1;
 582 
     flex: 1;
579 
     overflow: auto;
 583 
     overflow: auto;

+ 49 - 24
src/pages/main/RecordPage.vue Visa fil

45 
       <div class="box">
 45 
       <div class="box">
46 
         <div class="department">
 46 
         <div class="department">
47 
           <ul>
 47 
           <ul>
48 
-            <li style="position: relative;" :class="index == 0? 'active':'' " @click="ClickTab(0)">
49 
-              {{'候诊区'}}
50 
-              <span
51 
-                class="redpoint"
52 
-                v-if="un_read_wait_num"
53 
-              >{{un_read_wait_num > 99 ? un_read_wait_num+'+':un_read_wait_num}}</span>
48 
+            <li
49 
+              style="position: relative;"
50 
+              :class="index == 0 ? 'active' : ''"
51 
+              @click="ClickTab(0)"
52 
+            >
53 
+              {{ "候诊区" }}
54 
+              <span class="redpoint" v-if="un_read_wait_num">
55 
+                {{
56 
+                un_read_wait_num > 99
57 
+                ? un_read_wait_num + "+"
58 
+                : un_read_wait_num
59 
+                }}
60 
+              </span>
54 
             </li>
 61 
             </li>
55 
-            <li style="position: relative;" :class="index == 1? 'active':'' " @click="ClickTab(1)">
56 
-              {{'透析区'}}
57 
-              <span
58 
-                class="redpoint"
59 
-                v-if="un_read_dialysis_num"
60 
-              >{{un_read_dialysis_num > 99 ? un_read_dialysis_num+'+':un_read_dialysis_num}}</span>
62 
+            <li
63 
+              style="position: relative;"
64 
+              :class="index == 1 ? 'active' : ''"
65 
+              @click="ClickTab(1)"
66 
+            >
67 
+              {{ "透析区" }}
68 
+              <span class="redpoint" v-if="un_read_dialysis_num">
69 
+                {{
70 
+                un_read_dialysis_num > 99
71 
+                ? un_read_dialysis_num + "+"
72 
+                : un_read_dialysis_num
73 
+                }}
74 
+              </span>
61 
             </li>
 75 
             </li>
62 
           </ul>
 76 
           </ul>
63 
         </div>
 77 
         </div>
81 
         <van-button size="small" type="info">临时排班</van-button>
 95 
         <van-button size="small" type="info">临时排班</van-button>
82 
     </div>-->
 96 
     </div>-->
83 
     <div class="area">
 97 
     <div class="area">
84 
-      <waiting-area v-show="index==0" title="候诊区" :search_keyword="search_keyword"></waiting-area>
98 
+      <waiting-area v-show="index == 0" title="候诊区" :search_keyword="search_keyword"></waiting-area>
85 
       <dialysis-area
 99 
       <dialysis-area
86 
-        v-show="index==1"
100 
+        v-show="index == 1"
87 
         title="透析区"
 101 
         title="透析区"
88 
         :search_keyword="search_keyword"
 102 
         :search_keyword="search_keyword"
89 
         @clear_search_keyword="clearKeyword"
 103 
         @clear_search_keyword="clearKeyword"
161 
 .top_row {
 175 
 .top_row {
162 
   // height: 50px;
 176 
   // height: 50px;
163 
   font-size: 0.3rem;
 177 
   font-size: 0.3rem;
164 
-  padding: 0.3rem 0.3rem;
178 
+  padding: 0.3rem 0.3rem 0;
179 
+  @media only screen and (min-width: 813px) and (max-width: 1024px) {
180 
+    padding: 0.3rem 0.3rem;
181 
+  }
165 
   // border-bottom: 1px #e5e5e5 solid;
 182 
   // border-bottom: 1px #e5e5e5 solid;
166 
   // display: flex;
 183 
   // display: flex;
167 
   // align-items: center;
 184 
   // align-items: center;
180 
   height: 45px;
 197 
   height: 45px;
181 
   line-height: 50px;
 198 
   line-height: 50px;
182 
   margin-left: 8px;
 199 
   margin-left: 8px;
183 
-  color: $title-color;
200 
+  // color: $title-color;
201 
+  color: #fff;
184 
 }
 202 
 }
185 
 .department {
 203 
 .department {
186 
   text-align: center;
 204 
   text-align: center;
187 
-  height: 100%;
205 
+  // height: 100%;
206 
+  width: 60%;
207 
+  margin: 0 auto;
188 
   ul {
 208 
   ul {
189 
     height: 100%;
 209 
     height: 100%;
190 
     display: flex;
 210 
     display: flex;
230 
   top: -8px;
 250 
   top: -8px;
231 
   right: -8px;
 251 
   right: -8px;
232 
   border: 1px solid #fff;
 252 
   border: 1px solid #fff;
253 
+  @media only screen and (max-width: 812px) {
254 
+    height: 16px;
255 
+    width: 16px;
256 
+    line-height: 14px;
257 
+  }
233 
 }
 258 
 }
234 
 .box {
 259 
 .box {
235 
-  height: 50px;
260 
+  height: 30px;
236 
   margin-top: 50px;
 261 
   margin-top: 50px;
237 
   background: #258ffc;
 262 
   background: #258ffc;
238 
 }
 263 
 }
261 
   font-size: 0.4rem;
 286 
   font-size: 0.4rem;
262 
   text-align: center;
 287 
   text-align: center;
263 
   p {
 288 
   p {
264 
-    width: 30px;
289 
+    width: 26px;
265 
     text-align: center;
 290 
     text-align: center;
266 
-    margin: 8px auto 0;
291 
+    margin: 6px auto 0;
267 
     color: #fff;
 292 
     color: #fff;
268 
-    @media only screen and (min-width: 415px) and (max-width: 668px) {
269 
-      width: 40px;
270 
-    }
271 
-    @media only screen and (min-width: 768px) and (max-width: 1024px) {
293 
+    // @media only screen and (min-width: 415px) and (max-width: 668px) {
294 
+    //   width: 40px;
295 
+    // }
296 
+    @media only screen and (min-width: 769px) and (max-width: 1024px) {
272 
       width: 40px;
 297 
       width: 40px;
273 
       margin: 10px auto 0;
 298 
       margin: 10px auto 0;
274 
     }
 299 
     }

+ 159 - 73
src/pages/main/WaitingArea.vue Visa fil

9 
             :class="select_index == i ? 'active' : ''"
 9 
             :class="select_index == i ? 'active' : ''"
10 
             @click="menuTabClick(i)"
 10 
             @click="menuTabClick(i)"
11 
             :key="i"
 11 
             :key="i"
12 
-          >{{ item.label + (item.count > 0 ? "(" + item.count + ")" : "") }}</li>
13 
-
14 
-          <el-popover v-model="zone_options_visible" placement="bottom" trigger="click">
12 
+          >
13 
+            {{ item.label + (item.count > 0 ? "(" + item.count + ")" : "") }}
14 
+          </li>
15 
+
16 
+          <el-popover
17 
+            v-model="zone_options_visible"
18 
+            placement="bottom"
19 
+            trigger="click"
20 
+          >
15 
             <li slot="reference">
 21 
             <li slot="reference">
16 
-              {{ zone_options[zone_selected].text
17 
-              }}
22 
+              {{ zone_options[zone_selected].text }}
18 
               <span class="iconfont">&#xe74a;</span>
 23 
               <span class="iconfont">&#xe74a;</span>
19 
             </li>
 24 
             </li>
20 
             <div class="popover-demo-content">
 25 
             <div class="popover-demo-content">
22 
                 <li
 27 
                 <li
23 
                   v-for="(option, index) in zone_options"
 28 
                   v-for="(option, index) in zone_options"
24 
                   :key="index"
 29 
                   :key="index"
25 
-                  @click="handleZoneChange(index,option)"
30 
+                  @click="handleZoneChange(index, option)"
26 
                   :class="zone_selected == index ? 'tick' : ''"
 31 
                   :class="zone_selected == index ? 'tick' : ''"
27 
-                >{{ option.text }}</li>
32 
+                >
33 
+                  {{ option.text }}
34 
+                </li>
28 
               </ul>
 35 
               </ul>
29 
             </div>
 36 
             </div>
30 
           </el-popover>
 37 
           </el-popover>
31
38
32 
-          <el-popover v-model="time_options_visible" placement="bottom" trigger="click">
39 
+          <el-popover
40 
+            v-model="time_options_visible"
41 
+            placement="bottom"
42 
+            trigger="click"
43 
+          >
33 
             <li slot="reference">
 44 
             <li slot="reference">
34 
-              {{ time_options[time_selected].text
35 
-              }}
45 
+              {{ time_options[time_selected].text }}
36 
               <span class="iconfont">&#xe74a;</span>
 46 
               <span class="iconfont">&#xe74a;</span>
37 
             </li>
 47 
             </li>
38 
             <div class="popover-demo-content">
 48 
             <div class="popover-demo-content">
42 
                   :key="index"
 52 
                   :key="index"
43 
                   @click="handleTimeChange(index)"
 53 
                   @click="handleTimeChange(index)"
44 
                   :class="time_selected == index ? 'tick' : ''"
 54 
                   :class="time_selected == index ? 'tick' : ''"
45 
-                >{{ option.text }}</li>
55 
+                >
56 
+                  {{ option.text }}
57 
+                </li>
46 
               </ul>
 58 
               </ul>
47 
             </div>
 59 
             </div>
48 
           </el-popover>
 60 
           </el-popover>
52 
         <!-- <patient-box class="clearfix" :patients="filtedScheduals "></patient-box> -->
 64 
         <!-- <patient-box class="clearfix" :patients="filtedScheduals "></patient-box> -->
53 
         <div v-for="(item, index) in filtedScheduals" :key="index">
 65 
         <div v-for="(item, index) in filtedScheduals" :key="index">
54 
           <h2 class="title">{{ item.zone_name }}</h2>
 66 
           <h2 class="title">{{ item.zone_name }}</h2>
55 
-          <patient-box class="clearfix" :patients="item.scheduals"></patient-box>
67 
+          <patient-box
68 
+            class="clearfix"
69 
+            :patients="item.scheduals"
70 
+          ></patient-box>
56 
         </div>
 71 
         </div>
57 
         <div class="NoData" v-if="filtedScheduals.length == 0 && networkStates">
 72 
         <div class="NoData" v-if="filtedScheduals.length == 0 && networkStates">
58 
-          <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
73 
+          <img
74 
+            style="margin-top: 50px; margin-bottom: 50px"
75 
+            src="@/assets/login/data.jpg"
76 
+            alt
77 
+          />
59 
         </div>
 78 
         </div>
60
79
61 
-        <div class="NoData" v-if="!networkStates" style="display: block;text-align: center;">
80 
+        <div
81 
+          class="NoData"
82 
+          v-if="!networkStates"
83 
+          style="display: block;text-align: center;"
84 
+        >
62 
           <!--<img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/no_network.jpg" alt="">-->
 85 
           <!--<img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/no_network.jpg" alt="">-->
63 
-          <p style="margin-top: 100px;font-size: 18px">网络异常，请点击重新加载</p>
86 
+          <p style="margin-top: 100px;font-size: 18px">
87 
+            网络异常，请点击重新加载
88 
+          </p>
64 
           <van-button
 89 
           <van-button
65 
             slot="button"
 90 
             slot="button"
66 
             size="normal"
 91 
             size="normal"
67 
             type="info"
 92 
             type="info"
68 
             style="display:block;margin:0 auto"
 93 
             style="display:block;margin:0 auto"
69 
             @click="reloads()"
 94 
             @click="reloads()"
70 
-          >重新加载</van-button>
95 
+            >重新加载</van-button
96 
+          >
71 
         </div>
 97 
         </div>
72 
       </div>
 98 
       </div>
73 
     </div>
 99 
     </div>
134 
   },
 160 
   },
135 
   computed: {
 161 
   computed: {
136 
     filtedScheduals: function() {
 162 
     filtedScheduals: function() {
137 
-
138 
       var search_keyword = this.search_keyword;
 163 
       var search_keyword = this.search_keyword;
139 
       if (this.search_keyword.length > 0) {
 164 
       if (this.search_keyword.length > 0) {
140 
         var scheduals = [];
 165 
         var scheduals = [];
151 
       }
 176 
       }
152 
       //
 177 
       //
153 
       if (this.zone_selected != 0) {
 178 
       if (this.zone_selected != 0) {
154 
-
155 
         // var zone_name = this.zone_options[this.zone_selected].text
 179 
         // var zone_name = this.zone_options[this.zone_selected].text
156 
         // for (let index = 0; index < this.zone_scheduals.length; index++) {
 180 
         // for (let index = 0; index < this.zone_scheduals.length; index++) {
157 
         //   const zone_scheduals = this.zone_scheduals[index]
 181 
         //   const zone_scheduals = this.zone_scheduals[index]
159 
         //     return [zone_scheduals]
 183 
         //     return [zone_scheduals]
160 
         //   }
 184 
         //   }
161 
         // }
 185 
         // }
162 
-        var zone_name = this.zone_options[this.zone_selected].text
186 
+        var zone_name = this.zone_options[this.zone_selected].text;
163 
         var schedules = [];
 187 
         var schedules = [];
164 
         var filtedSchedules = [];
 188 
         var filtedSchedules = [];
165 
         for (let o_i = 0; o_i < this.zone_scheduals.length; o_i++) {
 189 
         for (let o_i = 0; o_i < this.zone_scheduals.length; o_i++) {
166 
           const scheduleInfo = this.zone_scheduals[o_i];
 190 
           const scheduleInfo = this.zone_scheduals[o_i];
167 
           var originSchedules = scheduleInfo.scheduals;
 191 
           var originSchedules = scheduleInfo.scheduals;
168 
-
192 
+
169 
           for (let s_i = 0; s_i < originSchedules.length; s_i++) {
 193 
           for (let s_i = 0; s_i < originSchedules.length; s_i++) {
170 
             const schedule = originSchedules[s_i];
 194 
             const schedule = originSchedules[s_i];
171 
-            if(this.zone_selected == 0){
172 
-              if (this.time_selected == 0 || schedule.schedule_type == this.time_selected) {
195 
+            if (this.zone_selected == 0) {
196 
+              if (
197 
+                this.time_selected == 0 ||
198 
+                schedule.schedule_type == this.time_selected
199 
+              ) {
173 
                 filtedSchedules.push(schedule);
 200 
                 filtedSchedules.push(schedule);
174 
               }
 201 
               }
175 
-            }else{
176 
-              if ((zone_name.length > 0 && zone_name == schedule.device_number.zone.name)) {
177 
-                if (this.time_selected == 0 || schedule.schedule_type == this.time_selected) {
202 
+            } else {
203 
+              if (
204 
+                zone_name.length > 0 &&
205 
+                zone_name == schedule.device_number.zone.name
206 
+              ) {
207 
+                if (
208 
+                  this.time_selected == 0 ||
209 
+                  schedule.schedule_type == this.time_selected
210 
+                ) {
178 
                   filtedSchedules.push(schedule);
 211 
                   filtedSchedules.push(schedule);
179 
                 }
 212 
                 }
180 
               }
 213 
               }
187 
           //   });
 220 
           //   });
188 
           // }
 221 
           // }
189 
         }
 222 
         }
190 
-        console.log(filtedSchedules)
223 
+        console.log(filtedSchedules);
191 
         return this.processScheduals(filtedSchedules);
 224 
         return this.processScheduals(filtedSchedules);
192 
       }
 225 
       }
193
226
194 
       if (this.time_selected != 0) {
 227 
       if (this.time_selected != 0) {
195 
-        var zone_name = this.zone_options[this.zone_selected].text
228 
+        var zone_name = this.zone_options[this.zone_selected].text;
196 
         var schedules = [];
 229 
         var schedules = [];
197 
         var filtedSchedules = [];
 230 
         var filtedSchedules = [];
198 
         for (let o_i = 0; o_i < this.zone_scheduals.length; o_i++) {
 231 
         for (let o_i = 0; o_i < this.zone_scheduals.length; o_i++) {
199 
           const scheduleInfo = this.zone_scheduals[o_i];
 232 
           const scheduleInfo = this.zone_scheduals[o_i];
200 
           var originSchedules = scheduleInfo.scheduals;
 233 
           var originSchedules = scheduleInfo.scheduals;
201 
-
234 
+
202 
           for (let s_i = 0; s_i < originSchedules.length; s_i++) {
 235 
           for (let s_i = 0; s_i < originSchedules.length; s_i++) {
203 
             const schedule = originSchedules[s_i];
 236 
             const schedule = originSchedules[s_i];
204 
-            if(this.zone_selected == 0){
205 
-              if (this.time_selected == 0 || schedule.schedule_type == this.time_selected) {
237 
+            if (this.zone_selected == 0) {
238 
+              if (
239 
+                this.time_selected == 0 ||
240 
+                schedule.schedule_type == this.time_selected
241 
+              ) {
206 
                 filtedSchedules.push(schedule);
 242 
                 filtedSchedules.push(schedule);
207 
               }
 243 
               }
208 
-
209 
-            }else{
210 
-              if ((zone_name.length > 0 && zone_name == schedule.device_number.zone.name)) {
211 
-                if (this.time_selected == 0 || schedule.schedule_type == this.time_selected) {
244 
+            } else {
245 
+              if (
246 
+                zone_name.length > 0 &&
247 
+                zone_name == schedule.device_number.zone.name
248 
+              ) {
249 
+                if (
250 
+                  this.time_selected == 0 ||
251 
+                  schedule.schedule_type == this.time_selected
252 
+                ) {
212 
                   filtedSchedules.push(schedule);
 253 
                   filtedSchedules.push(schedule);
213 
                 }
 254 
                 }
214 
               }
 255 
               }
221 
           //   });
 262 
           //   });
222 
           // }
 263 
           // }
223 
         }
 264 
         }
224 
-        console.log(filtedSchedules)
265 
+        console.log(filtedSchedules);
225 
         return this.processScheduals(filtedSchedules);
 266 
         return this.processScheduals(filtedSchedules);
226 
       }
 267 
       }
227
268
230 
       var assessment_before_dislysis_count = 0;
 271 
       var assessment_before_dislysis_count = 0;
231 
       var prescription_count = 0;
 272 
       var prescription_count = 0;
232 
       if (zone_selected != 0 || timetype_selected != 0) {
 273 
       if (zone_selected != 0 || timetype_selected != 0) {
233 
-        var zone_name = zone_selected == 0 ? "" : this.zone_options[zone_selected].text;
274 
+        var zone_name =
275 
+          zone_selected == 0 ? "" : this.zone_options[zone_selected].text;
234 
         var schedules = [];
 276 
         var schedules = [];
235 
         var filtedSchedules = [];
 277 
         var filtedSchedules = [];
236 
         for (let o_i = 0; o_i < this.zone_scheduals.length; o_i++) {
 278 
         for (let o_i = 0; o_i < this.zone_scheduals.length; o_i++) {
237 
           const scheduleInfo = this.zone_scheduals[o_i];
 279 
           const scheduleInfo = this.zone_scheduals[o_i];
238 
           var originSchedules = scheduleInfo.scheduals;
 280 
           var originSchedules = scheduleInfo.scheduals;
239 
-
281 
+
240 
           for (let s_i = 0; s_i < originSchedules.length; s_i++) {
 282 
           for (let s_i = 0; s_i < originSchedules.length; s_i++) {
241 
             const schedule = originSchedules[s_i];
 283 
             const schedule = originSchedules[s_i];
242 
-            if ( zone_name.length == 0 || (zone_name.length > 0 && zone_name == schedule.device_number.zone.name)) {
243 
-              if ( timetype_selected == 0 ||  schedule.schedule_type == timetype_selected ) {
284 
+            if (
285 
+              zone_name.length == 0 ||
286 
+              (zone_name.length > 0 &&
287 
+                zone_name == schedule.device_number.zone.name)
288 
+            ) {
289 
+              if (
290 
+                timetype_selected == 0 ||
291 
+                schedule.schedule_type == timetype_selected
292 
+              ) {
244 
                 filtedSchedules.push(schedule);
 293 
                 filtedSchedules.push(schedule);
245 
               }
 294 
               }
246 
             }
 295 
             }
253 
           // }
 302 
           // }
254 
         }
 303 
         }
255
304
256 
-        console.log(filtedSchedules)
305 
+        console.log(filtedSchedules);
257 
         return this.processScheduals(filtedSchedules);
 306 
         return this.processScheduals(filtedSchedules);
258
307
259 
         if (this.select_index == 2) {
 308 
         if (this.select_index == 2) {
260 
           var scheduals = [];
 309 
           var scheduals = [];
261 
           for (let index = 0; index < this.scheduals.length; index++) {
 310 
           for (let index = 0; index < this.scheduals.length; index++) {
262 
             const schedual = this.scheduals[index];
 311 
             const schedual = this.scheduals[index];
263 
-            if (schedual.assessment_before_dislysis == null || schedual.assessment_before_dislysis.weight_before == 0) {
264 
-              if(this.cur_zone_selected > 0 && schedual.device_number.zone.id != this.cur_zone_selected) {
265 
-                continue
312 
+            if (
313 
+              schedual.assessment_before_dislysis == null ||
314 
+              schedual.assessment_before_dislysis.weight_before == 0
315 
+            ) {
316 
+              if (
317 
+                this.cur_zone_selected > 0 &&
318 
+                schedual.device_number.zone.id != this.cur_zone_selected
319 
+              ) {
320 
+                continue;
266 
               }
 321 
               }
267 
-              if(timetype_selected > 0 && schedual.schedule_type != timetype_selected) {
268 
-                continue
322 
+              if (
323 
+                timetype_selected > 0 &&
324 
+                schedual.schedule_type != timetype_selected
325 
+              ) {
326 
+                continue;
269 
               }
 327 
               }
270 
               scheduals.push(schedual);
 328 
               scheduals.push(schedual);
271 
             }
 329 
             }
276 
           var scheduals = [];
 334 
           var scheduals = [];
277 
           for (let index = 0; index < this.scheduals.length; index++) {
 335 
           for (let index = 0; index < this.scheduals.length; index++) {
278 
             const schedual = this.scheduals[index];
 336 
             const schedual = this.scheduals[index];
279 
-            if (schedual.prescription == null || schedual.prescription.creater == 0) {
280 
-              if(this.cur_zone_selected > 0 && schedual.device_number.zone.id != this.cur_zone_selected) {
281 
-                continue
337 
+            if (
338 
+              schedual.prescription == null ||
339 
+              schedual.prescription.creater == 0
340 
+            ) {
341 
+              if (
342 
+                this.cur_zone_selected > 0 &&
343 
+                schedual.device_number.zone.id != this.cur_zone_selected
344 
+              ) {
345 
+                continue;
282 
               }
 346 
               }
283 
-              if(timetype_selected > 0 && schedual.schedule_type != timetype_selected) {
284 
-                continue
347 
+              if (
348 
+                timetype_selected > 0 &&
349 
+                schedual.schedule_type != timetype_selected
350 
+              ) {
351 
+                continue;
285 
               }
 352 
               }
286 
               scheduals.push(schedual);
 353 
               scheduals.push(schedual);
287 
             }
 354 
             }
294 
           for (let index = 0; index < this.scheduals.length; index++) {
 361 
           for (let index = 0; index < this.scheduals.length; index++) {
295 
             const schedual = this.scheduals[index];
 362 
             const schedual = this.scheduals[index];
296 
             if (schedual.dialysis_order == null) {
 363 
             if (schedual.dialysis_order == null) {
297 
-              if(this.cur_zone_selected > 0 && schedual.device_number.zone.id != this.cur_zone_selected) {
298 
-                continue
364 
+              if (
365 
+                this.cur_zone_selected > 0 &&
366 
+                schedual.device_number.zone.id != this.cur_zone_selected
367 
+              ) {
368 
+                continue;
299 
               }
 369 
               }
300 
-              if(timetype_selected > 0 && schedual.schedule_type != timetype_selected) {
301 
-                continue
370 
+              if (
371 
+                timetype_selected > 0 &&
372 
+                schedual.schedule_type != timetype_selected
373 
+              ) {
374 
+                continue;
302 
               }
 375 
               }
303 
               scheduals.push(schedual);
 376 
               scheduals.push(schedual);
304 
             }
 377 
             }
312 
         var scheduals = [];
 385 
         var scheduals = [];
313 
         for (let index = 0; index < this.scheduals.length; index++) {
 386 
         for (let index = 0; index < this.scheduals.length; index++) {
314 
           const schedual = this.scheduals[index];
 387 
           const schedual = this.scheduals[index];
315 
-          if (schedual.assessment_before_dislysis == null || schedual.assessment_before_dislysis.weight_before == 0) {
388 
+          if (
389 
+            schedual.assessment_before_dislysis == null ||
390 
+            schedual.assessment_before_dislysis.weight_before == 0
391 
+          ) {
316 
             scheduals.push(schedual);
 392 
             scheduals.push(schedual);
317 
           }
 393 
           }
318 
         }
 394 
         }
322 
         var scheduals = [];
 398 
         var scheduals = [];
323 
         for (let index = 0; index < this.scheduals.length; index++) {
 399 
         for (let index = 0; index < this.scheduals.length; index++) {
324 
           const schedual = this.scheduals[index];
 400 
           const schedual = this.scheduals[index];
325 
-          if (schedual.prescription == null || schedual.prescription.creater == 0) {
401 
+          if (
402 
+            schedual.prescription == null ||
403 
+            schedual.prescription.creater == 0
404 
+          ) {
326 
             scheduals.push(schedual);
 405 
             scheduals.push(schedual);
327 
           }
 406 
           }
328 
         }
 407 
         }
361 
     if (type != null) {
 440 
     if (type != null) {
362 
       this.select_index = parseInt(type);
 441 
       this.select_index = parseInt(type);
363 
     }
 442 
     }
364 
-
365 
-    var storedata = this.$store.getters.waitscheduals
366 
-    var scheduals = storedata.waitscheduals
443 
+
444 
+    var storedata = this.$store.getters.waitscheduals;
445 
+    var scheduals = storedata.waitscheduals;
367 
     if (Object.keys(storedata).length > 0) {
 446 
     if (Object.keys(storedata).length > 0) {
368 
       var totalCount = scheduals.length;
 447 
       var totalCount = scheduals.length;
369 
       var prescription_count = 0;
 448 
       var prescription_count = 0;
395 
   beforeDestroy() {
 474 
   beforeDestroy() {
396 
     clearInterval(this.timer);
 475 
     clearInterval(this.timer);
397 
     this.timer = null;
 476 
     this.timer = null;
398 
-    this.$once('hook:beforeDestroy', () => {
477 
+    this.$once("hook:beforeDestroy", () => {
399 
       clearInterval(this.timer);
 478 
       clearInterval(this.timer);
400 
-    })
479 
+    });
401 
   },
 480 
   },
402 
   methods: {
 481 
   methods: {
403 
     processScheduals: function(scheduals) {
 482 
     processScheduals: function(scheduals) {
411 
           schedualMap[schedual.device_number.zone.id] = [];
 490 
           schedualMap[schedual.device_number.zone.id] = [];
412 
         }
 491 
         }
413 
         if (this.select_index == 1) {
 492 
         if (this.select_index == 1) {
414 
-            if(schedual.prescription == null || schedual.prescription.creater == 0){
493 
+          if (
494 
+            schedual.prescription == null ||
495 
+            schedual.prescription.creater == 0
496 
+          ) {
415 
             schedualMap[schedual.device_number.zone.id].push(schedual);
 497 
             schedualMap[schedual.device_number.zone.id].push(schedual);
416 
-            prescription_count++
498 
+            prescription_count++;
417 
           }
 499 
           }
418 
-        } else if (this.select_index == 2){
419 
-            if(schedual.assessment_before_dislysis == null || schedual.assessment_before_dislysis.weight_before == 0){
500 
+        } else if (this.select_index == 2) {
501 
+          if (
502 
+            schedual.assessment_before_dislysis == null ||
503 
+            schedual.assessment_before_dislysis.weight_before == 0
504 
+          ) {
420 
             schedualMap[schedual.device_number.zone.id].push(schedual);
 505 
             schedualMap[schedual.device_number.zone.id].push(schedual);
421 
-            assessment_before_dislysis_count++
506 
+            assessment_before_dislysis_count++;
422 
           }
 507 
           }
423 
         } else {
 508 
         } else {
424 
-          if(schedual.dialysis_order == null){
509 
+          if (schedual.dialysis_order == null) {
425 
             schedualMap[schedual.device_number.zone.id].push(schedual);
 510 
             schedualMap[schedual.device_number.zone.id].push(schedual);
426 
           }
 511 
           }
427 
         }
 512 
         }
437 
         this.menuList[2].count = assessment_before_dislysis_count;
 522 
         this.menuList[2].count = assessment_before_dislysis_count;
438 
       }
 523 
       }
439
524
440 
-
441 
       var zones = [];
 525 
       var zones = [];
442 
       // zones.push({ value: 0, text: "全部分区" })
 526 
       // zones.push({ value: 0, text: "全部分区" })
443 
       for (var zoneId in zoneMap) {
 527 
       for (var zoneId in zoneMap) {
479 
       setSelectedTimesDataConfigList(this.time_selected);
 563 
       setSelectedTimesDataConfigList(this.time_selected);
480 
       setWaitTypeSelectedConfig(tabIndex);
 564 
       setWaitTypeSelectedConfig(tabIndex);
481 
     },
 565 
     },
482 
-    handleZoneChange: function(index,zone) {
566 
+    handleZoneChange: function(index, zone) {
483 
       this.zone_options_visible = false;
 567 
       this.zone_options_visible = false;
484 
       this.zone_selected = index;
 568 
       this.zone_selected = index;
485 
-      this.cur_zone_selected = zone.value
569 
+      this.cur_zone_selected = zone.value;
486 
       // this.select_index = -1;
 570 
       // this.select_index = -1;
487 
       setSelectedAreaDataConfigList(index.toString());
 571 
       setSelectedAreaDataConfigList(index.toString());
488 
     },
 572 
     },
503 
             this.loading = false;
 587 
             this.loading = false;
504
588
505 
             var scheduals = resp.data.scheduals;
 589 
             var scheduals = resp.data.scheduals;
506 
-            this.$store.dispatch("SetWaitScheduals",{waitscheduals:scheduals})
590 
+            this.$store.dispatch("SetWaitScheduals", {
591 
+              waitscheduals: scheduals
592 
+            });
507 
             var totalCount = scheduals.length;
 593 
             var totalCount = scheduals.length;
508 
             var prescription_count = 0;
 594 
             var prescription_count = 0;
509 
             var assessment_before_dislysis_count = 0;
 595 
             var assessment_before_dislysis_count = 0;
576 
 .screening {
 662 
 .screening {
577 
   border-bottom: 1px #e5e5e5 solid;
 663 
   border-bottom: 1px #e5e5e5 solid;
578 
   position: fixed;
 664 
   position: fixed;
579 
-  top: 122px;
580 
-  @media only screen and (min-width: 768px) and (max-width: 1024px) {
665 
+  top: 89px;
666 
+  @media only screen and (min-width: 813px) and (max-width: 1024px) {
581 
     top: 130px;
 667 
     top: 130px;
582 
   }
 668 
   }
583 
   right: 0;
 669 
   right: 0;

+ 11 - 4
src/pages/main/dialog/TwoMenu.vue Visa fil

7 
       <h1 class="name">{{ title }}</h1>
 7 
       <h1 class="name">{{ title }}</h1>
8 
       <!-- <span class="success" @click="handle_selected()">完成</span> -->
 8 
       <!-- <span class="success" @click="handle_selected()">完成</span> -->
9 
       <span v-if="type == 1" class="success"></span>
 9 
       <span v-if="type == 1" class="success"></span>
10 
-      <span v-if="type == 2" @click="handle_selected" class="success">确定</span>
10 
+      <span v-if="type == 2" @click="handle_selected" class="success"
11 
+        >确定</span
12 
+      >
11 
     </div>
 13 
     </div>
12
14
13 
     <div class="optionsBox" v-show="type == 1">
 15 
     <div class="optionsBox" v-show="type == 1">
28 
                 single.id_key.lenght == 0 ? item : item[single.id_key]
 30 
                 single.id_key.lenght == 0 ? item : item[single.id_key]
29 
               )
 31 
               )
30 
             "
 32 
             "
31 
-          >{{ single.show_key.lenght == 0 ? item : item[single.show_key] }}</li>
33 
+          >
34 
+            {{ single.show_key.lenght == 0 ? item : item[single.show_key] }}
35 
+          </li>
32 
         </ul>
 36 
         </ul>
33 
       </div>
 37 
       </div>
34 
     </div>
 38 
     </div>
42 
               v-for="(item, index) in mutable.options"
 46 
               v-for="(item, index) in mutable.options"
43 
               :key="index"
 47 
               :key="index"
44 
               :name="mutable.id_key.lenght == 0 ? item : item[mutable.id_key]"
 48 
               :name="mutable.id_key.lenght == 0 ? item : item[mutable.id_key]"
45 
-            >{{ mutable.show_key.lenght == 0 ? item : item[mutable.show_key] }}</van-checkbox>
49 
+              >{{
50 
+                mutable.show_key.lenght == 0 ? item : item[mutable.show_key]
51 
+              }}</van-checkbox
52 
+            >
46 
           </van-checkbox-group>
 53 
           </van-checkbox-group>
47 
         </li>
 54 
         </li>
48 
       </ul>
 55 
       </ul>
98 
       this.single.id_key = id_key;
 105 
       this.single.id_key = id_key;
99 
       this.handle_select = handle_select;
 106 
       this.handle_select = handle_select;
100 
       this.handle_hide = handle_hide;
 107 
       this.handle_hide = handle_hide;
101 
-      console.log( this.single.cur_id )
108 
+      console.log(this.single.cur_id);
102 
     },
 109 
     },
103 
     // showMutableSelect(list_options, selected_values, title, show_key, id_key, handle_select) {
 110 
     // showMutableSelect(list_options, selected_values, title, show_key, id_key, handle_select) {
104 
     //   this.show = true
 111 
     //   this.show = true

+ 65 - 61
src/pages/main/dialog/new_order/select_advice_template_dialog.vue Visa fil

20 
                 "
 20 
                 "
21 
                 class="select_all_btn"
 21 
                 class="select_all_btn"
22 
                 @click="selectTemplateAllAdviceAction(template)"
 22 
                 @click="selectTemplateAllAdviceAction(template)"
23 
-              >全选</div>
23 
+              >
24 
+                全选
25 
+              </div>
24 
               <div
 26 
               <div
25 
                 v-show="
 27 
                 v-show="
26 
                   isFold(template.id) && isTemplateSelectingAllAdvices(template)
 28 
                   isFold(template.id) && isTemplateSelectingAllAdvices(template)
27 
                 "
 29 
                 "
28 
                 class="select_all_btn"
 30 
                 class="select_all_btn"
29 
                 @click="cancelSelectTemplateAllAdviceAction(template)"
 31 
                 @click="cancelSelectTemplateAllAdviceAction(template)"
30 
-              >取消全选</div>
32 
+              >
33 
+                取消全选
34 
+              </div>
31
35
32 
               <span v-if="isFold(template.id)" class="iconfont">&#xe749;</span>
 36 
               <span v-if="isFold(template.id)" class="iconfont">&#xe749;</span>
33 
               <span v-if="!isFold(template.id)" class="iconfont">&#xe74a;</span>
 37 
               <span v-if="!isFold(template.id)" class="iconfont">&#xe74a;</span>
34 
-              <div @click="foldTemplateAction(template.id)" class="name">{{ template.name }}</div>
38 
+              <div @click="foldTemplateAction(template.id)" class="name">
39 
+                {{ template.name }}
40 
+              </div>
35 
             </div>
 41 
             </div>
36 
             <div
 42 
             <div
37 
               v-show="isFold(template.id)"
 43 
               v-show="isFold(template.id)"
47 
                   {{ advice.prescribing_number_unit }}
 53 
                   {{ advice.prescribing_number_unit }}
48 
                 </span>
 54 
                 </span>
49 
                 <span v-if="advice.single_dose">
 55 
                 <span v-if="advice.single_dose">
50 
-                  单次用量{{ advice.single_dose
51 
-                  }}{{ advice.single_dose_unit }}
56 
+                  单次用量{{ advice.single_dose }}{{ advice.single_dose_unit }}
52 
                 </span>
 57 
                 </span>
53 
               </span>
 58 
               </span>
54 
               <van-checkbox
 59 
               <van-checkbox
64 
                   {{ advice.prescribing_number_unit }}
 69 
                   {{ advice.prescribing_number_unit }}
65 
                 </span>
 70 
                 </span>
66 
                 <span v-if="advice.single_dose">
 71 
                 <span v-if="advice.single_dose">
67 
-                  单次用量{{ advice.single_dose
68 
-                  }}{{ advice.single_dose_unit }}
72 
+                  单次用量{{ advice.single_dose }}{{ advice.single_dose_unit }}
69 
                 </span>
 73 
                 </span>
70 
                 <span>{{ advice.delivery_way }}</span>
 74 
                 <span>{{ advice.delivery_way }}</span>
71 
                 <span>{{ advice.execution_frequency }}</span>
 75 
                 <span>{{ advice.execution_frequency }}</span>
81
85
82 
 <script>
 86 
 <script>
83 
 export default {
 87 
 export default {
84 
-  name: 'SelectAdviceTemplate',
88 
+  name: "SelectAdviceTemplate",
85 
   props: {
 89 
   props: {
86 
     visibility: {
 90 
     visibility: {
87 
       type: Boolean,
 91 
       type: Boolean,
90 
     templates: {
 94 
     templates: {
91 
       type: Array,
 95 
       type: Array,
92 
       default: () => {
 96 
       default: () => {
93 
-        return []
97 
+        return [];
94 
       }
 98 
       }
95 
     }
 99 
     }
96 
   },
 100 
   },
97 
-  data () {
101 
+  data() {
98 
     return {
 102 
     return {
99 
       fold_template_ids: [],
 103 
       fold_template_ids: [],
100 
       selecting_advice_ids: []
 104 
       selecting_advice_ids: []
101 
-    }
105 
+    };
102 
   },
 106 
   },
103 
   methods: {
 107 
   methods: {
104 
-    backAction: function () {
105 
-      this.$emit('back')
108 
+    backAction: function() {
109 
+      this.$emit("back");
106 
     },
 110 
     },
107 
-    foldTemplateAction: function (template_id) {
111 
+    foldTemplateAction: function(template_id) {
108 
       for (let index = 0; index < this.fold_template_ids.length; index++) {
 112 
       for (let index = 0; index < this.fold_template_ids.length; index++) {
109 
         if (this.fold_template_ids[index] == template_id) {
 113 
         if (this.fold_template_ids[index] == template_id) {
110 
-          this.fold_template_ids.splice(index, 1)
111 
-          return
114 
+          this.fold_template_ids.splice(index, 1);
115 
+          return;
112 
         }
 116 
         }
113 
       }
 117 
       }
114 
-      this.fold_template_ids.push(template_id)
118 
+      this.fold_template_ids.push(template_id);
115 
     },
 119 
     },
116 
-    selectAdviceAction: function (template, advice) {
117 
-      var isCancelSelect = false
120 
+    selectAdviceAction: function(template, advice) {
121 
+      var isCancelSelect = false;
118 
       for (let index = 0; index < this.selecting_advice_ids.length; index++) {
 122 
       for (let index = 0; index < this.selecting_advice_ids.length; index++) {
119 
         if (this.selecting_advice_ids[index].advice_id == advice.id) {
 123 
         if (this.selecting_advice_ids[index].advice_id == advice.id) {
120 
-          this.selecting_advice_ids.splice(index, 1)
121 
-          isCancelSelect = true
122 
-          break
124 
+          this.selecting_advice_ids.splice(index, 1);
125 
+          isCancelSelect = true;
126 
+          break;
123 
         }
 127 
         }
124 
       }
 128 
       }
125 
       if (!isCancelSelect) {
 129 
       if (!isCancelSelect) {
126 
         this.selecting_advice_ids.push({
 130 
         this.selecting_advice_ids.push({
127 
           template_id: template.id,
 131 
           template_id: template.id,
128 
           advice_id: advice.id
 132 
           advice_id: advice.id
129 
-        })
133 
+        });
130 
       }
 134 
       }
131 
     },
 135 
     },
132 
-    selectTemplateAllAdviceAction: function (template) {
136 
+    selectTemplateAllAdviceAction: function(template) {
133 
       for (
 137 
       for (
134 
         let index = 0;
 138 
         let index = 0;
135 
         index < template.DoctorAdviceTemplate.length;
 139 
         index < template.DoctorAdviceTemplate.length;
136 
         index++
 140 
         index++
137 
       ) {
 141 
       ) {
138 
-        const advice = template.DoctorAdviceTemplate[index]
142 
+        const advice = template.DoctorAdviceTemplate[index];
139 
         if (advice.parent_id > 0) {
 143 
         if (advice.parent_id > 0) {
140 
-          continue
144 
+          continue;
141 
         }
 145 
         }
142 
-        var didSelect = false
146 
+        var didSelect = false;
143 
         for (
 147 
         for (
144 
           let s_a_index = 0;
 148 
           let s_a_index = 0;
145 
           s_a_index < this.selecting_advice_ids.length;
 149 
           s_a_index < this.selecting_advice_ids.length;
146 
           s_a_index++
 150 
           s_a_index++
147 
         ) {
 151 
         ) {
148 
           if (this.selecting_advice_ids[s_a_index].advice_id == advice.id) {
 152 
           if (this.selecting_advice_ids[s_a_index].advice_id == advice.id) {
149 
-            didSelect = true
150 
-            break
153 
+            didSelect = true;
154 
+            break;
151 
           }
 155 
           }
152 
         }
 156 
         }
153 
         if (!didSelect) {
 157 
         if (!didSelect) {
154 
           this.selecting_advice_ids.push({
 158 
           this.selecting_advice_ids.push({
155 
             template_id: template.id,
 159 
             template_id: template.id,
156 
             advice_id: advice.id
 160 
             advice_id: advice.id
157 
-          })
161 
+          });
158 
         }
 162 
         }
159 
       }
 163 
       }
160 
     },
 164 
     },
161 
-    cancelSelectTemplateAllAdviceAction: function (template) {
165 
+    cancelSelectTemplateAllAdviceAction: function(template) {
162 
       for (
 166 
       for (
163 
         let index = this.selecting_advice_ids.length - 1;
 167 
         let index = this.selecting_advice_ids.length - 1;
164 
         index >= 0;
 168 
         index >= 0;
165 
         index--
 169 
         index--
166 
       ) {
 170 
       ) {
167 
         if (this.selecting_advice_ids[index].template_id == template.id) {
 171 
         if (this.selecting_advice_ids[index].template_id == template.id) {
168 
-          this.selecting_advice_ids.splice(index, 1)
172 
+          this.selecting_advice_ids.splice(index, 1);
169 
         }
 173 
         }
170 
       }
 174 
       }
171 
     },
 175 
     },
172 
-    submitAction: function () {
173 
-      var advices = []
176 
+    submitAction: function() {
177 
+      var advices = [];
174 
       // WAIN: 效率低，可以通过在 selecting_advice_ids 加上 template_index 和 advice_index 字段来消除 this.templates 的循环
 178 
       // WAIN: 效率低，可以通过在 selecting_advice_ids 加上 template_index 和 advice_index 字段来消除 this.templates 的循环
175 
       for (let t_a_i = 0; t_a_i < this.selecting_advice_ids.length; t_a_i++) {
 179 
       for (let t_a_i = 0; t_a_i < this.selecting_advice_ids.length; t_a_i++) {
176 
-        const tpl_advice = this.selecting_advice_ids[t_a_i]
180 
+        const tpl_advice = this.selecting_advice_ids[t_a_i];
177 
         for (let t_i = 0; t_i < this.templates.length; t_i++) {
 181 
         for (let t_i = 0; t_i < this.templates.length; t_i++) {
178 
-          const tpl = this.templates[t_i]
182 
+          const tpl = this.templates[t_i];
179 
           if (tpl.id == tpl_advice.template_id) {
 183 
           if (tpl.id == tpl_advice.template_id) {
180 
-            var child_begin = false
184 
+            var child_begin = false;
181 
             for (let a_i = 0; a_i < tpl.DoctorAdviceTemplate.length; a_i++) {
 185 
             for (let a_i = 0; a_i < tpl.DoctorAdviceTemplate.length; a_i++) {
182 
-              const adv = tpl.DoctorAdviceTemplate[a_i]
186 
+              const adv = tpl.DoctorAdviceTemplate[a_i];
183 
               if (adv.id == tpl_advice.advice_id) {
 187 
               if (adv.id == tpl_advice.advice_id) {
184 
-                advices.push(adv)
185 
-                child_begin = true
188 
+                advices.push(adv);
189 
+                child_begin = true;
186 
               } else if (child_begin == true) {
 190 
               } else if (child_begin == true) {
187 
                 if (adv.parent_id == tpl_advice.advice_id) {
 191 
                 if (adv.parent_id == tpl_advice.advice_id) {
188 
-                  advices.push(adv)
192 
+                  advices.push(adv);
189 
                 } else {
 193 
                 } else {
190 
-                  break
194 
+                  break;
191 
                 }
 195 
                 }
192 
               }
 196 
               }
193 
             }
 197 
             }
194 
           }
 198 
           }
195 
         }
 199 
         }
196 
       }
 200 
       }
197 
-      this.$emit('finish', advices)
201 
+      this.$emit("finish", advices);
198
202
199 
       this.$nextTick(() => {
 203 
       this.$nextTick(() => {
200 
-        this.fold_template_ids = []
201 
-        this.selecting_advice_ids = []
202 
-      })
204 
+        this.fold_template_ids = [];
205 
+        this.selecting_advice_ids = [];
206 
+      });
203 
     },
 207 
     },
204
208
205 
-    isFold: function (template_id) {
209 
+    isFold: function(template_id) {
206 
       for (let index = 0; index < this.fold_template_ids.length; index++) {
 210 
       for (let index = 0; index < this.fold_template_ids.length; index++) {
207 
         if (this.fold_template_ids[index] == template_id) {
 211 
         if (this.fold_template_ids[index] == template_id) {
208 
-          return true
212 
+          return true;
209 
         }
 213 
         }
210 
       }
 214 
       }
211 
-      return false
215 
+      return false;
212 
     },
 216 
     },
213 
-    isAdviceSelecting: function (advice_id) {
217 
+    isAdviceSelecting: function(advice_id) {
214 
       for (let index = 0; index < this.selecting_advice_ids.length; index++) {
 218 
       for (let index = 0; index < this.selecting_advice_ids.length; index++) {
215 
         if (this.selecting_advice_ids[index].advice_id == advice_id) {
 219 
         if (this.selecting_advice_ids[index].advice_id == advice_id) {
216 
-          return true
220 
+          return true;
217 
         }
 221 
         }
218 
       }
 222 
       }
219 
-      return false
223 
+      return false;
220 
     },
 224 
     },
221 
-    isTemplateSelectingAllAdvices: function (template) {
222 
-      var count = 0
225 
+    isTemplateSelectingAllAdvices: function(template) {
226 
+      var count = 0;
223 
       for (let t_a_i = 0; t_a_i < this.selecting_advice_ids.length; t_a_i++) {
 227 
       for (let t_a_i = 0; t_a_i < this.selecting_advice_ids.length; t_a_i++) {
224 
         if (this.selecting_advice_ids[t_a_i].template_id == template.id) {
 228 
         if (this.selecting_advice_ids[t_a_i].template_id == template.id) {
225 
-          count++
229 
+          count++;
226 
         }
 230 
         }
227 
       }
 231 
       }
228
232
229 
-      var p_advice_count = 0
233 
+      var p_advice_count = 0;
230 
       for (
 234 
       for (
231 
         let index = 0;
 235 
         let index = 0;
232 
         index < template.DoctorAdviceTemplate.length;
 236 
         index < template.DoctorAdviceTemplate.length;
233 
         index++
 237 
         index++
234 
       ) {
 238 
       ) {
235 
         if (template.DoctorAdviceTemplate[index].parent_id == 0) {
 239 
         if (template.DoctorAdviceTemplate[index].parent_id == 0) {
236 
-          p_advice_count++
240 
+          p_advice_count++;
237 
         }
 241 
         }
238 
       }
 242 
       }
239 
       if (count < p_advice_count) {
 243 
       if (count < p_advice_count) {
240 
-        return false
244 
+        return false;
241 
       } else {
 245 
       } else {
242 
-        return true
246 
+        return true;
243 
       }
 247 
       }
244 
     }
 248 
     }
245 
   }
 249 
   }
246 
-}
250 
+};
247 
 </script>
 251 
 </script>
248
252
249 
 <style style="stylesheet/scss" lang="scss">
 253 
 <style style="stylesheet/scss" lang="scss">
252 
   max-height: 9.6rem;
 256 
   max-height: 9.6rem;
253 
   min-height: 5rem;
 257 
   min-height: 5rem;
254 
   overflow-y: scroll;
 258 
   overflow-y: scroll;
255 
-  @media only screen and (max-width: 812px) {
259 
+  @media only screen and (max-width: 811px) {
256 
     min-height: 17.8rem !important;
 260 
     min-height: 17.8rem !important;
257 
   }
 261 
   }
258 
   ul {
 262 
   ul {

+ 14 - 5
src/pages/main/dialog/subMenu/checkBoxSubMenu.vue Visa fil

5 
         <span class="iconfont">&#xe720;</span>返回
 5 
         <span class="iconfont">&#xe720;</span>返回
6 
       </div>
 6 
       </div>
7 
       <h1 class="name">{{ propsForm.title }}</h1>
 7 
       <h1 class="name">{{ propsForm.title }}</h1>
8 
-      <span v-if="propsForm.isMultiple == 1" @click="comfirm" class="success"></span>
9 
-      <span v-if="propsForm.isMultiple == 2" @click="comfirm" class="success">确定</span>
8 
+      <span
9 
+        v-if="propsForm.isMultiple == 1"
10 
+        @click="comfirm"
11 
+        class="success"
12 
+      ></span>
13 
+      <span v-if="propsForm.isMultiple == 2" @click="comfirm" class="success"
14 
+        >确定</span
15 
+      >
10 
     </div>
 16 
     </div>
11
17
12 
     <div v-if="propsForm.isMultiple == 1" class="optionsBox">
 18 
     <div v-if="propsForm.isMultiple == 1" class="optionsBox">
19 
             :key="item.id"
 25 
             :key="item.id"
20 
             value="item"
 26 
             value="item"
21 
             :class="propsForm.selectId == item.id ? 'tick' : ''"
 27 
             :class="propsForm.selectId == item.id ? 'tick' : ''"
22 
-          >{{ item.name }}</li>
28 
+          >
29 
+            {{ item.name }}
30 
+          </li>
23 
           <!--<li v-if="propsForm.isHasOther == 1 && this.$store.getters.user.template_info.template_id == 2" @click="itemClick(-1)"  :key="-1" value="-1" :class="propsForm.selectId == -1? 'tick':'' ">其他</li>-->
 31 
           <!--<li v-if="propsForm.isHasOther == 1 && this.$store.getters.user.template_info.template_id == 2" @click="itemClick(-1)"  :key="-1" value="-1" :class="propsForm.selectId == -1? 'tick':'' ">其他</li>-->
24 
         </ul>
 32 
         </ul>
25 
       </div>
 33 
       </div>
34 
               v-for="(item, index) in propsForm.list"
 42 
               v-for="(item, index) in propsForm.list"
35 
               :key="index"
 43 
               :key="index"
36 
               :name="item.name"
 44 
               :name="item.name"
37 
-            >{{ item.name }}</van-checkbox>
45 
+              >{{ item.name }}</van-checkbox
46 
+            >
38 
           </van-checkbox-group>
 47 
           </van-checkbox-group>
39 
         </li>
 48 
         </li>
40 
       </ul>
 49 
       </ul>
168 
     max-height: 16rem !important;
 177 
     max-height: 16rem !important;
169 
     min-height: 8rem !important;
 178 
     min-height: 8rem !important;
170 
   }
 179 
   }
171 
-  @media only screen and (min-width: 769px) and (max-width: 1024px) {
180 
+  @media only screen and (min-width: 813px) and (max-width: 1024px) {
172 
     max-height: 10.8rem !important;
 181 
     max-height: 10.8rem !important;
173 
   }
 182 
   }
174 
   ul {
 183 
   ul {

+ 7 - 7
src/pages/main/dialysis/AdviceTable.vue Visa fil

1441 
   padding-top: 36px;
 1441 
   padding-top: 36px;
1442 
   background: #fff;
 1442 
   background: #fff;
1443 
   min-height: calc(100vh - 200px);
 1443 
   min-height: calc(100vh - 200px);
1444 
-  @media only screen and (min-width: 376px) and (max-width: 668px) {
1445 
-    padding-top: 50px !important;
1446 
-  }
1447 
-  @media only screen and (min-width: 768px) and (max-width: 1024px) {
1444 
+  // @media only screen and (min-width: 376px) and (max-width: 668px) {
1445 
+  //   padding-top: 50px !important;
1446 
+  // }
1447 
+  @media only screen and (min-width: 813px) and (max-width: 1024px) {
1448 
     padding-top: 54px !important;
 1448 
     padding-top: 54px !important;
1449 
   }
 1449 
   }
1450 
   @media only screen and (min-width: 737px) and (max-width: 768px) {
 1450 
   @media only screen and (min-width: 737px) and (max-width: 768px) {
1451 
     padding-top: 76px !important;
 1451 
     padding-top: 76px !important;
1452 
   }
 1452 
   }
1453 
-  @media only screen and (min-width: 415px) and (max-width: 736px) {
1454 
-    padding-top: 48px !important;
1455 
-  }
1453 
+  // @media only screen and (min-width: 415px) and (max-width: 736px) {
1454 
+  //   padding-top: 48px !important;
1455 
+  // }
1456 
   .choice {
 1456 
   .choice {
1457 
     border-bottom: 1px #e5e5e5 solid;
 1457 
     border-bottom: 1px #e5e5e5 solid;
1458
1458

+ 58 - 16
src/pages/main/dialysis/CheckTab.vue Visa fil

10 
         >{{item.project_name}}</li>
 10 
         >{{item.project_name}}</li>
11 
       </ul>-->
 11 
       </ul>-->
12 
       <van-tabs v-model="active" @change="onClick">
 12 
       <van-tabs v-model="active" @change="onClick">
13 
-        <van-tab v-for="(item,i) in inspectionDate" :key="i" :title="item.project_name"></van-tab>
13 
+        <van-tab v-for="(item, i) in inspectionDate" :key="i" :title="item.project_name"></van-tab>
14 
       </van-tabs>
 14 
       </van-tabs>
15 
-      <!-- <van-tabs v-model="active">
15 
+      <!-- <van-tabs v-model="active" ref="one">
16 
         <van-tab title="标签 1">内容 1</van-tab>
 16 
         <van-tab title="标签 1">内容 1</van-tab>
17 
         <van-tab title="标签 2">内容 2</van-tab>
 17 
         <van-tab title="标签 2">内容 2</van-tab>
18 
         <van-tab title="标签 3">内容 3</van-tab>
 18 
         <van-tab title="标签 3">内容 3</van-tab>
29 
 <script>
 29 
 <script>
30 
 import { GetInspection } from "@/api/check";
 30 
 import { GetInspection } from "@/api/check";
31 
 import InspectionItemTable from "./InspectionItemTable";
 31 
 import InspectionItemTable from "./InspectionItemTable";
32 
+import $ from "jquery";
32
33
33 
 export default {
 34 
 export default {
34 
   name: "CheckTab",
 35 
   name: "CheckTab",
35 
   created() {
 36 
   created() {
36 
     this.patient = this.$route.query.patient_id;
 37 
     this.patient = this.$route.query.patient_id;
37 
     this.GetList();
 38 
     this.GetList();
38 
-  },
39 
-  mounted() {
40 
-    this.active = 0;
39 
+
40 
+    this.$nextTick(() => {
41 
+      if (this.active === 0) {
42 
+        console.log();
43 
+        $(".van-tabs__line").addClass("intro");
44 
+      }
45 
+    });
41 
   },
 46 
   },
42 
   data() {
 47 
   data() {
43 
     return {
 48 
     return {
63 
       GetInspection(params).then(response => {
 68 
       GetInspection(params).then(response => {
64 
         this.inspectionDate = [];
 69 
         this.inspectionDate = [];
65 
         if (response.data.state == 1) {
 70 
         if (response.data.state == 1) {
66 
-          console.log(this.$refs.item);
71 
+          // console.log(this.$refs.item);
67 
           this.inspectionDate = response.data.data.reference;
 72 
           this.inspectionDate = response.data.data.reference;
68 
           this.$refs.item.GetList(1, this.inspectionDate[0]);
 73 
           this.$refs.item.GetList(1, this.inspectionDate[0]);
69 
         }
 74 
         }
72 
     onClick(num, title) {
 77 
     onClick(num, title) {
73 
       // console.log(this.inspectionDate);
 78 
       // console.log(this.inspectionDate);
74 
       // console.log(num);
 79 
       // console.log(num);
75 
-      console.log(this.$refs.item);
80 
+      // console.log(this.$refs.item);
81 
+      if ($(".van-tabs__line").is(".intro")) {
82 
+        $(".van-tabs__line").removeClass("intro");
83 
+      }
76
84
77 
       this.inspectionDate.map((items, i) => {
 85 
       this.inspectionDate.map((items, i) => {
78 
         if (num == i) {
 86 
         if (num == i) {
91 
   background: #fff;
 99 
   background: #fff;
92 
   position: fixed;
 100 
   position: fixed;
93 
   top: 76px;
 101 
   top: 76px;
94 
-  @media only screen and (min-width: 376px) and (max-width: 668px) {
95 
-    top: 84px !important;
96 
-  }
97 
-  @media only screen and (min-width: 415px) and (max-width: 736px) {
98 
-    top: 88px !important;
102 
+  // @media only screen and (min-width: 376px) and (max-width: 668px) {
103 
+  //   top: 84px !important;
104 
+  // }
105 
+  // @media only screen and (min-width: 415px) and (max-width: 736px) {
106 
+  //   top: 88px !important;
107 
+  // }
108 
+  @media only screen and (max-width: 812px) {
109 
+    top: 76px !important;
99 
   }
 110 
   }
100 
-  @media only screen and (min-width: 768px) and (max-width: 1024px) {
111 
+  @media only screen and (min-width: 813px) and (max-width: 1024px) {
101 
     top: 117px !important;
 112 
     top: 117px !important;
102 
   }
 113 
   }
103 
   @media only screen and (min-width: 1024px) {
 114 
   @media only screen and (min-width: 1024px) {
138 
   }
 149 
   }
139 
 }
 150 
 }
140 
 </style>
 151 
 </style>
141 
-
142 
-
143 
-
152 
+<style lang="scss">
153 
+.intro {
154 
+  width: 41px !important;
155 
+  transform: translateX(20.5px) !important;
156 
+  @media only screen and (min-width: 415px) and (max-width: 668px) {
157 
+    width: 73px !important;
158 
+    transform: translateX(36.5px) !important;
159 
+  }
160 
+  @media only screen and (min-width: 376px) and (max-width: 415px) {
161 
+    width: 45.5px !important;
162 
+    transform: translateX(22.75px) !important;
163 
+  }
164 
+  @media only screen and (min-width: 668px) and (max-width: 735px) {
165 
+    width: 45.5px !important;
166 
+    transform: translateX(22.75px) !important;
167 
+  }
168 
+  @media only screen and (min-width: 668px) and (max-width: 736px) {
169 
+    width: 81px !important;
170 
+    transform: translateX(40.5px) !important;
171 
+  }
172 
+  @media only screen and (min-width: 737px) and (max-width: 812px) {
173 
+    width: 89px !important;
174 
+    transform: translateX(44.5px) !important;
175 
+  }
176 
+  @media only screen and (min-width: 813px) and (max-width: 1024px) {
177 
+    width: 113px !important;
178 
+    transform: translateX(56.5px) !important;
179 
+  }
180 
+  @media only screen and (min-width: 1025px) {
181 
+    width: 150.5px !important;
182 
+    transform: translateX(75.25px) !important;
183 
+  }
184 
+}
185 
+</style>

+ 23 - 19
src/pages/main/dialysis/DialysisTab.vue Visa fil

3 
     <div class="nav">
 3 
     <div class="nav">
4 
       <ul>
 4 
       <ul>
5 
         <li
 5 
         <li
6 
-          v-for="(item,i) in ['长期透析处方','透析记录','排班信息','宣教信息']"
6 
+          v-for="(item, i) in [
7 
+            '长期透析处方',
8 
+            '透析记录',
9 
+            '排班信息',
10 
+            '宣教信息'
11 
+          ]"
7 
           :key="i"
 12 
           :key="i"
8 
-          :class="index == i? 'active':'' "
13 
+          :class="index == i ? 'active' : ''"
9 
           @click="ClickTab(i)"
 14 
           @click="ClickTab(i)"
10 
-        >{{item}}</li>
15 
+        >{{ item }}</li>
11 
       </ul>
 16 
       </ul>
12 
     </div>
 17 
     </div>
13
18
14 
     <div class="tab-content">
 19 
     <div class="tab-content">
15 
-      <long-table v-show="index==0" title="长期透析处方"></long-table>
16 
-      <record-table v-show="index==1" title="透析记录"></record-table>
20 
+      <long-table v-show="index == 0" title="长期透析处方"></long-table>
21 
+      <record-table v-show="index == 1" title="透析记录"></record-table>
17 
       <!--<advice-table v-show="index==2" title="医嘱信息"></advice-table>-->
 22 
       <!--<advice-table v-show="index==2" title="医嘱信息"></advice-table>-->
18 
-      <schedul-table v-show="index==2" class="排班信息"></schedul-table>
19 
-      <mission-table v-show="index==3" class="宣教信息"></mission-table>
23 
+      <schedul-table v-show="index == 2" class="排班信息"></schedul-table>
24 
+      <mission-table v-show="index == 3" class="宣教信息"></mission-table>
20 
     </div>
 25 
     </div>
21 
   </div>
 26 
   </div>
22 
-</template>
27 
+</template>
23
28
24 
 <script>
 29 
 <script>
25 
 import LongTable from "./LongTable";
 30 
 import LongTable from "./LongTable";
51
56
52 
 <style style="stylesheet/scss" lang="scss" scoped>
 57 
 <style style="stylesheet/scss" lang="scss" scoped>
53 
 .fixedBox {
 58 
 .fixedBox {
54 
-  padding-top: 40px;
59 
+  padding-top: 38px;
55 
   background: #fff;
 60 
   background: #fff;
56 
   min-height: calc(100vh - 64px);
 61 
   min-height: calc(100vh - 64px);
57 
-  @media only screen and (min-width: 376px) and (max-width: 737px) {
58 
-    padding-top: 46px;
59 
-  }
60 
-  @media only screen and (min-width: 768px) and (max-width: 1024px) {
62 
+  // @media only screen and (min-width: 376px) and (max-width: 737px) {
63 
+  //   padding-top: 46px;
64 
+  // }
65 
+  @media only screen and (min-width: 813px) and (max-width: 1024px) {
61 
     padding-top: 74px;
 66 
     padding-top: 74px;
62 
   }
 67 
   }
63 
   .nav {
 68 
   .nav {
64 
     border-bottom: 1px #e5e5e5 solid;
 69 
     border-bottom: 1px #e5e5e5 solid;
65 
     position: fixed;
 70 
     position: fixed;
66 
-    top: 51px;
67 
-    @media only screen and (min-width: 768px) and (max-width: 1024px) {
71 
+    top: 45px;
72 
+    @media only screen and (min-width: 813px) and (max-width: 1024px) {
68 
       top: 64px;
 73 
       top: 64px;
69 
     }
 74 
     }
70 
-    @media only screen and (min-width: 376px) and (max-width: 668px) {
71 
-      top: 50px;
72 
-    }
75 
+    // @media only screen and (min-width: 376px) and (max-width: 668px) {
76 
+    //   top: 50px;
77 
+    // }
73 
     right: 0;
 78 
     right: 0;
74 
     z-index: 66;
 79 
     z-index: 66;
75 
     left: 0;
 80 
     left: 0;
107 
   }
 112 
   }
108 
 }
 113 
 }
109 
 </style>
 114 
 </style>
110 
-

+ 24 - 22
src/pages/main/dialysis/InspectionItemTable.vue Visa fil

11 
         </tr>
 11 
         </tr>
12 
       </table>
 12 
       </table>
13
13
14 
-      <table class="table" v-for="(items,indexs) in inspections_item" :key="indexs">
14 
+      <table class="table" v-for="(items, indexs) in inspections_item" :key="indexs">
15 
         <tr>
 15 
         <tr>
16 
-          <td width="20%">{{items.date}}</td>
16 
+          <td width="20%">{{ items.date }}</td>
17 
           <td width="10%"></td>
 17 
           <td width="10%"></td>
18 
           <td width="10%"></td>
 18 
           <td width="10%"></td>
19 
           <td width="10%"></td>
 19 
           <td width="10%"></td>
20 
         </tr>
 20 
         </tr>
21 
-        <tr class="table" v-for="(item,index) in items.inspection_show_item" :key="index">
22 
-          <td width="20%">{{item.item_name}}</td>
23 
-          <td width="10%">{{item.value}}</td>
24 
-          <td width="10%" v-if="item.range_type ==1">{{item.range_min}} ~ {{item.range_max}}</td>
25 
-          <td width="10%" v-else>{{item.range_value}}</td>
26 
-          <td width="10%">{{item.unit}}</td>
21 
+        <tr class="table" v-for="(item, index) in items.inspection_show_item" :key="index">
22 
+          <td width="20%">{{ item.item_name }}</td>
23 
+          <td width="10%">{{ item.value }}</td>
24 
+          <td width="10%" v-if="item.range_type == 1">{{ item.range_min }} ~ {{ item.range_max }}</td>
25 
+          <td width="10%" v-else>{{ item.range_value }}</td>
26 
+          <td width="10%">{{ item.unit }}</td>
27 
         </tr>
 27 
         </tr>
28
28
29 
         <tr
 29 
         <tr
30 
           v-if="items.isExpand"
 30 
           v-if="items.isExpand"
31 
           class="table"
 31 
           class="table"
32 
-          v-for="(item,index) in items.inspection_hide_item"
32 
+          v-for="(item, index) in items.inspection_hide_item"
33 
           :key="index"
 33 
           :key="index"
34 
         >
 34 
         >
35 
-          <td width="20%">{{item.item_name}}</td>
36 
-          <td width="10%">{{item.value}}</td>
37 
-          <td width="10%">{{item.range_min}} ~ {{item.range_max}}</td>
38 
-          <td width="10%">{{item.unit}}</td>
35 
+          <td width="20%">{{ item.item_name }}</td>
36 
+          <td width="10%">{{ item.value }}</td>
37 
+          <td width="10%">{{ item.range_min }} ~ {{ item.range_max }}</td>
38 
+          <td width="10%">{{ item.unit }}</td>
39 
         </tr>
 39 
         </tr>
40 
         <tr>
 40 
         <tr>
41 
           <td width="20%"></td>
 41 
           <td width="20%"></td>
44 
             style="color:#409EFF;"
 44 
             style="color:#409EFF;"
45 
             @click="expandTable(indexs)"
 45 
             @click="expandTable(indexs)"
46 
             v-model="isExpand"
 46 
             v-model="isExpand"
47 
-          >{{items.expandName}}</td>
47 
+          >{{ items.expandName }}</td>
48 
           <td width="10%"></td>
 48 
           <td width="10%"></td>
49 
           <td width="10%"></td>
 49 
           <td width="10%"></td>
50 
         </tr>
 50 
         </tr>
301 
   background: #fff;
 301 
   background: #fff;
302 
   min-height: calc(100vh - 178px);
 302 
   min-height: calc(100vh - 178px);
303 
   margin-top: 76px;
 303 
   margin-top: 76px;
304 
-  @media only screen and (min-width: 376px) and (max-width: 668px) {
305 
-    margin-top: 84px;
306 
-  }
307 
-  @media only screen and (min-width: 415px) and (max-width: 736px) {
308 
-    margin-top: 84px !important;
309 
-  }
310 
-  @media only screen and (min-width: 768px) and (max-width: 1023px) {
304 
+  // @media only screen and (min-width: 376px) and (max-width: 668px) {
305 
+  //   margin-top: 84px;
306 
+  // }
307 
+  // @media only screen and (min-width: 415px) and (max-width: 736px) {
308 
+  //   margin-top: 84px !important;
309 
+  // }
310 
+  // @media only screen and (max-width: 812px) {
311 
+  //   margin-top: 80px !important;
312 
+  // }
313 
+  @media only screen and (min-width: 813px) and (max-width: 1023px) {
311 
     margin-top: 114px !important;
 314 
     margin-top: 114px !important;
312 
   }
 315 
   }
313 
   @media only screen and (min-width: 1024px) {
 316 
   @media only screen and (min-width: 1024px) {
325 
   background: #409eff !important;
 328 
   background: #409eff !important;
326 
 }
 329 
 }
327 
 </style>
 330 
 </style>
328 
-

+ 451 - 327
src/pages/main/dialysis/LongTable.vue Visa fil

1 
 <template>
 1 
 <template>
2 
-    <div>
3 
-        <div class="blueBorder"></div>
4 
-        <div class="tableTit " >
5 
-            <ul>
6 
-                <li v-for="(item,index) in ['序号','透析模式','透析时长','医生','更新日期','操作']" :key="index" :value="item.value" >{{item}}</li>
7 
-                <!-- <li v-for="(item,index) in ['序号','透析模式','透析时长','医生','更新日期']" :key="index" :value="item.value" >{{item}}</li> -->
8 
-            </ul>
9 
-        </div>
10 
-        <div class="tableDate" >
11 
-          <van-list
12 
-            v-model="loading"
13 
-            :finished="finished"
14 
-            @load="onLoad"
15 
-          >
16 
-          <ul>
17 
-                <li v-for="(item,index) in tableDate" :key="index" :value="item.value" >
18 
-                <span>{{item.no}}</span>
19 
-                <span>{{item.mode_name}}</span>
20 
-                <span>{{item.dialysis_duration_hour}}h {{item.dialysis_duration_minute}}min</span>
21 
-                <span>{{tranDoctor(item.registrars_id)}}</span>
22 
-                <span>{{item.edate}}</span>
23 
-                <span @click="openEdit(index, item)"><i class="iconfont">&#xe6f7;</i>修改</span>
24 
-                </li>
25 
-            </ul>
26 
-          </van-list>
27 
-          <div class="NoData" v-show="tableDate.length == 0"><img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt=""></div>
2 
+  <div>
3 
+    <div class="blueBorder"></div>
4 
+    <div class="tableTit">
5 
+      <ul>
6 
+        <li
7 
+          v-for="(item,index) in ['序号','透析模式','透析时长','医生','更新日期','操作']"
8 
+          :key="index"
9 
+          :value="item.value"
10 
+        >{{item}}</li>
11 
+        <!-- <li v-for="(item,index) in ['序号','透析模式','透析时长','医生','更新日期']" :key="index" :value="item.value" >{{item}}</li> -->
12 
+      </ul>
13 
+    </div>
14 
+    <div class="tableDate">
15 
+      <van-list v-model="loading" :finished="finished" @load="onLoad">
16 
+        <ul>
17 
+          <li v-for="(item,index) in tableDate" :key="index" :value="item.value">
18 
+            <span>{{item.no}}</span>
19 
+            <span>{{item.mode_name}}</span>
20 
+            <span>{{item.dialysis_duration_hour}}h {{item.dialysis_duration_minute}}min</span>
21 
+            <span>{{tranDoctor(item.registrars_id)}}</span>
22 
+            <span>{{item.edate}}</span>
23 
+            <span @click="openEdit(index, item)">
24 
+              <i class="iconfont">&#xe6f7;</i>修改
25 
+            </span>
26 
+          </li>
27 
+        </ul>
28 
+      </van-list>
29 
+      <div class="NoData" v-show="tableDate.length == 0">
30 
+        <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
31 
+      </div>
32 
+    </div>
28
33
34 
+    <van-popup
35 
+      title="透析处方"
36 
+      v-model="showObj.showPopup"
37 
+      :overlay="true"
38 
+      @click-overlay="popupDidHide()"
39 
+    >
40 
+      <div v-if="showObj.showForm" class="Dialog">
41 
+        <div class="DialogTit">
42 
+          <span @click="popupDidHide()" class="iconfont">&#xe6e9;</span>
43 
+          <h1 class="name">透析处方</h1>
44 
+          <span @click="commitInfo" class="success">完成</span>
29 
         </div>
 45 
         </div>
30
46
31 
-        <van-popup title="透析处方" v-model="showObj.showPopup" :overlay="true" @click-overlay="popupDidHide()">
32 
-          <div v-if="showObj.showForm" class="Dialog">
33 
-            <div class="DialogTit" >
34 
-              <span @click="popupDidHide()" class="iconfont">&#xe6e9;</span>
35 
-              <h1 class="name">透析处方</h1>
36 
-              <span @click="commitInfo" class="success">完成</span>
47 
+        <div class="DialogContent" id="dialogTop">
48 
+          <div @click="showSubMenu('mode')" class="item" ref="mode">
49 
+            <label class="name" for="txms">透析模式</label>
50 
+            <div class="content">
51 
+              <span class="text" id="txms">{{GetModeByModeId(dialysisSolution.mode_id)}}</span>
52 
+              <span class="iconfont">&#xe6f9;</span>
37 
             </div>
 53 
             </div>
54 
+          </div>
55 
+          <div class="item" @click="openPicker">
56 
+            <label class="name" for="txsc">透析时长</label>
57 
+            <div class="content">
58 
+              <span class="text" style="width: 100px">{{timeValue}}</span>
59 
+              <span class="iconfont">&#xe6f9;</span>
60 
+            </div>
61 
+          </div>
38
62
39 
-            <div class="DialogContent" id="dialogTop">
40 
-              <div @click="showSubMenu('mode')" class="item" ref="mode">
41 
-                <label class="name" for="txms">透析模式</label>
42 
-                <div class="content">
43 
-                  <span class="text" id="txms">{{GetModeByModeId(dialysisSolution.mode_id)}}</span>
44 
-                  <span class="iconfont">&#xe6f9;</span>
45 
-                </div>
46 
-              </div>
47 
-              <div class="item" @click="openPicker">
48 
-                <label class="name" for="txsc">透析时长</label>
49 
-                <div class="content">
50 
-                  <span class="text" style="width: 100px">{{timeValue}}</span>
51 
-                  <span class="iconfont">&#xe6f9;</span>
52 
-                </div>
53 
-              </div>
54 
-
55 
-              <div class="item">
56 
-                <label class="name" for="xll">血流量(ml/min)</label>
57 
-                <div class="content">
58 
-                  <input type="tel" @focus="inputFocus" id="xll" v-model="dialysisSolution.blood_flow_volume"/>
59 
-                </div>
60 
-              </div>
61 
-
62 
-              <div class="item">
63 
-                <label class="name" for="mbcll">目标超滤量(ml)</label>
64 
-                <div class="content">
65 
-                  <input type="tel" @focus="inputFocus" id="mbcll" v-model="dialysisSolution.target_ultrafiltration"/>
66 
-                </div>
67 
-              </div>
68 
-              <div @click="showSubMenu('dialysate_formulation')" class="item" ref="dialysate_formulation">
69 
-                <label class="name" for="txypf">透析液配方</label>
70 
-                <div class="content">
71 
-                  <span class="text" id="txypf">{{GetDialysateFormulationById(dialysisSolution.dialysate_formulation)}}</span>
72 
-                  <span class="iconfont">&#xe6f9;</span>
73 
-                </div>
74 
-              </div>
63 
+          <div class="item">
64 
+            <label class="name" for="xll">血流量(ml/min)</label>
65 
+            <div class="content">
66 
+              <input
67 
+                type="tel"
68 
+                @focus="inputFocus"
69 
+                id="xll"
70 
+                v-model="dialysisSolution.blood_flow_volume"
71 
+              />
72 
+            </div>
73 
+          </div>
75
74
76 
-              <div @click="showSubMenu('anticoagulant')" class="item" ref="anticoagulant">
77 
-                <label class="name" for="knj">抗疑剂</label>
78 
-                <div class="content">
79 
-                  <span class="text" id="knj">{{GetAnticoagulantById(dialysisSolution.anticoagulant)}}</span>
80 
-                  <span class="iconfont">&#xe6f9;</span>
81 
-                </div>
82 
-              </div>
75 
+          <div class="item">
76 
+            <label class="name" for="mbcll">目标超滤量(ml)</label>
77 
+            <div class="content">
78 
+              <input
79 
+                type="tel"
80 
+                @focus="inputFocus"
81 
+                id="mbcll"
82 
+                v-model="dialysisSolution.target_ultrafiltration"
83 
+              />
84 
+            </div>
85 
+          </div>
86 
+          <div
87 
+            @click="showSubMenu('dialysate_formulation')"
88 
+            class="item"
89 
+            ref="dialysate_formulation"
90 
+          >
91 
+            <label class="name" for="txypf">透析液配方</label>
92 
+            <div class="content">
93 
+              <span
94 
+                class="text"
95 
+                id="txypf"
96 
+              >{{GetDialysateFormulationById(dialysisSolution.dialysate_formulation)}}</span>
97 
+              <span class="iconfont">&#xe6f9;</span>
98 
+            </div>
99 
+          </div>
83
100
84 
-              <div class="item" v-if="anticoagulant.shouji != -1">
85 
-                <label class="name" for="sj">首剂({{anticoagulant.shouji_unit}})</label>
86 
-                <div class="content">
87 
-                  <input type="tel" @focus="inputFocus" id="sj" v-model="dialysisSolution.anticoagulant_shouji"
88 
-                        :disabled="anticoagulant.shouji==1?false:true"/>
89 
-                </div>
90 
-              </div>
91 
-              <div class="item" v-if="anticoagulant.weichi != -1">
92 
-                <label class="name" for="wz">维持({{anticoagulant.weichi_unit}})</label>
93 
-                <div class="content">
94 
-                  <input type="tel" @focus="inputFocus" id="wz" class="inputBox" v-model="dialysisSolution.anticoagulant_weichi"
95 
-                        :disabled="anticoagulant.weichi==1?false:true">
96 
-                </div>
97 
-              </div>
98 
-              <div class="item" v-if="anticoagulant.zongliang != -1">
99 
-                <label class="name" for="zl">总量(mg)</label>
100 
-                <div class="content">
101 
-                  <input type="tel" @focus="inputFocus" id="zl" class="inputBox" v-model="dialysisSolution.anticoagulant_zongliang"
102 
-                        :disabled="anticoagulant.zongliang==1?false:true">
103 
-                </div>
104 
-              </div>
101 
+          <div @click="showSubMenu('anticoagulant')" class="item" ref="anticoagulant">
102 
+            <label class="name" for="knj">抗疑剂</label>
103 
+            <div class="content">
104 
+              <span class="text" id="knj">{{GetAnticoagulantById(dialysisSolution.anticoagulant)}}</span>
105 
+              <span class="iconfont">&#xe6f9;</span>
106 
+            </div>
107 
+          </div>
105
108
106 
-              <div class="item" v-if="anticoagulant.gaimingcheng != -1">
107 
-                <label class="name" for="g">钙名称({{anticoagulant.gaimingcheng_unit}})</label>
108 
-                <div class="content">
109 
-                  <input type="text" id="g" class="inputBox" v-model="dialysisSolution.anticoagulant_gaimingcheng"
110 
-                        :disabled="anticoagulant.gaimingcheng==1?false:true">
111 
-                </div>
112 
-              </div>
109 
+          <div class="item" v-if="anticoagulant.shouji != -1">
110 
+            <label class="name" for="sj">首剂({{anticoagulant.shouji_unit}})</label>
111 
+            <div class="content">
112 
+              <input
113 
+                type="tel"
114 
+                @focus="inputFocus"
115 
+                id="sj"
116 
+                v-model="dialysisSolution.anticoagulant_shouji"
117 
+                :disabled="anticoagulant.shouji==1?false:true"
118 
+              />
119 
+            </div>
120 
+          </div>
121 
+          <div class="item" v-if="anticoagulant.weichi != -1">
122 
+            <label class="name" for="wz">维持({{anticoagulant.weichi_unit}})</label>
123 
+            <div class="content">
124 
+              <input
125 
+                type="tel"
126 
+                @focus="inputFocus"
127 
+                id="wz"
128 
+                class="inputBox"
129 
+                v-model="dialysisSolution.anticoagulant_weichi"
130 
+                :disabled="anticoagulant.weichi==1?false:true"
131 
+              />
132 
+            </div>
133 
+          </div>
134 
+          <div class="item" v-if="anticoagulant.zongliang != -1">
135 
+            <label class="name" for="zl">总量(mg)</label>
136 
+            <div class="content">
137 
+              <input
138 
+                type="tel"
139 
+                @focus="inputFocus"
140 
+                id="zl"
141 
+                class="inputBox"
142 
+                v-model="dialysisSolution.anticoagulant_zongliang"
143 
+                :disabled="anticoagulant.zongliang==1?false:true"
144 
+              />
145 
+            </div>
146 
+          </div>
113
147
114 
-              <div class="item" v-if="anticoagulant.gaijiliang != -1">
115 
-                <label class="name" for="gjl">钙剂量</label>
116 
-                <div class="content">
117 
-                  <input type="text" id="gjl" class="inputBox" v-model="dialysisSolution.anticoagulant_gaimingcheng"
118 
-                        :disabled="anticoagulant.gaimingcheng==1?false:true">
119 
-                </div>
120 
-              </div>
148 
+          <div class="item" v-if="anticoagulant.gaimingcheng != -1">
149 
+            <label class="name" for="g">钙名称({{anticoagulant.gaimingcheng_unit}})</label>
150 
+            <div class="content">
151 
+              <input
152 
+                type="text"
153 
+                id="g"
154 
+                class="inputBox"
155 
+                v-model="dialysisSolution.anticoagulant_gaimingcheng"
156 
+                :disabled="anticoagulant.gaimingcheng==1?false:true"
157 
+              />
158 
+            </div>
159 
+          </div>
121
160
122 
-              <div class="line"></div>
123 
-              <div class="item">
124 
-                <label class="name" for="zhy">置换量(L)</label>
125 
-                <div class="content">
126 
-                  <input type="tel" @focus="inputFocus" id="zhy" v-model="dialysisSolution.replacement_total"/>
127 
-                </div>
128 
-              </div>
161 
+          <div class="item" v-if="anticoagulant.gaijiliang != -1">
162 
+            <label class="name" for="gjl">钙剂量</label>
163 
+            <div class="content">
164 
+              <input
165 
+                type="text"
166 
+                id="gjl"
167 
+                class="inputBox"
168 
+                v-model="dialysisSolution.anticoagulant_gaimingcheng"
169 
+                :disabled="anticoagulant.gaimingcheng==1?false:true"
170 
+              />
171 
+            </div>
172 
+          </div>
129
173
130 
-              <div class="item">
131 
-                <label class="name" for="j">钾(mmol/L)</label>
132 
-                <div class="content">
133 
-                  <input type="tel" @focus="inputFocus" id="j" v-model="dialysisSolution.kalium"/>
134 
-                </div>
135 
-              </div>
136 
-              <div class="item">
137 
-                <label class="name" for="n">钠(mmol/L):</label>
138 
-                <div class="content">
139 
-                  <input type="tel" @focus="inputFocus" id="n" v-model="dialysisSolution.sodium"/>
140 
-                </div>
141 
-              </div>
142 
-              <div class="item">
143 
-                <label class="name" for="gg">钙(mmol/L)</label>
144 
-                <div class="content">
145 
-                  <input type="tel" @focus="inputFocus" id="gg" v-model="dialysisSolution.calcium"/>
146 
-                </div>
147 
-              </div>
148 
-              <div class="item">
149 
-                <label class="name" for="tsqy">碳酸氢盐(mmol/L)</label>
150 
-                <div class="content">
151 
-                  <input type="tel" @focus="inputFocus" id="tsqy" v-model="dialysisSolution.bicarbonate"/>
174 
+          <div class="line"></div>
175 
+          <div class="item">
176 
+            <label class="name" for="zhy">置换量(L)</label>
177 
+            <div class="content">
178 
+              <input
179 
+                type="tel"
180 
+                @focus="inputFocus"
181 
+                id="zhy"
182 
+                v-model="dialysisSolution.replacement_total"
183 
+              />
184 
+            </div>
185 
+          </div>
152
186
153 
-                </div>
154 
-              </div>
155 
-              <div class="item">
156 
-                <label class="name" for="ptt">葡萄糖(mmol/L)</label>
157 
-                <div class="content">
158 
-                  <input type="tel" @focus="inputFocus" id="ptt" v-model="dialysisSolution.glucose"/>
159 
-                </div>
160 
-              </div>
187 
+          <div class="item">
188 
+            <label class="name" for="j">钾(mmol/L)</label>
189 
+            <div class="content">
190 
+              <input type="tel" @focus="inputFocus" id="j" v-model="dialysisSolution.kalium" />
191 
+            </div>
192 
+          </div>
193 
+          <div class="item">
194 
+            <label class="name" for="n">钠(mmol/L):</label>
195 
+            <div class="content">
196 
+              <input type="tel" @focus="inputFocus" id="n" v-model="dialysisSolution.sodium" />
197 
+            </div>
198 
+          </div>
199 
+          <div class="item">
200 
+            <label class="name" for="gg">钙(mmol/L)</label>
201 
+            <div class="content">
202 
+              <input type="tel" @focus="inputFocus" id="gg" v-model="dialysisSolution.calcium" />
203 
+            </div>
204 
+          </div>
205 
+          <div class="item">
206 
+            <label class="name" for="tsqy">碳酸氢盐(mmol/L)</label>
207 
+            <div class="content">
208 
+              <input
209 
+                type="tel"
210 
+                @focus="inputFocus"
211 
+                id="tsqy"
212 
+                v-model="dialysisSolution.bicarbonate"
213 
+              />
214 
+            </div>
215 
+          </div>
216 
+          <div class="item">
217 
+            <label class="name" for="ptt">葡萄糖(mmol/L)</label>
218 
+            <div class="content">
219 
+              <input type="tel" @focus="inputFocus" id="ptt" v-model="dialysisSolution.glucose" />
220 
+            </div>
221 
+          </div>
161
222
162 
-              <div class="line"></div>
163 
-
164 
-              <div class="item">
165 
-                <label class="name" for="txyll">透析液流量(ml/min)</label>
166 
-                <div class="content">
167 
-                  <input type="tel" @focus="inputFocus" id="txyll" v-model="dialysisSolution.dialysate_flow"/>
168 
-                </div>
169 
-              </div>
170 
-              <div class="item">
171 
-                <label class="name" for="txywd">透析液温度(℃)</label>
172 
-                <div class="content">
173 
-                  <!--<span class="text">HD</span>-->
174 
-                  <!--<span class="iconfont">&#xe6f9;</span>-->
175 
-                  <input type="tel" @focus="inputFocus" id="txywd" v-model="dialysisSolution.dialysate_temperature"/>
176 
-
177 
-                </div>
178 
-              </div>
179 
-              <div class="item">
180 
-                <label class="name" for="dtl">电导率(mS/cm)</label>
181 
-                <div class="content">
182 
-                  <!--<span class="text">HD</span>-->
183 
-                  <!--<span class="iconfont">&#xe6f9;</span>-->
184 
-                  <input type="tel" @focus="inputFocus" id="dtl" v-model="dialysisSolution.conductivity"/>
185 
-                </div>
186 
-              </div>
223 
+          <div class="line"></div>
224 
+
225 
+          <div class="item">
226 
+            <label class="name" for="txyll">透析液流量(ml/min)</label>
227 
+            <div class="content">
228 
+              <input
229 
+                type="tel"
230 
+                @focus="inputFocus"
231 
+                id="txyll"
232 
+                v-model="dialysisSolution.dialysate_flow"
233 
+              />
234 
+            </div>
235 
+          </div>
236 
+          <div class="item">
237 
+            <label class="name" for="txywd">透析液温度(℃)</label>
238 
+            <div class="content">
239 
+              <!--<span class="text">HD</span>-->
240 
+              <!--<span class="iconfont">&#xe6f9;</span>-->
241 
+              <input
242 
+                type="tel"
243 
+                @focus="inputFocus"
244 
+                id="txywd"
245 
+                v-model="dialysisSolution.dialysate_temperature"
246 
+              />
247 
+            </div>
248 
+          </div>
249 
+          <div class="item">
250 
+            <label class="name" for="dtl">电导率(mS/cm)</label>
251 
+            <div class="content">
252 
+              <!--<span class="text">HD</span>-->
253 
+              <!--<span class="iconfont">&#xe6f9;</span>-->
254 
+              <input
255 
+                type="tel"
256 
+                @focus="inputFocus"
257 
+                id="dtl"
258 
+                v-model="dialysisSolution.conductivity"
259 
+              />
260 
+            </div>
261 
+          </div>
187
262
188 
-              <div class="line"></div>
189 
-              <div>
190 
-                <div class="item">
191 
-                  <label class="name" for="bz">备注</label>
192 
-                  <div class="content">
193 
-                    <span class="text"></span>
194 
-                  </div>
195 
-                </div>
196 
-                <textarea class="textarea" id="bz" placeholder="请输入内容" v-model="dialysisSolution.remark" @focus="lastInputFocus" @blur="lastInputBlur"></textarea>
263 
+          <div class="line"></div>
264 
+          <div>
265 
+            <div class="item">
266 
+              <label class="name" for="bz">备注</label>
267 
+              <div class="content">
268 
+                <span class="text"></span>
197 
               </div>
 269 
               </div>
198 
-
199 
-              <!--<div class="footer">-->
200 
-              <!--处方医生：刘小军 医生-->
201 
-              <!--</div>-->
202 
-
203 
             </div>
 270 
             </div>
271 
+            <textarea
272 
+              class="textarea"
273 
+              id="bz"
274 
+              placeholder="请输入内容"
275 
+              v-model="dialysisSolution.remark"
276 
+              @focus="lastInputFocus"
277 
+              @blur="lastInputBlur"
278 
+            ></textarea>
204 
           </div>
 279 
           </div>
205
280
206 
-
207 
-          <check-box-sub-menu :visibility="visibility" v-on:menu-cancle="menuCancle" v-on:menu-comfirm="menuComfirm"
208 
-                          :propsForm="propForm"></check-box-sub-menu>
209 
-
210 
-          <mt-datetime-picker
211 
-            ref="picker"
212 
-            type="time"
213 
-            hourFormat="{value}小时"
214 
-            minuteFormat="{value}分钟"
215 
-            @confirm="handleTimeConfirm"
216 
-            v-model="time">
217 
-          </mt-datetime-picker>
218 
-        </van-popup>
219 
-    </div>
281 
+          <!--<div class="footer">-->
282 
+          <!--处方医生：刘小军 医生-->
283 
+          <!--</div>-->
284 
+        </div>
285 
+      </div>
286 
+
287 
+      <check-box-sub-menu
288 
+        :visibility="visibility"
289 
+        v-on:menu-cancle="menuCancle"
290 
+        v-on:menu-comfirm="menuComfirm"
291 
+        :propsForm="propForm"
292 
+      ></check-box-sub-menu>
293 
+
294 
+      <mt-datetime-picker
295 
+        ref="picker"
296 
+        type="time"
297 
+        hourFormat="{value}小时"
298 
+        minuteFormat="{value}分钟"
299 
+        @confirm="handleTimeConfirm"
300 
+        v-model="time"
301 
+      ></mt-datetime-picker>
302 
+    </van-popup>
303 
+  </div>
220 
 </template>
 304 
 </template>
221
305
222 
 <script>
 306 
 <script>
223 
-
224 
-import {GetPatientDialysisSolutionList,EditDialysisSolution} from "@/api/patient";
225 
-import {parseTime} from "@/utils";
226 
-import {fetchAllAdminUsers} from "@/api/doctor";
227 
-import {getDataConfig} from '@/utils/data';
307 
+import {
308 
+  GetPatientDialysisSolutionList,
309 
+  EditDialysisSolution
310 
+} from "@/api/patient";
311 
+import { parseTime } from "@/utils";
312 
+import { fetchAllAdminUsers } from "@/api/doctor";
313 
+import { getDataConfig } from "@/utils/data";
228 
 import CheckBoxSubMenu from "../dialog/subMenu/checkBoxSubMenu";
 314 
 import CheckBoxSubMenu from "../dialog/subMenu/checkBoxSubMenu";
229 
-import { Toast } from 'vant';
315 
+import { Toast } from "vant";
230
316
231 
 let allno = 1;
 317 
 let allno = 1;
232
318
234 
   name: "LongTable",
 320 
   name: "LongTable",
235 
   data() {
 321 
   data() {
236 
     return {
 322 
     return {
237 
-      visibility:false,
323 
+      visibility: false,
238 
       loading: false,
 324 
       loading: false,
239 
       finished: false,
 325 
       finished: false,
240 
-
326 
+
241 
       queryParams: {
 327 
       queryParams: {
242 
         page: 0,
 328 
         page: 0,
243 
         id: 0,
 329 
         id: 0,
244 
-        limit: 10,
330 
+        limit: 10
245 
       },
 331 
       },
246
332
247 
       tableDate: [],
 333 
       tableDate: [],
248 
-      adminUserOptions:{},
334 
+      adminUserOptions: {},
249 
       currentIndex: -1,
 335 
       currentIndex: -1,
250 
-      showObj:{
251 
-        showPopup:false,
252 
-        showForm:true,
336 
+      showObj: {
337 
+        showPopup: false,
338 
+        showForm: true
253 
       },
 339 
       },
254 
-      dialysisSolution:{
340 
+      dialysisSolution: {
255 
         id: 0,
 341 
         id: 0,
256 
         mode: "",
 342 
         mode: "",
257 
         mode_id: "",
 343 
         mode_id: "",
274 
         anticoagulant_zongliang: "",
 360 
         anticoagulant_zongliang: "",
275 
         anticoagulant_gaimingcheng: "",
 361 
         anticoagulant_gaimingcheng: "",
276 
         anticoagulant_gaijiliang: "",
 362 
         anticoagulant_gaijiliang: "",
277 
-        target_ultrafiltration:'',
278 
-        dialysate_formulation:'',
279 
-        replacement_total:'',
363 
+        target_ultrafiltration: "",
364 
+        dialysate_formulation: "",
365 
+        replacement_total: "",
280 
         kalium: "",
 366 
         kalium: "",
281 
         sodium: "",
 367 
         sodium: "",
282 
         calcium: "",
 368 
         calcium: "",
289 
         doctor: "",
 375 
         doctor: "",
290 
         remark: ""
 376 
         remark: ""
291 
       },
 377 
       },
292 
-      anticoagulant:{
378 
+      anticoagulant: {
293 
         id: 0,
 379 
         id: 0,
294 
         name: "",
 380 
         name: "",
295 
         type: 1,
 381 
         type: 1,
316 
       modeOption: [],
 402 
       modeOption: [],
317 
       dialysateFormulationOptions: [],
 403 
       dialysateFormulationOptions: [],
318 
       anticoagulantsConfit: {},
 404 
       anticoagulantsConfit: {},
319 
-      timeValue: '',
320 
-      time: '03:00',
321 
-      record_date:'',
405 
+      timeValue: "",
406 
+      time: "03:00",
407 
+      record_date: ""
322 
     };
 408 
     };
323 
   },
 409 
   },
324 
-  methods:{
325 
-    commitInfo: function () {
326 
-      Toast.loading({forbidClick: true, duration: 0})
410 
+  methods: {
411 
+    commitInfo: function() {
412 
+      Toast.loading({ forbidClick: true, duration: 0 });
327 
       this.dialysisSolution.mode = this.dialysisSolution.mode_id;
 413 
       this.dialysisSolution.mode = this.dialysisSolution.mode_id;
328 
-      EditDialysisSolution(this.dialysisSolution.id, this.dialysisSolution).then(response => {
414 
+      EditDialysisSolution(
415 
+        this.dialysisSolution.id,
416 
+        this.dialysisSolution
417 
+      ).then(response => {
329 
         if (response.data.state == 0) {
 418 
         if (response.data.state == 0) {
330 
           Toast.fail(response.data.msg);
 419 
           Toast.fail(response.data.msg);
331 
           return false;
 420 
           return false;
332 
         } else {
 421 
         } else {
333 
           Toast.success("修改成功");
 422 
           Toast.success("修改成功");
334 
           for (const key in response.data.data.solution) {
 423 
           for (const key in response.data.data.solution) {
335 
-            this.tableDate[this.currentIndex][key] = response.data.data.solution[key];
424 
+            this.tableDate[this.currentIndex][key] =
425 
+              response.data.data.solution[key];
336 
           }
 426 
           }
337 
           this.popupDidHide();
 427 
           this.popupDidHide();
338 
-
339 
         }
 428 
         }
340 
       });
 429 
       });
341 
     },
 430 
     },
342 
-    openEdit(index, item){
343 
-        this.currentIndex = index;
344 
-        for(var key in item) {
345 
-          this.dialysisSolution[key] = item[key];
346 
-        }
347 
-
348 
-      this.timeValue = this.dialysisSolution.dialysis_duration_hour + "小时" + this.dialysisSolution.dialysis_duration_minute + "分钟";
431 
+    openEdit(index, item) {
432 
+      this.currentIndex = index;
433 
+      for (var key in item) {
434 
+        this.dialysisSolution[key] = item[key];
435 
+      }
349
436
350 
-      this.time = (this.dialysisSolution.dialysis_duration_hour>=10?this.dialysisSolution.dialysis_duration_hour:'0'+this.dialysisSolution.dialysis_duration_hour) + ":" + (this.dialysisSolution.dialysis_duration_minute>=10?this.dialysisSolution.dialysis_duration_minute:'0'+this.dialysisSolution.dialysis_duration_minute);
437 
+      this.timeValue =
438 
+        this.dialysisSolution.dialysis_duration_hour +
439 
+        "小时" +
440 
+        this.dialysisSolution.dialysis_duration_minute +
441 
+        "分钟";
442 
+
443 
+      this.time =
444 
+        (this.dialysisSolution.dialysis_duration_hour >= 10
445 
+          ? this.dialysisSolution.dialysis_duration_hour
446 
+          : "0" + this.dialysisSolution.dialysis_duration_hour) +
447 
+        ":" +
448 
+        (this.dialysisSolution.dialysis_duration_minute >= 10
449 
+          ? this.dialysisSolution.dialysis_duration_minute
450 
+          : "0" + this.dialysisSolution.dialysis_duration_minute);
351
451
352 
       this.showObj.showPopup = true;
 452 
       this.showObj.showPopup = true;
353
453
354 
       // document.getElementById('dialogTop').scrollTop = 200;
 454 
       // document.getElementById('dialogTop').scrollTop = 200;
355 
-      var dialogTop = document.querySelector('#dialogTop');
455 
+      var dialogTop = document.querySelector("#dialogTop");
356 
       if (dialogTop != null) {
 456 
       if (dialogTop != null) {
357 
         this.$nextTick(() => {
 457 
         this.$nextTick(() => {
358 
-            dialogTop.scrollTop = 0;
458 
+          dialogTop.scrollTop = 0;
359 
         });
 459 
         });
360 
       }
 460 
       }
361 
-
362 
-
363 
     },
 461 
     },
364 
-    popupDidHide(){
462 
+    popupDidHide() {
365 
       this.showObj.showPopup = false;
 463 
       this.showObj.showPopup = false;
366 
       this.visibility = false;
 464 
       this.visibility = false;
367 
       this.showObj.showForm = true;
 465 
       this.showObj.showForm = true;
368 
     },
 466 
     },
369 
-    openPicker: function () {
467 
+    openPicker: function() {
370 
       this.$refs.picker.open();
 468 
       this.$refs.picker.open();
371 
     },
 469 
     },
372 
-    showSubMenu: function (val) {
470 
+    showSubMenu: function(val) {
373 
       switch (val) {
 471 
       switch (val) {
374 
         case "mode":
 472 
         case "mode":
375 
           this.propForm.type = 1;
 473 
           this.propForm.type = 1;
380 
           this.propForm.optionList = this.modeOption;
 478 
           this.propForm.optionList = this.modeOption;
381 
           this.propForm.isMultiple = 1;
 479 
           this.propForm.isMultiple = 1;
382 
           this.propForm.selectId = this.dialysisSolution.mode_id;
 480 
           this.propForm.selectId = this.dialysisSolution.mode_id;
383 
-          this.propForm.click_ref = "mode"
481 
+          this.propForm.click_ref = "mode";
384
482
385 
           break;
 483 
           break;
386
484
393 
           this.propForm.optionList = this.anticoagulantsConfit;
 491 
           this.propForm.optionList = this.anticoagulantsConfit;
394 
           this.propForm.isMultiple = 1;
 492 
           this.propForm.isMultiple = 1;
395 
           this.propForm.selectId = this.dialysisSolution.anticoagulant;
 493 
           this.propForm.selectId = this.dialysisSolution.anticoagulant;
396 
-          this.propForm.click_ref = "anticoagulant"
494 
+          this.propForm.click_ref = "anticoagulant";
397 
           break;
 495 
           break;
398 
         case "dialysate_formulation":
 496 
         case "dialysate_formulation":
399 
           this.propForm.type = 6;
 497 
           this.propForm.type = 6;
404 
           this.propForm.optionList = this.dialysateFormulationOptions;
 502 
           this.propForm.optionList = this.dialysateFormulationOptions;
405 
           this.propForm.isMultiple = 1;
 503 
           this.propForm.isMultiple = 1;
406 
           this.propForm.selectId = this.dialysisSolution.dialysate_formulation;
 504 
           this.propForm.selectId = this.dialysisSolution.dialysate_formulation;
407 
-          this.propForm.click_ref = "dialysate_formulation"
505 
+          this.propForm.click_ref = "dialysate_formulation";
408 
           break;
 506 
           break;
409 
       }
 507 
       }
410 
     },
 508 
     },
411 
-    menuCancle: function () {
509 
+    menuCancle: function() {
412 
       this.visibility = false;
 510 
       this.visibility = false;
413 
       this.showObj.showForm = true;
 511 
       this.showObj.showForm = true;
414 
-      this.$nextTick( () => {
415 
-        if (this.$refs[this.propForm.click_ref] != undefined && this.$refs[this.propForm.click_ref] != null) {
416 
-          this.$refs[this.propForm.click_ref].scrollIntoView()
512 
+      this.$nextTick(() => {
513 
+        if (
514 
+          this.$refs[this.propForm.click_ref] != undefined &&
515 
+          this.$refs[this.propForm.click_ref] != null
516 
+        ) {
517 
+          this.$refs[this.propForm.click_ref].scrollIntoView();
417 
         }
 518 
         }
418 
-      })
519 
+      });
419 
     },
 520 
     },
420 
-    menuComfirm: function (val) {
521 
+    menuComfirm: function(val) {
421 
       this.visibility = false;
 522 
       this.visibility = false;
422 
       this.showObj.showForm = true;
 523 
       this.showObj.showForm = true;
423 
-      this.$nextTick( () => {
424 
-        if (this.$refs[this.propForm.click_ref] != undefined && this.$refs[this.propForm.click_ref] != null) {
425 
-          this.$refs[this.propForm.click_ref].scrollIntoView()
524 
+      this.$nextTick(() => {
525 
+        if (
526 
+          this.$refs[this.propForm.click_ref] != undefined &&
527 
+          this.$refs[this.propForm.click_ref] != null
528 
+        ) {
529 
+          this.$refs[this.propForm.click_ref].scrollIntoView();
426 
         }
 530 
         }
427 
-      })
531 
+      });
428 
       switch (val.type) {
 532 
       switch (val.type) {
429 
         case 1:
 533 
         case 1:
430 
           this.dialysisSolution.mode_id = val.selectId;
 534 
           this.dialysisSolution.mode_id = val.selectId;
431 
-          this.dialysisSolution.mode_name = this.GetModeByModeId(this.dialysisSolution.mode_id);
535 
+          this.dialysisSolution.mode_name = this.GetModeByModeId(
536 
+            this.dialysisSolution.mode_id
537 
+          );
432 
           break;
 538 
           break;
433 
-
539 
+
434 
         case 5:
 540 
         case 5:
435 
           this.dialysisSolution.anticoagulant = val.selectId;
 541 
           this.dialysisSolution.anticoagulant = val.selectId;
436
542
437 
-          if (typeof this.anticoagulantsConfit[val.selectId] == "undefined" || this.anticoagulantsConfit[val.selectId] == null) {
543 
+          if (
544 
+            typeof this.anticoagulantsConfit[val.selectId] == "undefined" ||
545 
+            this.anticoagulantsConfit[val.selectId] == null
546 
+          ) {
438 
             return;
 547 
             return;
439 
           }
 548 
           }
440 
           this.anticoagulant = this.anticoagulantsConfit[val.selectId];
 549 
           this.anticoagulant = this.anticoagulantsConfit[val.selectId];
447 
           break;
 556 
           break;
448 
       }
 557 
       }
449 
     },
 558 
     },
450 
-    handleTimeConfirm: function (val) {
451 
-      val = val.replace("小时")
452 
-      val = val.replace("分钟")
453 
-      let timeArray = val.split(":")
559 
+    handleTimeConfirm: function(val) {
560 
+      val = val.replace("小时");
561 
+      val = val.replace("分钟");
562 
+      let timeArray = val.split(":");
454 
       if (parseInt(timeArray[0].substring(0, 1)) == 0) {
 563 
       if (parseInt(timeArray[0].substring(0, 1)) == 0) {
455 
-        this.dialysisSolution.dialysis_duration_hour = timeArray[0].charAt(timeArray[0].length - 1)
564 
+        this.dialysisSolution.dialysis_duration_hour = timeArray[0].charAt(
565 
+          timeArray[0].length - 1
566 
+        );
456 
       } else {
 567 
       } else {
457 
-        this.dialysisSolution.dialysis_duration_hour = timeArray[0]
568 
+        this.dialysisSolution.dialysis_duration_hour = timeArray[0];
458 
       }
 569 
       }
459
570
460 
       if (parseInt(timeArray[1].substring(0, 1)) == 0) {
 571 
       if (parseInt(timeArray[1].substring(0, 1)) == 0) {
461 
-        this.dialysisSolution.dialysis_duration_minute = timeArray[1].charAt(timeArray[1].length - 1)
572 
+        this.dialysisSolution.dialysis_duration_minute = timeArray[1].charAt(
573 
+          timeArray[1].length - 1
574 
+        );
462 
       } else {
 575 
       } else {
463 
-        this.dialysisSolution.dialysis_duration_minute = timeArray[1]
576 
+        this.dialysisSolution.dialysis_duration_minute = timeArray[1];
464 
       }
 577 
       }
465 
-      this.timeValue = this.dialysisSolution.dialysis_duration_hour + "小时" + this.dialysisSolution.dialysis_duration_minute + "分钟"
466 
-      this.dialysisSolution.dialysis_duration = this.dialysisSolution.dialysis_duration_hour + "." + this.dialysisSolution.dialysis_duration_minute
467 
-
578 
+      this.timeValue =
579 
+        this.dialysisSolution.dialysis_duration_hour +
580 
+        "小时" +
581 
+        this.dialysisSolution.dialysis_duration_minute +
582 
+        "分钟";
583 
+      this.dialysisSolution.dialysis_duration =
584 
+        this.dialysisSolution.dialysis_duration_hour +
585 
+        "." +
586 
+        this.dialysisSolution.dialysis_duration_minute;
468 
     },
 587 
     },
469 
-    GetModeByModeId: function (val) {
588 
+    GetModeByModeId: function(val) {
470 
       let treatment_mode_name = "";
 589 
       let treatment_mode_name = "";
471 
       let treatment_mode = this.modeOption;
 590 
       let treatment_mode = this.modeOption;
472 
       for (let keys in treatment_mode) {
 591 
       for (let keys in treatment_mode) {
478 
       return treatment_mode_name;
 597 
       return treatment_mode_name;
479 
     },
 598 
     },
480 
     inputFocus: function(event) {
 599 
     inputFocus: function(event) {
481 
-      var input = event.target
482 
-      setTimeout(function () {
483 
-        input.scrollIntoView()
600 
+      var input = event.target;
601 
+      setTimeout(function() {
602 
+        input.scrollIntoView();
484 
       }, 0);
 603 
       }, 0);
485
604
486 
       if (input.setSelectionRange) {
 605 
       if (input.setSelectionRange) {
487 
-        setTimeout(function () {
606 
+        setTimeout(function() {
488 
           input.setSelectionRange(0, input.value.length);
 607 
           input.setSelectionRange(0, input.value.length);
489 
         }, 0);
 608 
         }, 0);
490 
       } else if (input.createTextRange) {
 609 
       } else if (input.createTextRange) {
491 
-          var rng = input.createTextRange();
492 
-          rng.move('character', input.value.length);
493 
-          rng.select();
610 
+        var rng = input.createTextRange();
611 
+        rng.move("character", input.value.length);
612 
+        rng.select();
494 
       }
 613 
       }
495 
     },
 614 
     },
496 
     lastInputBlur: function(event) {
 615 
     lastInputBlur: function(event) {
497 
-      var input = event.target
498 
-      setTimeout(function () {
499 
-        input.style.marginBottom = ""
616 
+      var input = event.target;
617 
+      setTimeout(function() {
618 
+        input.style.marginBottom = "";
500 
       }, 0);
 619 
       }, 0);
501 
     },
 620 
     },
502 
     lastInputFocus: function(event) {
 621 
     lastInputFocus: function(event) {
503 
-      var input = event.target
504 
-      setTimeout(function () {
505 
-        input.style.marginBottom = "2rem"
506 
-        input.parentNode.scrollIntoView()
622 
+      var input = event.target;
623 
+      setTimeout(function() {
624 
+        input.style.marginBottom = "2rem";
625 
+        input.parentNode.scrollIntoView();
507 
       }, 0);
 626 
       }, 0);
508 
     },
 627 
     },
509 
-    GetDialysateFormulationById: function (val) {
628 
+    GetDialysateFormulationById: function(val) {
510 
       let name = "";
 629 
       let name = "";
511 
       let dfl = this.dialysateFormulationOptions.length;
 630 
       let dfl = this.dialysateFormulationOptions.length;
512 
       for (let index = 0; index < dfl; index++) {
 631 
       for (let index = 0; index < dfl; index++) {
513 
-        if(this.dialysateFormulationOptions[index].id == val) {
632 
+        if (this.dialysateFormulationOptions[index].id == val) {
514 
           name = this.dialysateFormulationOptions[index].name;
 633 
           name = this.dialysateFormulationOptions[index].name;
515 
           break;
 634 
           break;
516 
         }
 635 
         }
517 
       }
 636 
       }
518 
       return name;
 637 
       return name;
519 
     },
 638 
     },
520 
-    GetAnticoagulantById: function (val) {
639 
+    GetAnticoagulantById: function(val) {
521 
       let anticoagulan_name = "";
 640 
       let anticoagulan_name = "";
522 
       let anticoagulant = this.anticoagulantsConfit;
 641 
       let anticoagulant = this.anticoagulantsConfit;
523 
       for (let keys in anticoagulant) {
 642 
       for (let keys in anticoagulant) {
527 
       }
 646 
       }
528 
       return anticoagulan_name;
 647 
       return anticoagulan_name;
529 
     },
 648 
     },
530 
-    tranDoctor(id){
649 
+    tranDoctor(id) {
531 
       if (id in this.adminUserOptions) {
 650 
       if (id in this.adminUserOptions) {
532 
         return this.adminUserOptions[id].name;
 651 
         return this.adminUserOptions[id].name;
533 
-      }else {
534 
-        return '未知';
652 
+      } else {
653 
+        return "未知";
535 
       }
 654 
       }
536 
     },
 655 
     },
537 
     fetchAllAdminUsers() {
 656 
     fetchAllAdminUsers() {
539 
         if (response.data.state == 1) {
 658 
         if (response.data.state == 1) {
540 
           var ul = response.data.data.users.length;
 659 
           var ul = response.data.data.users.length;
541 
           for (let index = 0; index < ul; index++) {
 660 
           for (let index = 0; index < ul; index++) {
542 
-            this.adminUserOptions[response.data.data.users[index].id] = response.data.data.users[index];
661 
+            this.adminUserOptions[response.data.data.users[index].id] =
662 
+              response.data.data.users[index];
543 
           }
 663 
           }
544 
         }
 664 
         }
545 
       });
 665 
       });
546 
     },
 666 
     },
547 
     onLoad() {
 667 
     onLoad() {
548 
       // 异步更新数据
 668 
       // 异步更新数据
549 
-      this.queryParams.page ++ ;
550 
-        GetPatientDialysisSolutionList(this.queryParams).then(response=>{
551 
-          if(response.data.state == 1) {
552 
-            var sl = response.data.data.solutions.length;
553 
-            if (sl == 0) {
554 
-              this.finished = true;
555 
-            }else {
556 
-
557 
-              for (let index = 0; index < sl; index++) {
558 
-                var solution = response.data.data.solutions[index];
559 
-                solution.no = allno;
560 
-                solution.edate = parseTime(solution.updated_time, "{y}-{m}-{d} {h}:{i}")
561 
-                allno ++;
562 
-                this.tableDate.push(solution);
563 
-              }
669 
+      this.queryParams.page++;
670 
+      GetPatientDialysisSolutionList(this.queryParams).then(response => {
671 
+        if (response.data.state == 1) {
672 
+          var sl = response.data.data.solutions.length;
673 
+          if (sl == 0) {
674 
+            this.finished = true;
675 
+          } else {
676 
+            for (let index = 0; index < sl; index++) {
677 
+              var solution = response.data.data.solutions[index];
678 
+              solution.no = allno;
679 
+              solution.edate = parseTime(
680 
+                solution.updated_time,
681 
+                "{y}-{m}-{d} {h}:{i}"
682 
+              );
683 
+              allno++;
684 
+              this.tableDate.push(solution);
564 
             }
 685 
             }
565 
-            this.loading = false;
566 
           }
 686 
           }
567 
-        });
568 
-
569 
-    },
687 
+          this.loading = false;
688 
+        }
689 
+      });
690 
+    }
570 
   },
 691 
   },
571 
-  created(){
692 
+  created() {
572 
     allno = 1;
 693 
     allno = 1;
573 
     this.fetchAllAdminUsers();
 694 
     this.fetchAllAdminUsers();
574 
     this.queryParams.id = this.$route.query.patient_id;
 695 
     this.queryParams.id = this.$route.query.patient_id;
575 
     this.onLoad();
 696 
     this.onLoad();
576 
-
697 
+
577 
     this.modeOption = this.$store.getters.treatment_mode;
 698 
     this.modeOption = this.$store.getters.treatment_mode;
578 
-    this.dialysateFormulationOptions = getDataConfig('hemodialysis','dialysate_formulation');
699 
+    this.dialysateFormulationOptions = getDataConfig(
700 
+      "hemodialysis",
701 
+      "dialysate_formulation"
702 
+    );
579 
     this.anticoagulantsConfit = this.$store.getters.anticoagulants_confit;
 703 
     this.anticoagulantsConfit = this.$store.getters.anticoagulants_confit;
580
704
581 
     var date = this.$route.query && this.$route.query.date;
 705 
     var date = this.$route.query && this.$route.query.date;
582 
-      date *= 1000;
583 
-      var newDate = new Date(date);
584 
-
585 
-      var y = newDate.getFullYear();
586 
-      var m = newDate.getMonth() + 1;
587 
-      var d = newDate.getDate();
588 
-      if (isNaN(y) || isNaN(m) || isNaN(d)) {
589 
-        newDate = new Date();
590 
-        y = newDate.getFullYear();
591 
-        m = newDate.getMonth() + 1;
592 
-        d = newDate.getDate();
593 
-      }
594 
-      this.record_date =
595 
-        y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d);
706 
+    date *= 1000;
707 
+    var newDate = new Date(date);
708 
+
709 
+    var y = newDate.getFullYear();
710 
+    var m = newDate.getMonth() + 1;
711 
+    var d = newDate.getDate();
712 
+    if (isNaN(y) || isNaN(m) || isNaN(d)) {
713 
+      newDate = new Date();
714 
+      y = newDate.getFullYear();
715 
+      m = newDate.getMonth() + 1;
716 
+      d = newDate.getDate();
717 
+    }
718 
+    this.record_date =
719 
+      y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d);
596 
   },
 720 
   },
597 
   components: {
 721 
   components: {
598 
     CheckBoxSubMenu
 722 
     CheckBoxSubMenu

+ 1 - 1
src/pages/main/dialysis/MissionTable.vue Visa fil

220 
       @include text-align;
 220 
       @include text-align;
221 
       @include justify-content-between;
 221 
       @include justify-content-between;
222 
       padding: 0.3rem 0;
 222 
       padding: 0.3rem 0;
223 
-
223 
+      margin: 0 auto;
224 
       .iconfont {
 224 
       .iconfont {
225 
         margin: 0 0.1rem;
 225 
         margin: 0 0.1rem;
226 
         @media only screen and (max-width: 812px) {
 226 
         @media only screen and (max-width: 812px) {

+ 10 - 11
src/pages/main/records/CaseHistory.vue Visa fil

10 
         >{{ item }}</li>
 10 
         >{{ item }}</li>
11 
       </ul>
 11 
       </ul>
12 
     </div>
 12 
     </div>
13 
-
14 
     <div class="tab-content">
 13 
     <div class="tab-content">
15 
       <records-tab v-show="index == 0"></records-tab>
 14 
       <records-tab v-show="index == 0"></records-tab>
16 
       <check-tab v-show="index == 1" ref="item"></check-tab>
 15 
       <check-tab v-show="index == 1" ref="item"></check-tab>
80 
   @media only screen and (max-width: 812px) {
 79 
   @media only screen and (max-width: 812px) {
81 
     top: 45px !important;
 80 
     top: 45px !important;
82 
   }
 81 
   }
83 
-  @media only screen and (min-width: 376px) and (max-width: 668px) {
84 
-    top: 50px !important;
85 
-  }
86 
-  @media only screen and (min-width: 415px) and (max-width: 736px) {
87 
-    top: 50px !important;
88 
-  }
89 
-  @media only screen and (min-width: 768px) and (max-width: 1024px) {
82 
+  // @media only screen and (min-width: 376px) and (max-width: 668px) {
83 
+  //   top: 50px !important;
84 
+  // }
85 
+  // @media only screen and (min-width: 415px) and (max-width: 736px) {
86 
+  //   top: 50px !important;
87 
+  // }
88 
+  @media only screen and (min-width: 813px) and (max-width: 1024px) {
90 
     top: 67px;
 89 
     top: 67px;
91 
   }
 90 
   }
92 
-  @media only screen and (min-width: 737px) and (max-width: 768px) {
93 
-    padding-top: 20px;
94 
-  }
91 
+  // @media only screen and (min-width: 737px) and (max-width: 768px) {
92 
+  //   padding-top: 20px;
93 
+  // }
95 
   ul {
 94 
   ul {
96 
     width: 60%;
 95 
     width: 60%;
97 
     margin: 0 auto;
 96 
     margin: 0 auto;

+ 3 - 0
src/pages/main/today/TodayTab.vue Visa fil

1600 
   top: -8px;
 1600 
   top: -8px;
1601 
   right: -8px;
 1601 
   right: -8px;
1602 
 }
 1602 
 }
1603 
+.goTop {
1604 
+  z-index: 999;
1605 
+}
1603 
 </style>
 1606 
 </style>

+ 25 - 12
src/pages/main/today/detailsInfo.vue Visa fil

8
8
9 
     <div class="ui-step clearfix">
 9 
     <div class="ui-step clearfix">
10 
       <ul class="ui-step-ul">
 10 
       <ul class="ui-step-ul">
11 
-        <li v-for="(item, index) in step_data" :key="index" class="ui-step-done">
11 
+        <li
12 
+          v-for="(item, index) in step_data"
13 
+          :key="index"
14 
+          class="ui-step-done"
15 
+        >
12 
           <div
 16 
           <div
13 
             class="ui-step-number"
 17 
             class="ui-step-number"
14 
-            :style="item.value==1?'':'background:#fff;border: 1px $main-color solid;'"
18 
+            :style="
19 
+              item.value == 1
20 
+                ? ''
21 
+                : 'background:#fff;border: 1px $main-color solid;'
22 
+            "
15 
           >
 23 
           >
16 
-            <i :style="item.value==1?'':'border:0;'" />
24 
+            <i :style="item.value == 1 ? '' : 'border:0;'" />
17 
           </div>
 25 
           </div>
18 
           <div class="ui-step-title">{{ item.title }}</div>
 26 
           <div class="ui-step-title">{{ item.title }}</div>
19 
         </li>
 27 
         </li>
23 
     <ul class="clearfix newWidth">
 31 
     <ul class="clearfix newWidth">
24 
       <li>
 32 
       <li>
25 
         <label>姓名 :</label>
 33 
         <label>姓名 :</label>
26 
-        <span>{{patient.name}}</span>
34 
+        <span>{{ patient.name }}</span>
27 
       </li>
 35 
       </li>
28 
       <li>
 36 
       <li>
29 
         <label>性别 :</label>
 37 
         <label>性别 :</label>
30 
-        <span>{{patient.gender == 1 ? "男" : "女"}}</span>
38 
+        <span>{{ patient.gender == 1 ? "男" : "女" }}</span>
31 
       </li>
 39 
       </li>
32 
       <li>
 40 
       <li>
33 
         <label>年龄 :</label>
 41 
         <label>年龄 :</label>
34 
-        <span>{{age}}</span>
42 
+        <span>{{ age }}</span>
35 
       </li>
 43 
       </li>
36 
       <li>
 44 
       <li>
37 
         <label>透析号 :</label>
 45 
         <label>透析号 :</label>
38 
-        <span>{{patient.dialysis_no}}</span>
46 
+        <span>{{ patient.dialysis_no }}</span>
39 
       </li>
 47 
       </li>
40 
       <li>
 48 
       <li>
41 
         <label>床位号 :</label>
 49 
         <label>床位号 :</label>
42 
-        <span>{{device_number}}</span>
50 
+        <span>{{ device_number }}</span>
43 
       </li>
 51 
       </li>
44 
       <li>
 52 
       <li>
45 
         <label>来源 :</label>
 53 
         <label>来源 :</label>
46 
-        <span>{{source}}</span>
54 
+        <span>{{ source }}</span>
47 
       </li>
 55 
       </li>
48 
       <li>
 56 
       <li>
49 
         <label>住院号 :</label>
 57 
         <label>住院号 :</label>
50 
-        <span>{{patient.admission_number}}</span>
58 
+        <span>{{ patient.admission_number }}</span>
51 
       </li>
 59 
       </li>
52 
       <li>
 60 
       <li>
53 
         <label>透析日期 :</label>
 61 
         <label>透析日期 :</label>
54 
-        <span>{{dialysis_date}}</span>
62 
+        <span>{{ dialysis_date }}</span>
55 
       </li>
 63 
       </li>
56 
     </ul>
 64 
     </ul>
57 
   </div>
 65 
   </div>
208 
           color: #34495e;
 216 
           color: #34495e;
209 
           font-size: 0.34rem;
 217 
           font-size: 0.34rem;
210 
           font-weight: normal;
 218 
           font-weight: normal;
211 
-          width: 1rem;
219 
+          @media only screen and (max-width: 415px) {
220 
+            width: 1rem;
221 
+          }
212 
         }
 222 
         }
213 
         .ui-step-number {
 223 
         .ui-step-number {
214 
           position: relative;
 224 
           position: relative;
252 
     @media only screen and (min-width: 375px) {
 262 
     @media only screen and (min-width: 375px) {
253 
       width: 33.3% !important;
 263 
       width: 33.3% !important;
254 
     }
 264 
     }
265 
+    @media only screen and (max-width: 320px) {
266 
+      width: 33.3% !important;
267 
+    }
255 
     @media only screen and (min-width: 667px) {
 268 
     @media only screen and (min-width: 667px) {
256 
       width: 25% !important;
 269 
       width: 25% !important;
257 
     }
 270 
     }

+ 69 - 36
src/pages/monitoring/index.vue Visa fil

24 
               type="info"
 24 
               type="info"
25 
               style="border: none;"
 25 
               style="border: none;"
26 
               @click="searchWithKeyword(1)"
 26 
               @click="searchWithKeyword(1)"
27 
-            >搜索</van-button>
27 
+              >搜索</van-button
28 
+            >
28 
           </van-field>
 29 
           </van-field>
29 
         </div>
 30 
         </div>
30 
       </div>
 31 
       </div>
33 
         <ul>
 34 
         <ul>
34 
           <el-popover v-model="visible" placement="bottom" trigger="click">
 35 
           <el-popover v-model="visible" placement="bottom" trigger="click">
35 
             <li slot="reference">
 36 
             <li slot="reference">
36 
-              {{ partitionName(partition)
37 
-              }}
37 
+              {{ partitionName(partition) }}
38 
               <span class="iconfont">&#xe74a;</span>
 38 
               <span class="iconfont">&#xe74a;</span>
39 
             </li>
 39 
             </li>
40 
             <div class="popover-demo-content">
 40 
             <div class="popover-demo-content">
44 
                   :key="item.id"
 44 
                   :key="item.id"
45 
                   @click="itemClick(item.id)"
 45 
                   @click="itemClick(item.id)"
46 
                   :class="partition == item.id ? 'tick' : ''"
 46 
                   :class="partition == item.id ? 'tick' : ''"
47 
-                >{{ item.name }}</li>
47 
+                >
48 
+                  {{ item.name }}
49 
+                </li>
48 
               </ul>
 50 
               </ul>
49 
             </div>
 51 
             </div>
50 
           </el-popover>
 52 
           </el-popover>
51 
           <li @click="openPicker">
 53 
           <li @click="openPicker">
52 
-            {{ parseTime(date.getTime() / 1000, "{y}-{m}-{d}")
53 
-            }}
54 
-            <span
55 
-              class="iconfont"
56 
-            >&#xe74a;</span>
54 
+            {{ parseTime(date.getTime() / 1000, "{y}-{m}-{d}") }}
55 
+            <span class="iconfont">&#xe74a;</span>
57 
           </li>
 56 
           </li>
58 
         </ul>
 57 
         </ul>
59 
       </div>
 58 
       </div>
60 
-      <van-list v-model="loading" :finished="finished" finished-text="  " @load="onLoad">
59 
+      <van-list
60 
+        v-model="loading"
61 
+        :finished="finished"
62 
+        finished-text="  "
63 
+        @load="onLoad"
64 
+      >
61 
         <div class="blueBorder"></div>
 65 
         <div class="blueBorder"></div>
62 
         <table class="table">
 66 
         <table class="table">
63 
           <tr>
 67 
           <tr>
72 
           </tr>
 76 
           </tr>
73 
         </table>
 77 
         </table>
74
78
75 
-        <table class="table" v-for="(items, index) in dialysis_scheduals" :key="index">
79 
+        <table
80 
+          class="table"
81 
+          v-for="(items, index) in dialysis_scheduals"
82 
+          :key="index"
83 
+        >
76 
           <tr v-if="items.zone_name.length > 0">
 84 
           <tr v-if="items.zone_name.length > 0">
77 
             <td width="8%">{{ items.zone_name }}</td>
 85 
             <td width="8%">{{ items.zone_name }}</td>
78 
             <td width="8%"></td>
 86 
             <td width="8%"></td>
83 
             <td width="14%"></td>
 91 
             <td width="14%"></td>
84 
             <td width="27%"></td>
 92 
             <td width="27%"></td>
85 
           </tr>
 93 
           </tr>
86 
-          <tr v-for="(item, index) in items.scheduals" :key="index" @click="clickfunction(item)">
94 
+          <tr
95 
+            v-for="(item, index) in items.scheduals"
96 
+            :key="index"
97 
+            @click="clickfunction(item)"
98 
+          >
87 
             <td width="10%" style="color:#409eff;">{{ item.patient.name }}</td>
 99 
             <td width="10%" style="color:#409eff;">{{ item.patient.name }}</td>
88 
             <td width="8%">
 100 
             <td width="8%">
89 
               {{
 101 
               {{
90 
-              item.dialysis_order.device_number.number.length > 0
91 
-              ? item.dialysis_order.device_number.number
92 
-              : item.device_number.number
102 
+                item.dialysis_order.device_number.number.length > 0
103 
+                  ? item.dialysis_order.device_number.number
104 
+                  : item.device_number.number
93 
               }}
 105 
               }}
94 
             </td>
 106 
             </td>
95
107
96 
             <td width="9%">{{ item.patient.dialysis_no }}</td>
 108 
             <td width="9%">{{ item.patient.dialysis_no }}</td>
97 
-            <td width="13%">{{ parseTime(item.schedule_date, "{y}-{m}-{d}") }}</td>
109 
+            <td width="13%">
110 
+              {{ parseTime(item.schedule_date, "{y}-{m}-{d}") }}
111 
+            </td>
98 
             <td width="10%">{{ item.treatment_mode.name }}</td>
 112 
             <td width="10%">{{ item.treatment_mode.name }}</td>
99 
             <td width="9%">
 113 
             <td width="9%">
100 
               {{
 114 
               {{
101 
-              item.prescription.dewater_amount
102 
-              ? item.prescription.dewater_amount
103 
-              : ""
115 
+                item.prescription.dewater_amount
116 
+                  ? item.prescription.dewater_amount
117 
+                  : ""
104 
               }}
 118 
               }}
105 
             </td>
 119 
             </td>
106 
             <td width="14%">
 120 
             <td width="14%">
107 
               {{
 121 
               {{
108 
-              item.assessment_before_dislysis.weight_before
109 
-              ? item.assessment_before_dislysis.weight_before
110 
-              : ""
122 
+                item.assessment_before_dislysis.weight_before
123 
+                  ? item.assessment_before_dislysis.weight_before
124 
+                  : ""
111 
               }}/{{
 125 
               }}/{{
112 
-              item.assessment_after_dislysis.weight_after
113 
-              ? item.assessment_after_dislysis.weight_after
114 
-              : ""
126 
+                item.assessment_after_dislysis.weight_after
127 
+                  ? item.assessment_after_dislysis.weight_after
128 
+                  : ""
115 
               }}
 129 
               }}
116 
             </td>
 130 
             </td>
117 
             <td width="27%">
 131 
             <td width="27%">
118 
-              <span v-if="monitorBloodPressureStatus(item.monitoring_record) == 1">低压</span>
119 
-              <span v-if="monitorBloodPressureStatus(item.monitoring_record) == 2">正常</span>
120 
-              <span v-if="monitorBloodPressureStatus(item.monitoring_record) == 3">高压</span>
121 
-              <span v-if="monitorRateStatus(item.monitoring_record) == 1">心率过缓</span>
122 
-              <span v-if="monitorRateStatus(item.monitoring_record) == 2">正常</span>
123 
-              <span v-if="monitorRateStatus(item.monitoring_record) == 3">心率过高</span>
132 
+              <span
133 
+                v-if="monitorBloodPressureStatus(item.monitoring_record) == 1"
134 
+                >低压</span
135 
+              >
136 
+              <span
137 
+                v-if="monitorBloodPressureStatus(item.monitoring_record) == 2"
138 
+                >正常</span
139 
+              >
140 
+              <span
141 
+                v-if="monitorBloodPressureStatus(item.monitoring_record) == 3"
142 
+                >高压</span
143 
+              >
144 
+              <span v-if="monitorRateStatus(item.monitoring_record) == 1"
145 
+                >心率过缓</span
146 
+              >
147 
+              <span v-if="monitorRateStatus(item.monitoring_record) == 2"
148 
+                >正常</span
149 
+              >
150 
+              <span v-if="monitorRateStatus(item.monitoring_record) == 3"
151 
+                >心率过高</span
152 
+              >
124 
             </td>
 153 
             </td>
125 
           </tr>
 154 
           </tr>
126 
         </table>
 155 
         </table>
127
156
128 
         <div class="NoData" v-show="dialysis_scheduals.length == 0">
 157 
         <div class="NoData" v-show="dialysis_scheduals.length == 0">
129 
-          <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
158 
+          <img
159 
+            style="margin-top: 50px; margin-bottom: 50px"
160 
+            src="@/assets/login/data.jpg"
161 
+            alt
162 
+          />
130 
         </div>
 163 
         </div>
131 
       </van-list>
 164 
       </van-list>
132 
     </div>
 165 
     </div>
421 
   left: 0;
 454 
   left: 0;
422 
   background: #fff;
 455 
   background: #fff;
423 
   @media only screen and (max-width: 415px) {
 456 
   @media only screen and (max-width: 415px) {
424 
-    top: 39px !important;
457 
+    top: 38px !important;
425 
   }
 458 
   }
426 
-  @media only screen and (min-width: 376px) and (max-width: 737px) {
427 
-    top: 45px !important;
459 
+  @media only screen and (min-width: 376px) and (max-width: 812px) {
460 
+    top: 38px !important;
428 
   }
 461 
   }
429 
   ul {
 462 
   ul {
430 
     @include display-flex;
 463 
     @include display-flex;
465 
   @media only screen and (min-width: 376px) and (max-width: 737px) {
 498 
   @media only screen and (min-width: 376px) and (max-width: 737px) {
466 
     padding-top: 80px !important;
 499 
     padding-top: 80px !important;
467 
   }
 500 
   }
468 
-  @media only screen and (min-width: 768px) and (max-width: 1024px) {
501 
+  @media only screen and (min-width: 813px) and (max-width: 1024px) {
469 
     padding-top: 116px !important;
 502 
     padding-top: 116px !important;
470 
   }
 503 
   }
471 
 }
 504 
 }

+ 6 - 6
src/styles/media.scss Visa fil

1 
-@media only screen and (max-width: 376px) {
1 
+@media only screen and (max-width: 812px) {
2 
   html {
 2 
   html {
3 
     font-size: 30px;
 3 
     font-size: 30px;
4 
   }
 4 
   }
5 
 }
 5 
 }
6 
-@media only screen and (min-width: 376px) and (max-width: 737px) {
7 
-  html {
8 
-    font-size: 36px;
9 
-  }
10 
-}
6 
+// @media only screen and (min-width: 376px) and (max-width: 812px) {
7 
+//   html {
8 
+//     font-size: 36px;
9 
+//   }
10 
+// }
11
11
12 
 /* Medium devices (landscape tablets, 768px and up) */
 12 
 /* Medium devices (landscape tablets, 768px and up) */
13 
 // @media only screen and (min-width: 800px) {
 13 
 // @media only screen and (min-width: 800px) {

+ 23 - 17
src/styles/style.scss Visa fil

86 
         line-height: 0.62rem;
 86 
         line-height: 0.62rem;
87 
         float: left;
 87 
         float: left;
88 
         width: 5.2rem;
 88 
         width: 5.2rem;
89 
-        @media only screen and (min-width: 376px) and (max-width: 415px) {
89 
+        @media only screen and (min-width: 376px) and (max-width: 413px) {
90 
           width: 4.2rem;
 90 
           width: 4.2rem;
91 
         }
 91 
         }
92 
         .content {
 92 
         .content {
462 
       background: -webkit-linear-gradient(#dfe4ea, #ebf1f7);
 462 
       background: -webkit-linear-gradient(#dfe4ea, #ebf1f7);
463 
     }
 463 
     }
464 
     .DialogContent {
 464 
     .DialogContent {
465 
-      height: 8.8rem;
465 
+      height: 8.8rem !important;
466 
       overflow-y: scroll;
 466 
       overflow-y: scroll;
467 
       background: #fff;
 467 
       background: #fff;
468 
       @media only screen and (max-width: 415px) {
 468 
       @media only screen and (max-width: 415px) {
469 
         height: 14.8rem !important;
 469 
         height: 14.8rem !important;
470 
       }
 470 
       }
471 
       @media only screen and (min-width: 666px) and (max-width: 737px) {
 471 
       @media only screen and (min-width: 666px) and (max-width: 737px) {
472 
-        height: 7.8rem;
472 
+        height: 8.8rem !important;
473 
       }
 473 
       }
474 
       @media only screen and (min-width: 737px) and (max-width: 768px) {
 474 
       @media only screen and (min-width: 737px) and (max-width: 768px) {
475 
-        height: 14.8rem;
475 
+        height: 14.8rem !important;
476 
       }
 476 
       }
477 
-      @media only screen and (min-width: 769px) and (max-width: 1024px) {
478 
-        height: 11.8rem;
477 
+      @media only screen and (min-width: 813px) and (max-width: 1024px) {
478 
+        height: 11.8rem !important;
479 
       }
 479 
       }
480 
       .item {
 480 
       .item {
481 
         padding: 0 0.32rem;
 481 
         padding: 0 0.32rem;
743 
 // 搜索全局
 743 
 // 搜索全局
744 
 .search {
 744 
 .search {
745 
   color: #a8b3ba;
 745 
   color: #a8b3ba;
746 
-  width: 4.2rem;
746 
+  width: 6.2rem;
747 
   float: right;
 747 
   float: right;
748 
   font-size: 0.34rem;
 748 
   font-size: 0.34rem;
749 
   .field {
 749 
   .field {
754 
   .iconfont {
 754 
   .iconfont {
755 
     color: #a8b3ba;
 755 
     color: #a8b3ba;
756 
     font-size: 0.42rem;
 756 
     font-size: 0.42rem;
757 
+    @media only screen and (max-width: 812px) {
758 
+      font-size: 0.52rem;
759 
+    }
757 
   }
 760 
   }
758 
   .field {
 761 
   .field {
759 
     background-color: #ebf1f7;
 762 
     background-color: #ebf1f7;
769 
   }
 772 
   }
770 
 }
 773 
 }
771
774
772 
-.van-cell {
773 
-  @media only screen and (max-width: 812px) {
774 
-    font-size: 6px !important;
775 
-  }
776 
-}
775 
+// .van-cell {
776 
+//   @media only screen and (max-width: 812px) {
777 
+//     font-size: 6px !important;
778 
+//   }
779 
+// }
777 
 .van-field__left-icon {
 780 
 .van-field__left-icon {
778 
-  @media only screen and (max-width: 812px) {
779 
-    // margin-right: 0 !important;
780 
-    margin-top: 1px;
781 
-  }
781 
+  // @media only screen and (max-width: 812px) {
782 
+  //   // margin-right: 0 !important;
783 
+  //   margin-top: -1px;
784 
+  // }
782 
   .van-icon-arrow-down {
 785 
   .van-icon-arrow-down {
783 
     @media only screen and (max-width: 812px) {
 786 
     @media only screen and (max-width: 812px) {
784 
       font-size: 12px !important;
 787 
       font-size: 12px !important;
867 
 //   background: #fff;
 870 
 //   background: #fff;
868 
 // }
 871 
 // }
869 
 .stateBox {
 872 
 .stateBox {
870 
-  padding-top: 180px;
873 
+  padding-top: 140px;
871 
   background: #fff;
 874 
   background: #fff;
872 
   min-height: calc(100vh - 2px);
 875 
   min-height: calc(100vh - 2px);
873 
   padding-left: 0.45rem;
 876 
   padding-left: 0.45rem;
874 
 }
 877 
 }
878 
+#app {
879 
+  -webkit-overflow-scrolling: touch;
880 
+}