Home Explore Help
Register Sign In
zhangbj
/
xt_pad
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

合并代码

csx 5 years ago
parent
12b4a9e953 195b30cae5
commit
9e5951a220
67 changed files with 10405 additions and 7430 deletions
Unified View Show Diff Stats
  1. 6 3
      index.html
  2. 90 93
      src/api/advice.js
  3. BIN
      src/assets/login/newLogo.png
  4. BIN
      src/assets/my/avatar.png
  5. BIN
      src/assets/my/exit.png
  6. BIN
      src/assets/my/modification.png
  7. BIN
      src/assets/my/myBanner.png
  8. BIN
      src/assets/my/name.png
  9. 78 15
      src/pages/advice/AdvicePage.vue
  10. 95 96
      src/pages/advice/DialysisAdviceTable.vue
  11. 25 21
      src/pages/advice/NormalAdviceTable.vue
  12. 9 2
      src/pages/advice/index.vue
  13. 105 59
      src/pages/home/login.vue
  14. 91 44
      src/pages/layout/SideBar.vue
  15. 155 97
      src/pages/main/DetailsPage.vue
  16. 364 386
      src/pages/main/DialysisArea.vue
  17. 268 230
      src/pages/main/PatientBox.vue
  18. 1 1
      src/pages/main/Print.vue
  19. 62 26
      src/pages/main/PrintIndex.vue
  20. 262 89
      src/pages/main/RecordPage.vue
  21. 144 109
      src/pages/main/WaitingArea.vue
  22. 111 70
      src/pages/main/add_urgent_schedule.vue
  23. 247 233
      src/pages/main/dialog/AcceptsDialog.vue
  24. 162 54
      src/pages/main/dialog/AssessmentDialog.vue
  25. 158 35
      src/pages/main/dialog/ComputerDialog.vue
  26. 367 348
      src/pages/main/dialog/DoubleDialog.vue
  27. 204 131
      src/pages/main/dialog/LongDialog.vue
  28. 478 145
      src/pages/main/dialog/MonitDialog.vue
  29. 199 136
      src/pages/main/dialog/OrdersDialog.vue
  30. 332 333
      src/pages/main/dialog/OrdersDialog_olddddd.vue
  31. 50 27
      src/pages/main/dialog/PlaneDialog.vue
  32. 30 7
      src/pages/main/dialog/PrescriptionDialog.vue
  33. 180 62
      src/pages/main/dialog/ThorougDialog.vue
  34. 115 88
      src/pages/main/dialog/TreatmentDialog.vue
  35. 11 12
      src/pages/main/dialog/TwoMenu.vue
  36. 103 93
      src/pages/main/dialog/modify_order/ModifyAdviceGroup.vue
  37. 86 23
      src/pages/main/dialog/new_order/AddNewOrders.vue
  38. 102 92
      src/pages/main/dialog/new_order/select_advice_template_dialog.vue
  39. 187 145
      src/pages/main/dialog/subMenu/LongAdviceSubMenu.vue
  40. 59 40
      src/pages/main/dialog/subMenu/checkBoxSubMenu.vue
  41. 1226 1112
      src/pages/main/dialysis/AdviceTable.vue
  42. 146 43
      src/pages/main/dialysis/CheckTab.vue
  43. 78 53
      src/pages/main/dialysis/DialysisTab.vue
  44. 64 32
      src/pages/main/dialysis/InspectionItemTable.vue
  45. 491 315
      src/pages/main/dialysis/LongTable.vue
  46. 159 142
      src/pages/main/dialysis/MissionTable.vue
  47. 125 53
      src/pages/main/dialysis/RecordTable.vue
  48. 77 69
      src/pages/main/dialysis/SchedulTable.vue
  49. 222 219
      src/pages/main/index.vue
  50. 18 9
      src/pages/main/records/CaseHistory.vue
  51. 5 2
      src/pages/main/records/RecordsTab.vue
  52. 1079 1011
      src/pages/main/today/TodayTab.vue
  53. 173 145
      src/pages/main/today/acceptsAssessment.vue
  54. 90 56
      src/pages/main/today/detailsInfo.vue
  55. 45 38
      src/pages/main/today/dialysisComputer.vue
  56. 205 68
      src/pages/main/today/dialysisMonitoring.vue
  57. 34 31
      src/pages/main/today/dialysisOff.vue
  58. 142 116
      src/pages/main/today/statOrder.vue
  59. 471 346
      src/pages/monitoring/index.vue
  60. 97 0
      src/pages/personal/ChangePassword.vue
  61. 45 27
      src/pages/personal/ElectronicSignature.vue
  62. 100 0
      src/pages/personal/ForgetPassword.vue
  63. 190 75
      src/pages/personal/index.vue
  64. 1 0
      src/pages/product/index.vue
  65. 51 41
      src/router/index.js
  66. 7 2
      src/styles/media.scss
  67. 128 80
      src/styles/style.scss

+ 6 - 3
index.html View File

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>

+ 90 - 93
src/api/advice.js View File

1 
 import request from '@/utils/request'
 1 
 import request from '@/utils/request'
2
2
3 
-export function getAdviceConfig(){
4 
-    return request({
5 
-        url:'/m/api/getadviceconfigs',
6 
-        method:'get',
7 
-    })
3 
+export function getAdviceConfig () {
4 
+  return request({
5 
+    url: '/m/api/getadviceconfigs',
6 
+    method: 'get'
7 
+  })
8 
 }
 8 
 }
9
9
10 
-export function CreateDoctorAdvice(id, advice){
11 
-    return request({
12 
-        url:'/m/api/advice/create?id='+id,
13 
-        method:'post',
14 
-        data:advice,
15 
-    })
10 
+export function CreateDoctorAdvice (id, advice) {
11 
+  console.log('id', id)
12 
+  return request({
13 
+    url: '/m/api/advice/create?id=' + id,
14 
+    method: 'post',
15 
+    data: advice
16 
+  })
16 
 }
 17 
 }
17 
-export function EditDoctorAdvice(id, advice){
18 
-    return request({
19 
-        url:'/m/api/advice/edit?id='+id,
20 
-        method:'put',
21 
-        data:advice,
22 
-    })
18 
+export function EditDoctorAdvice (id, advice) {
19 
+  return request({
20 
+    url: '/m/api/advice/edit?id=' + id,
21 
+    method: 'put',
22 
+    data: advice
23 
+  })
23 
 }
 24 
 }
24
25
25 
-export function StopDoctorAdvice(id, advice){
26 
-    return request({
27 
-        url:'/m/api/advice/stop?id='+id,
28 
-        method:'Post',
29 
-        data:advice,
30 
-    })
26 
+export function StopDoctorAdvice (id, advice) {
27 
+  return request({
28 
+    url: '/m/api/advice/stop?id=' + id,
29 
+    method: 'Post',
30 
+    data: advice
31 
+  })
31 
 }
 32 
 }
32
33
33 
-export function ExecDoctorAdvice(params){
34 
-    return request({
35 
-        url:'/m/api/advice/exec',
36 
-        method:'Post',
37 
-        params:params,
38 
-    })
34 
+export function ExecDoctorAdvice (params) {
35 
+  return request({
36 
+    url: '/m/api/advice/exec',
37 
+    method: 'Post',
38 
+    params: params
39 
+  })
39 
 }
 40 
 }
40
41
41 
-export function CheckDoctorAdvice(params){
42 
-    return request({
43 
-        url:'/m/api/advice/check',
44 
-        method:'Post',
45 
-        params:params,
46 
-    })
42 
+export function CheckDoctorAdvice (params) {
43 
+  return request({
44 
+    url: '/m/api/advice/check',
45 
+    method: 'Post',
46 
+    params: params
47 
+  })
47 
 }
 48 
 }
48
49
49 
-export function DeleteDoctorAdvice(id){
50 
-    return request({
51 
-        url:'/m/api/advice/delete?id='+id,
52 
-        method:'Delete',
53 
-    })
50 
+export function DeleteDoctorAdvice (id) {
51 
+  return request({
52 
+    url: '/m/api/advice/delete?id=' + id,
53 
+    method: 'Delete'
54 
+  })
54 
 }
 55 
 }
55
56
56 
-export function DeleteDoctorAdviceNew(group_no, advice_id) {
57 
-    return request({
58 
-        url: "/m/api/newadvice/delete",
59 
-        method: "Delete",
60 
-        params: {
61 
-            groupno: group_no,
62 
-            advice_id: advice_id,
63 
-        }
64 
-    })
57 
+export function DeleteDoctorAdviceNew (group_no, advice_id) {
58 
+  return request({
59 
+    url: '/m/api/newadvice/delete',
60 
+    method: 'Delete',
61 
+    params: {
62 
+      groupno: group_no,
63 
+      advice_id: advice_id
64 
+    }
65 
+  })
65 
 }
 66 
 }
66
67
67 
-export function getSchedualDoctors(params) {
68 
-    return request({
69 
-        url: "/m/api/schedule/advices",
70 
-        method: "get",
71 
-        params: params,
72 
-    })
68 
+export function getSchedualDoctors (params) {
69 
+  return request({
70 
+    url: '/m/api/schedule/advices',
71 
+    method: 'get',
72 
+    params: params
73 
+  })
73 
 }
 74 
 }
74
75
75 
-export function batchCreateAdvices(patient_id, group_no, data) {
76 
-    return request({
77 
-        url: "/m/api/advice/creategroup",
78 
-        method: "post",
79 
-        params: {
80 
-            id: patient_id,
81 
-            group_no: group_no,
82 
-        },
83 
-        data: data,
84 
-    })
76 
+export function batchCreateAdvices (patient_id, group_no, data) {
77 
+  return request({
78 
+    url: '/m/api/advice/creategroup',
79 
+    method: 'post',
80 
+    params: {
81 
+      id: patient_id,
82 
+      group_no: group_no
83 
+    },
84 
+    data: data
85 
+  })
85 
 }
 86 
 }
86
87
87 
-export function modifyAdviceGroupStartTime(group_no, start_time_str) {
88 
-    return request({
89 
-        url: "/m/api/advice/group/modify_starttime",
90 
-        method: "post",
91 
-        params: {
92 
-            group_no: group_no,
93 
-            start_time: start_time_str,
94 
-        }
95 
-    })
88 
+export function modifyAdviceGroupStartTime (group_no, start_time_str) {
89 
+  return request({
90 
+    url: '/m/api/advice/group/modify_starttime',
91 
+    method: 'post',
92 
+    params: {
93 
+      group_no: group_no,
94 
+      start_time: start_time_str
95 
+    }
96 
+  })
96 
 }
 97 
 }
97
98
98 
-
99 
-export function ExecSingleDoctorAdvice(params){
99 
+export function ExecSingleDoctorAdvice (params) {
100 
   return request({
 100 
   return request({
101 
-    url:'/m/api/advice/exec/single',
102 
-    method:'Post',
103 
-    params:params,
101 
+    url: '/m/api/advice/exec/single',
102 
+    method: 'Post',
103 
+    params: params
104 
   })
 104 
   })
105 
 }
 105 
 }
106
106
107 
-export function DeleteSubDoctorAdvice(params){
107 
+export function DeleteSubDoctorAdvice (params) {
108 
   return request({
 108 
   return request({
109 
-    url:'/m/api/delete/subadvice?advice_id='+params,
110 
-    method:'Delete',
109 
+    url: '/m/api/delete/subadvice?advice_id=' + params,
110 
+    method: 'Delete'
111 
   })
 111 
   })
112 
 }
 112 
 }
113
113
114 
-
115 
 // export function ModifyExecDoctorAdvice(params){
 114 
 // export function ModifyExecDoctorAdvice(params){
116 
 //   return request({
 115 
 //   return request({
117 
 //     url:'/m/api/delete/subadvice?advice_id='+params,
 116 
 //     url:'/m/api/delete/subadvice?advice_id='+params,
119 
 //   })
 118 
 //   })
120 
 // }
 119 
 // }
121
120
122 
-
123 
-export function ModifyExecDoctorAdvice(params){
121 
+export function ModifyExecDoctorAdvice (params) {
124 
   return request({
 122 
   return request({
125 
-    url:'/m/api/advice/exec/modify',
126 
-    method:'Post',
127 
-    params:params,
123 
+    url: '/m/api/advice/exec/modify',
124 
+    method: 'Post',
125 
+    params: params
128 
   })
 126 
   })
129 
 }
 127 
 }
130
128
131 
-export function GetRemindLongAdvice(params){
129 
+export function GetRemindLongAdvice (params) {
132 
   return request({
 130 
   return request({
133 
-    url:'/m/api/dialysis/advice_remind',
134 
-    method:'Get',
135 
-    params:params,
131 
+    url: '/m/api/dialysis/advice_remind',
132 
+    method: 'Get',
133 
+    params: params
136 
   })
 134 
   })
137 
 }
 135 
 }
138 
-

BIN
src/assets/login/newLogo.png View File


BIN
src/assets/my/avatar.png View File


BIN
src/assets/my/exit.png View File


BIN
src/assets/my/modification.png View File


BIN
src/assets/my/myBanner.png View File


BIN
src/assets/my/name.png View File


+ 78 - 15
src/pages/advice/AdvicePage.vue View File

1 
 <template>
 1 
 <template>
2 
   <div>
 2 
   <div>
3 
     <van-row class="top_row">
 3 
     <van-row class="top_row">
4 
-      <van-col :span="9">
4 
+      <!-- <van-col :span="9">
5 
         <div style="visibility: hidden">
 5 
         <div style="visibility: hidden">
6 
           <span class="title"></span>
 6 
           <span class="title"></span>
7 
         </div>
 7 
         </div>
8 
       </van-col>
 8 
       </van-col>
9 
-      <van-col :span="8">
9 
+      <van-col :span="14">
10 
         <div class="department">
 10 
         <div class="department">
11 
           <ul>
 11 
           <ul>
12 
-            <li v-for="(item,i) in ['透析临嘱','普通医嘱']" :key="i" :class="index == i? 'active':'' " @click="ClickTab(i)" >{{item}}</li>
12 
+            <li
13 
+              v-for="(item,i) in ['透析临嘱','普通医嘱']"
14 
+              :key="i"
15 
+              :class="index == i? 'active':'' "
16 
+              @click="ClickTab(i)"
17 
+            >{{item}}</li>
13 
           </ul>
 18 
           </ul>
14 
         </div>
 19 
         </div>
15 
       </van-col>
 20 
       </van-col>
16
21
17 
-
18 
-      <van-col :span="5">
19 
-        <router-link to="/add_urgent_schedule">
20 
-        </router-link>
22 
+      <van-col :span="4">
23 
+        <router-link to="/add_urgent_schedule"></router-link>
21 
         <div class="search" style="visibility: hidden">
 24 
         <div class="search" style="visibility: hidden">
22 
           <van-field v-model="search_input" ref="search_field" placeholder="透析号/姓名" class="field">
 25 
           <van-field v-model="search_input" ref="search_field" placeholder="透析号/姓名" class="field">
23 
             <i class="iconfont" slot="left-icon">&#xe741;</i>
 26 
             <i class="iconfont" slot="left-icon">&#xe741;</i>
24 
-            <van-button slot="button" size="small" type="info" style="border: none;" @click="searchWithKeyword">搜索</van-button>
27 
+            <van-button
28 
+              slot="button"
29 
+              size="small"
30 
+              type="info"
31 
+              style="border: none;"
32 
+              @click="searchWithKeyword"
33 
+            >搜索</van-button>
25 
           </van-field>
 34 
           </van-field>
26 
         </div>
 35 
         </div>
27 
-      </van-col>
36 
+      </van-col>-->
37 
+      <div class="newSearch">
38 
+        <el-input
39 
+          prefix-icon="el-icon-search"
40 
+          v-model="advice_keyword"
41 
+          ref="search_field"
42 
+          placeholder="透析号/姓名"
43 
+        ></el-input>
44 
+        <p class="searchBtn" @click="searchWithKeyword(1)">搜索</p>
45 
+      </div>
28 
     </van-row>
 46 
     </van-row>
29
47
30 
-
31 
     <div class="area">
 48 
     <div class="area">
32 
-      <DialysisAdviceTable v-show="index==0"> </DialysisAdviceTable>
49 
+      <DialysisAdviceTable v-show="index==0"></DialysisAdviceTable>
33 
       <NormalAdviceTable v-show="index==1"></NormalAdviceTable>
 50 
       <NormalAdviceTable v-show="index==1"></NormalAdviceTable>
34 
     </div>
 51 
     </div>
35 
-
36 
   </div>
 52 
   </div>
37 
 </template>
 53 
 </template>
38
54
45 
     return {
 61 
     return {
46 
       index: 0,
 62 
       index: 0,
47 
       search_input: "",
 63 
       search_input: "",
48 
-      search_keyword: ""
64 
+      search_keyword: "",
65 
+      advice_keyword: ""
49 
     };
 66 
     };
50 
   },
 67 
   },
51 
   components: {
 68 
   components: {
72 
 .top_row {
 89 
 .top_row {
73 
   font-size: 0.3rem;
 90 
   font-size: 0.3rem;
74 
   padding: 0.3rem 0.3rem;
 91 
   padding: 0.3rem 0.3rem;
75 
-  border-bottom: 1px #e5e5e5 solid;
92 
+  // border-bottom: 1px #e5e5e5 solid;
76 
   display: flex;
 93 
   display: flex;
77 
   align-items: center;
 94 
   align-items: center;
95 
+  background: #258ffc;
78 
 }
 96 
 }
79 
 .title {
 97 
 .title {
80 
   font-size: 0.34rem;
 98 
   font-size: 0.34rem;
92 
       line-height: 0.64rem;
 110 
       line-height: 0.64rem;
93 
       padding: 0 0.3rem;
 111 
       padding: 0 0.3rem;
94 
       color: $title-color;
 112 
       color: $title-color;
113 
+
95 
       &.active {
 114 
       &.active {
96 
         background: $main-color;
 115 
         background: $main-color;
97 
         color: #fff;
 116 
         color: #fff;
123 
   background-color: #ff7978;
 142 
   background-color: #ff7978;
124 
   border: none;
 143 
   border: none;
125 
   @media only screen and (max-width: 812px) {
 144 
   @media only screen and (max-width: 812px) {
126 
-  min-width: 60px !important;
145 
+    min-width: 60px !important;
127 
   }
 146 
   }
128 
 }
 147 
 }
129 
 </style>
 148 
 </style>
130
149
150 
+<style lang="scss">
151 
+.newSearch {
152 
+  height: 1rem;
153 
+  width: 100%;
154 
+  background: #fff;
155 
+  border-radius: 30px;
156 
+  .searchBtn {
157 
+    width: 14%;
158 
+    float: right;
159 
+    height: 1rem;
160 
+    line-height: 1rem;
161 
+    text-align: center;
162 
+    font-size: 0.45rem;
163 
+    color: #258ffc;
164 
+  }
165 
+  .el-input {
166 
+    height: 100%;
167 
+    width: 85% !important;
168 
+    float: left;
169 
+  }
170 
+  .el-input__inner {
171 
+    height: 100%;
172 
+    line-height: 1rem;
173 
+    width: 100%;
174 
+    border-radius: 30px;
175 
+    border: none;
176 
+    font-size: 0.45rem;
177 
+    @media only screen and (min-width: 768px) {
178 
+      padding-left: 0.9rem;
179 
+    }
180 
+  }
181 
+  .el-input__icon {
182 
+    line-height: 1rem;
183 
+    font-size: 0.45rem;
184 
+    margin-top: 0.02rem;
185 
+    padding-left: 0.1rem;
186 
+  }
187 
+  .el-input__prefix {
188 
+    @media only screen and (min-width: 768px) {
189 
+      left: 10px;
190 
+    }
191 
+  }
192 
+}
193 
+</style>

+ 95 - 96
src/pages/advice/DialysisAdviceTable.vue View File

2 
   <div class="mainBox">
 2 
   <div class="mainBox">
3 
     <div class="choice">
 3 
     <div class="choice">
4 
       <ul>
 4 
       <ul>
5 
-        <el-popover
6 
-          placement="bottom"
7 
-          trigger="click"
8 
-          v-model="show_patient_type_selector"
9 
-        >
5 
+        <el-popover placement="bottom" trigger="click" v-model="show_patient_type_selector">
10 
           <li slot="reference">
 6 
           <li slot="reference">
11 
-            {{ patient_types[patient_selected].text
12 
-            }}<span class="iconfont">&#xe74a;</span>
7 
+            {{ patient_types[patient_selected].text }}
8 
+            <span class="iconfont">&#xe74a;</span>
13 
           </li>
 9 
           </li>
14 
           <div class="popover-demo-content">
 10 
           <div class="popover-demo-content">
15 
             <ul>
 11 
             <ul>
18 
                 :key="type.value"
 14 
                 :key="type.value"
19 
                 @click="handlePaitentType(type.value)"
 15 
                 @click="handlePaitentType(type.value)"
20 
                 :class="advice_type_selected == type.value ? 'tick' : ''"
 16 
                 :class="advice_type_selected == type.value ? 'tick' : ''"
21 
-              >
22 
-                {{ type.text }}
23 
-              </li>
17 
+              >{{ type.text }}</li>
24 
             </ul>
 18 
             </ul>
25 
           </div>
 19 
           </div>
26 
         </el-popover>
 20 
         </el-popover>
27
21
28 
-        <el-popover
29 
-          placement="bottom"
30 
-          trigger="click"
31 
-          v-model="show_zone_selector"
32 
-        >
22 
+        <el-popover placement="bottom" trigger="click" v-model="show_zone_selector">
33 
           <li slot="reference">
 23 
           <li slot="reference">
34 
-            {{ zones[zone_selected].text
35 
-            }}<span class="iconfont">&#xe74a;</span>
24 
+            {{ zones[zone_selected].text }}
25 
+            <span class="iconfont">&#xe74a;</span>
36 
           </li>
 26 
           </li>
37 
           <div class="popover-demo-content">
 27 
           <div class="popover-demo-content">
38 
             <ul>
 28 
             <ul>
41 
                 :key="zone.value"
 31 
                 :key="zone.value"
42 
                 @click="handleZoneChange(index)"
 32 
                 @click="handleZoneChange(index)"
43 
                 :class="zone_selected == index ? 'tick' : ''"
 33 
                 :class="zone_selected == index ? 'tick' : ''"
44 
-              >
45 
-                {{ zone.text }}
46 
-              </li>
34 
+              >{{ zone.text }}</li>
47 
             </ul>
 35 
             </ul>
48 
           </div>
 36 
           </div>
49 
         </el-popover>
 37 
         </el-popover>
50 
-        <el-popover
51 
-          placement="bottom"
52 
-          trigger="click"
53 
-          v-model="show_sch_type_selector"
54 
-        >
38 
+        <el-popover placement="bottom" trigger="click" v-model="show_sch_type_selector">
55 
           <li slot="reference">
 39 
           <li slot="reference">
56 
-            {{ schedule_types[schedule_type_selected].text
57 
-            }}<span class="iconfont">&#xe74a;</span>
40 
+            {{ schedule_types[schedule_type_selected].text }}
41 
+            <span class="iconfont">&#xe74a;</span>
58 
           </li>
 42 
           </li>
59 
           <div class="popover-demo-content">
 43 
           <div class="popover-demo-content">
60 
             <ul>
 44 
             <ul>
65 
                 :class="
 49 
                 :class="
66 
                   schedule_type_selected == scheduleType.value ? 'tick' : ''
 50 
                   schedule_type_selected == scheduleType.value ? 'tick' : ''
67 
                 "
 51 
                 "
68 
-              >
69 
-                {{ scheduleType.text }}
70 
-              </li>
52 
+              >{{ scheduleType.text }}</li>
71 
             </ul>
 53 
             </ul>
72 
           </div>
 54 
           </div>
73 
         </el-popover>
 55 
         </el-popover>
87 
       </ul>
 69 
       </ul>
88 
     </div>
 70 
     </div>
89
71
90 
-    <div
91 
-      style="width:100%;overflow:hildden;overflow-x:auto;"
92 
-      class="DialysisAdvice"
93 
-    >
72 
+    <div style="width:100%;overflow:hildden;overflow-x:auto;" class="DialysisAdvice">
94 
       <div class="blueBorder"></div>
 73 
       <div class="blueBorder"></div>
74 
+
95 
       <table class="table">
 75 
       <table class="table">
96 
         <tr>
 76 
         <tr>
97 
-          <!--<th width="50px">机号</th>-->
98 
           <th width="50px">姓名</th>
 77 
           <th width="50px">姓名</th>
99 
           <th width="50px">透析号</th>
 78 
           <th width="50px">透析号</th>
100 
           <th width="50px">期效</th>
 79 
           <th width="50px">期效</th>
110 
         <template v-for="(schedules, zone_name, index) in filtedScheduals">
 89 
         <template v-for="(schedules, zone_name, index) in filtedScheduals">
111 
           <tr :key="index">
 90 
           <tr :key="index">
112 
             <td>{{ zone_name }}</td>
 91 
             <td>{{ zone_name }}</td>
113 
-            <!--<td></td>-->
114 
             <td></td>
 92 
             <td></td>
115 
             <td></td>
 93 
             <td></td>
116 
             <td></td>
 94 
             <td></td>
124 
           </tr>
 102 
           </tr>
125 
           <template v-for="schedule in schedules">
 103 
           <template v-for="schedule in schedules">
126 
             <template v-for="(group, group_index) in schedule.new_advice">
 104 
             <template v-for="(group, group_index) in schedule.new_advice">
127 
-              <tr
128 
-                v-for="(advice, advice_index) in group.advices"
129 
-                @click="clickfunction(schedule)"
130 
-              >
131 
-                <!--<td  v-if="advice_index == 0"-->
132 
-                <!--:rowspan="group.advices.length">{{ advice.parent_id == 0 ? schedule.device_number.number : "" }}</td>-->
133 
-
134 
-                <!--<td  v-if="advice_index == 0" :rowspan="group.advices.length">{{ 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>-->
135 
-                <!--<td v-if="advice_index == 0" :rowspan="group.advices.length">-->
136 
-                <!--{{getNumber(advice,schedule)}}-->
137 
-                <!--</td>-->
138 
-
105 
+              <tr v-for="(advice, advice_index) in group.advices" @click="clickfunction(schedule)">
139 
                 <td
 106 
                 <td
140 
                   v-if="advice_index == 0"
 107 
                   v-if="advice_index == 0"
141 
                   :rowspan="group.advices.length"
 108 
                   :rowspan="group.advices.length"
142 
                   style="color:#409eff;"
 109 
                   style="color:#409eff;"
143 
-                >
144 
-                  {{ advice.parent_id == 0 ? schedule.patient.name : "" }}
145 
-                </td>
110 
+                >{{ advice.parent_id == 0 ? schedule.patient.name : "" }}</td>
146 
                 <td v-if="advice_index == 0" :rowspan="group.advices.length">
 111 
                 <td v-if="advice_index == 0" :rowspan="group.advices.length">
147 
                   {{
 112 
                   {{
148 
-                    advice.parent_id == 0 ? schedule.patient.dialysis_no : ""
113 
+                  advice.parent_id == 0 ? schedule.patient.dialysis_no : ""
149 
                   }}
 114 
                   }}
150 
                 </td>
 115 
                 </td>
151 
-                <td v-if="advice_index == 0" :rowspan="group.advices.length">
152 
-                  {{ getAdaviceType(advice.advice_type, advice.parent_id) }}
153 
-                </td>
116 
+                <td
117 
+                  v-if="advice_index == 0"
118 
+                  :rowspan="group.advices.length"
119 
+                >{{ getAdaviceType(advice.advice_type, advice.parent_id) }}</td>
154 
                 <td v-if="advice_index == 0" :rowspan="group.advices.length">
 120 
                 <td v-if="advice_index == 0" :rowspan="group.advices.length">
155 
                   {{
 121 
                   {{
156 
-                    advice.parent_id == 0
157 
-                      ? parseTime(advice.start_time, "{m}-{d} {h}:{i}")
158 
-                      : ""
122 
+                  advice.parent_id == 0
123 
+                  ? parseTime(advice.start_time, "{m}-{d} {h}:{i}")
124 
+                  : ""
159 
                   }}
 125 
                   }}
160 
                 </td>
 126 
                 </td>
161 
                 <td
 127 
                 <td
166 
                   "
 132 
                   "
167 
                 >
 133 
                 >
168 
                   <span>{{ advice.advice_name }}</span>
 134 
                   <span>{{ advice.advice_name }}</span>
169 
-                  <span
170 
-                    >{{ advice.advice_desc }}{{ advice.drug_spec_unit }}</span
171 
-                  >
172 
-                  <span v-if="advice.prescribing_number"
173 
-                    >{{ advice.prescribing_number
174 
-                    }}{{ advice.prescribing_number_unit }}</span
175 
-                  >
135 
+                  <span>{{ advice.advice_desc }}{{ advice.drug_spec_unit }}</span>
136 
+                  <span v-if="advice.prescribing_number">
137 
+                    {{ advice.prescribing_number
138 
+                    }}{{ advice.prescribing_number_unit }}
139 
+                  </span>
176 
                   <span v-if="advice.single_dose">
 140 
                   <span v-if="advice.single_dose">
177 
                     单次用量 {{ advice.single_dose
 141 
                     单次用量 {{ advice.single_dose
178 
-                    }}{{ advice.single_dose_unit }}</span
179 
-                  >
142 
+                    }}{{ advice.single_dose_unit }}
143 
+                  </span>
180 
                   <span>{{ advice.delivery_way }}</span>
 144 
                   <span>{{ advice.delivery_way }}</span>
181 
                   <span>{{ advice.execution_frequency }}</span>
 145 
                   <span>{{ advice.execution_frequency }}</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}") }}
146 
+                  <span
147 
+                    v-if="advice.parent_id == 0 && advice.remark.length > 0"
148 
+                  >({{ advice.remark }})</span>
188 
                 </td>
 149 
                 </td>
150 
+                <td>{{ parseTime(advice.execution_time, "{m}-{d} {h}:{i}") }}</td>
189 
                 <td>{{ getName(advice.execution_staff) }}</td>
 151 
                 <td>{{ getName(advice.execution_staff) }}</td>
190 
                 <td>{{ getName(advice.checker) }}</td>
 152 
                 <td>{{ getName(advice.checker) }}</td>
191 
                 <td>{{ parseTime(advice.check_time, "{m}-{d} {h}:{i}") }}</td>
 153 
                 <td>{{ parseTime(advice.check_time, "{m}-{d} {h}:{i}") }}</td>
198 
       </table>
 160 
       </table>
199
161
200 
       <div class="NoData" v-show="zones.length <= 1">
 162 
       <div class="NoData" v-show="zones.length <= 1">
201 
-        <img
202 
-          style="margin-top: 50px; margin-bottom: 50px"
203 
-          src="@/assets/login/data.jpg"
204 
-          alt=""
205 
-        />
163 
+        <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
206 
       </div>
 164 
       </div>
165 
+      <!-- <el-table :data="date" border style="width: 100%">
166 
+        <el-table-column fixed prop="date" label="姓名" width="100" align="center">
167 
+            <template slot-scope="scope">
168 
+               {{ scope.row.advice_name }}
169 
+            </template>
170 
+        </el-table-column>
171 
+        <el-table-column prop="name" label="透析号" width="100" align="center"></el-table-column>
172 
+        <el-table-column prop="province" label="期效" width="100" align="center"></el-table-column>
173 
+        <el-table-column prop="city" label="开始时间" width="100" align="center"></el-table-column>
174 
+        <el-table-column prop="address" label="医嘱内容" width="200" align="center"></el-table-column>
175 
+        <el-table-column prop="zip" label="执行时间" width="100" align="center"></el-table-column>
176 
+        <el-table-column prop="zip" label="执行护士" width="150" align="center"></el-table-column>
177 
+        <el-table-column prop="zip" label="校对护士" width="200" align="center"></el-table-column>
178 
+        <el-table-column prop="zip" label="校对时间" width="200" align="center"></el-table-column>
179 
+        <el-table-column prop="zip" label="开嘱医生" width="200" align="center"></el-table-column>
180 
+        <el-table-column prop="zip" label="开嘱时间" width="200" align="center"></el-table-column>
181 
+      </el-table>-->
207 
     </div>
 182 
     </div>
208
183
209 
     <mt-datetime-picker
 184 
     <mt-datetime-picker
214 
       month-format="{value} "
 189 
       month-format="{value} "
215 
       date-format="{value} "
 190 
       date-format="{value} "
216 
       @confirm="requestSchedualDoctors"
 191 
       @confirm="requestSchedualDoctors"
217 
-    >
218 
-    </mt-datetime-picker>
192 
+    ></mt-datetime-picker>
219 
   </div>
 193 
   </div>
220 
 </template>
 194 
 </template>
221
195
263 
       ],
 237 
       ],
264 
       patient_selected: 0,
 238 
       patient_selected: 0,
265
239
266 
-      scheduleMap: {}
240 
+      scheduleMap: {},
241 
+      tableData: []
267 
     };
 242 
     };
268 
   },
 243 
   },
269 
   computed: {
 244 
   computed: {
378 
         }
 353 
         }
379 
       }
 354 
       }
380
355
381 
-      console.log(scheduleMap);
382 
-
383 
       return scheduleMap;
 356 
       return scheduleMap;
384 
     }
 357 
     }
385 
   },
 358 
   },
467 
         if (resp.state == 1) {
 440 
         if (resp.state == 1) {
468 
           this.admin_user = resp.data.adminUser;
 441 
           this.admin_user = resp.data.adminUser;
469 
           var schedules = resp.data.scheduals;
 442 
           var schedules = resp.data.scheduals;
443 
+          console.log("schedules", schedules);
470 
           var zoneMap = {};
 444 
           var zoneMap = {};
471 
           var scheduleMap = {};
 445 
           var scheduleMap = {};
472 
           for (let index = 0; index < schedules.length; index++) {
 446 
           for (let index = 0; index < schedules.length; index++) {
556 
 .choice {
 530 
 .choice {
557 
   border-bottom: 1px #e5e5e5 solid;
 531 
   border-bottom: 1px #e5e5e5 solid;
558 
   position: fixed;
 532 
   position: fixed;
559 
-  top: 63px;
533 
+  top: 48px;
560 
   right: 0;
 534 
   right: 0;
561 
   z-index: 66;
 535 
   z-index: 66;
562 
-  left: 1.58rem;
563 
-  background: #fff;
564 
-  @media only screen and (max-width: 812px) {
565 
-    top: 43px !important;
536 
+  left: 0;
537 
+  background: #258ffc;
538 
+  // @media only screen and (max-width: 415px) {
539 
+  //   top: 38px !important;
540 
+  // }
541 
+  // @media only screen and (min-width: 376px) and (max-width: 812px) {
542 
+  //   top: 38px !important;
543 
+  // }
544 
+  @media only screen and (min-width: 768px) {
545 
+    top: 80px !important;
566 
   }
 546 
   }
567 
   ul {
 547 
   ul {
568 
     @include display-flex;
 548 
     @include display-flex;
569 
     @include align-items-center;
 549 
     @include align-items-center;
570 
     @include text-align;
 550 
     @include text-align;
571 
     @include justify-content-between;
 551 
     @include justify-content-between;
572 
-    width: 70%;
552 
+    width: 90%;
573 
     margin: 0 auto;
 553 
     margin: 0 auto;
574 
     font-size: 0.32rem;
 554 
     font-size: 0.32rem;
575 
-    color: $pgh-color;
555 
+    // color: $pgh-color;
556 
+    color: #fff;
576 
     li {
 557 
     li {
577 
       @include display-flex;
 558 
       @include display-flex;
578 
       @include align-items-center;
 559 
       @include align-items-center;
579 
       @include text-align;
 560 
       @include text-align;
580 
       @include justify-content-between;
 561 
       @include justify-content-between;
581 
-      padding: 0.3rem 0;
582 
-      font-size: 0.32rem;
562 
+      padding: 0 0 0.3rem;
563 
+      font-size: 0.45rem;
583 
       .iconfont {
 564 
       .iconfont {
584 
         margin: 0 0.1rem;
 565 
         margin: 0 0.1rem;
566 
+        color: #fff;
585 
       }
 567 
       }
586 
       .line {
 568 
       .line {
587 
         background: #a8b3ba;
 569 
         background: #a8b3ba;
594 
   }
 576 
   }
595 
 }
 577 
 }
596 
 .DialysisAdvice {
 578 
 .DialysisAdvice {
597 
-  padding-top: 115px;
598 
-  background: #fff;
579 
+  padding-top: 75px;
580 
+  // background: #fff;
599 
   min-height: calc(100vh - 2px);
 581 
   min-height: calc(100vh - 2px);
600 
-  @media only screen and (max-width: 812px) {
601 
-    padding-top: 80px !important;
582 
+  // @media only screen and (max-width: 812px) {
583 
+  //   padding-top: 70px !important;
584 
+  // }
585 
+  @media only screen and (min-width: 768px) {
586 
+    padding-top: 126px !important;
602 
   }
 587 
   }
588 
+  // @media only screen and (min-width: 813px) and (max-width: 1024px) {
589 
+  //   padding-top: 118px !important;
590 
+  // }
603 
 }
 591 
 }
604
592
605 
 .advice_content {
 593 
 .advice_content {
615 
   // background: #fafcfe;
 603 
   // background: #fafcfe;
616 
 }
 604 
 }
617 
 </style>
 605 
 </style>
606 
+<style lang="scss">
607 
+// .el-table {
608 
+//   margin-top: 64px;
609 
+// }
610 
+.el-table td {
611 
+  padding: 0;
612 
+}
613 
+.el-table th {
614 
+  padding: 6px 0;
615 
+}
616 
+</style>

+ 25 - 21
src/pages/advice/NormalAdviceTable.vue View File

8 
           v-model="show_patient_type_selector"
 8 
           v-model="show_patient_type_selector"
9 
         >
 9 
         >
10 
           <li slot="reference">
 10 
           <li slot="reference">
11 
-            {{ patient_types[patient_selected].text
12 
-            }}<span class="iconfont">&#xe74a;</span>
11 
+            {{ patient_types[patient_selected].text }}
12 
+            <span class="iconfont">&#xe74a;</span>
13 
           </li>
 13 
           </li>
14 
           <div class="popover-demo-content">
 14 
           <div class="popover-demo-content">
15 
             <ul>
 15 
             <ul>
31 
           v-model="show_zone_selector"
 31 
           v-model="show_zone_selector"
32 
         >
 32 
         >
33 
           <li slot="reference">
 33 
           <li slot="reference">
34 
-            {{ zones[zone_selected].text
35 
-            }}<span class="iconfont">&#xe74a;</span>
34 
+            {{ zones[zone_selected].text }}
35 
+            <span class="iconfont">&#xe74a;</span>
36 
           </li>
 36 
           </li>
37 
           <div class="popover-demo-content">
 37 
           <div class="popover-demo-content">
38 
             <ul>
 38 
             <ul>
53 
           v-model="show_sch_type_selector"
 53 
           v-model="show_sch_type_selector"
54 
         >
 54 
         >
55 
           <li slot="reference">
 55 
           <li slot="reference">
56 
-            {{ schedule_types[schedule_type_selected].text
57 
-            }}<span class="iconfont">&#xe74a;</span>
56 
+            {{ schedule_types[schedule_type_selected].text }}
57 
+            <span class="iconfont">&#xe74a;</span>
58 
           </li>
 58 
           </li>
59 
           <div class="popover-demo-content">
 59 
           <div class="popover-demo-content">
60 
             <ul>
 60 
             <ul>
148 
                 <span>{{ advice.advice_name }}</span>
 148 
                 <span>{{ advice.advice_name }}</span>
149 
                 <span>{{ advice.advice_desc }}{{ advice.drug_spec_unit }}</span>
 149 
                 <span>{{ advice.advice_desc }}{{ advice.drug_spec_unit }}</span>
150
150
151 
-                <span v-if="advice.prescribing_number"
152 
-                  >{{ advice.prescribing_number
153 
-                  }}{{ advice.prescribing_number_unit }}</span
154 
-                >
151 
+                <span v-if="advice.prescribing_number">
152 
+                  {{ advice.prescribing_number
153 
+                  }}{{ advice.prescribing_number_unit }}
154 
+                </span>
155 
                 <span v-if="advice.single_dose">
 155 
                 <span v-if="advice.single_dose">
156 
-                  单次用量 {{ advice.single_dose
157 
-                  }}{{ advice.single_dose_unit }}</span
158 
-                >
156 
+                  单次用量 {{ advice.single_dose }}{{ advice.single_dose_unit }}
157 
+                </span>
159 
                 <span>{{ advice.delivery_way }}</span>
 158 
                 <span>{{ advice.delivery_way }}</span>
160 
                 <span>{{ advice.execution_frequency }}</span>
 159 
                 <span>{{ advice.execution_frequency }}</span>
161 
               </td>
 160 
               </td>
200 
         <img
 199 
         <img
201 
           style="margin-top: 50px; margin-bottom: 50px"
 200 
           style="margin-top: 50px; margin-bottom: 50px"
202 
           src="@/assets/login/data.jpg"
 201 
           src="@/assets/login/data.jpg"
203 
-          alt=""
202 
+          alt
204 
         />
 203 
         />
205 
       </div>
 204 
       </div>
206 
     </div>
 205 
     </div>
214 
       month-format="{value} "
 213 
       month-format="{value} "
215 
       date-format="{value} "
 214 
       date-format="{value} "
216 
       @confirm="requestSchedualDoctors"
 215 
       @confirm="requestSchedualDoctors"
217 
-    >
218 
-    </mt-datetime-picker>
216 
+    ></mt-datetime-picker>
219 
   </div>
 217 
   </div>
220 
 </template>
 218 
 </template>
221
219
475 
   top: 63px;
 473 
   top: 63px;
476 
   right: 0;
 474 
   right: 0;
477 
   z-index: 66;
 475 
   z-index: 66;
478 
-  left: 1.58rem;
476 
+  left: 0;
479 
   background: #fff;
 477 
   background: #fff;
480 
-  @media only screen and (max-width: 812px) {
481 
-    top: 43px !important;
478 
+  @media only screen and (max-width: 376px) {
479 
+    top: 38px !important;
480 
+  }
481 
+  @media only screen and (min-width: 376px) and (max-width: 812px) {
482 
+    top: 38px !important;
482 
   }
 483 
   }
483 
   ul {
 484 
   ul {
484 
     @include display-flex;
 485 
     @include display-flex;
485 
     @include align-items-center;
 486 
     @include align-items-center;
486 
     @include text-align;
 487 
     @include text-align;
487 
     @include justify-content-between;
 488 
     @include justify-content-between;
488 
-    width: 70%;
489 
+    width: 90%;
489 
     margin: 0 auto;
 490 
     margin: 0 auto;
490 
     font-size: 0.32rem;
 491 
     font-size: 0.32rem;
491 
     color: $pgh-color;
 492 
     color: $pgh-color;
516 
   background: #fff;
 517 
   background: #fff;
517 
   min-height: calc(100vh - 2px);
 518 
   min-height: calc(100vh - 2px);
518 
   @media only screen and (max-width: 812px) {
 519 
   @media only screen and (max-width: 812px) {
519 
-    padding-top: 80px !important;
520 
+    padding-top: 70px !important;
521 
+  }
522 
+  @media only screen and (min-width: 813px) and (max-width: 1024px) {
523 
+    padding-top: 115px !important;
520 
   }
 524 
   }
521 
 }
 525 
 }
522 
 </style>
 526 
 </style>

+ 9 - 2
src/pages/advice/index.vue View File

1 
 <template>
 1 
 <template>
2 
   <div class="mainBox">
 2 
   <div class="mainBox">
3 
-    <side-bar :active_index="2"></side-bar>
4 
     <div class="mainContent">
 3 
     <div class="mainContent">
5 
       <AdvicePage></AdvicePage>
 4 
       <AdvicePage></AdvicePage>
6 
     </div>
 5 
     </div>
6 
+    <side-bar :active_index="2"></side-bar>
7 
   </div>
 7 
   </div>
8 
 </template>
 8 
 </template>
9
9
26 
   height: 100%;
 26 
   height: 100%;
27 
 }
 27 
 }
28 
 .mainBox {
 28 
 .mainBox {
29 
+  overflow: hidden;
29 
   height: 100%;
 30 
   height: 100%;
30 
   font-size: 0.3rem;
 31 
   font-size: 0.3rem;
32 
+  display: flex;
33 
+  flex-direction: column;
34 
+  > :first-child {
35 
+    flex: 1;
36 
+    overflow: auto;
37 
+  }
31 
   .sideColumn {
 38 
   .sideColumn {
32 
     .column {
 39 
     .column {
33 
       .head {
 40 
       .head {
78 
   }
 85 
   }
79 
 }
 86 
 }
80 
 .mainContent {
 87 
 .mainContent {
81 
-  margin: 0 0 0 1.58rem;
88 
+  // margin: 0 0 0 1.58rem;
82 
 }
 89 
 }
83 
 </style>
 90 
 </style>

+ 105 - 59
src/pages/home/login.vue View File

1 
 <template>
 1 
 <template>
2 
   <div class="container">
 2 
   <div class="container">
3 
-    <div class="login">
4 
-      <div class="logo"><img src="../../assets/login/logo.png" alt=""></div>
5 
-      <div class="reg">
6 
-        <div class="form">
7 
-          <ul>
8 
-            <li>
9 
-              <span class="iconfont">&#xe78b;</span>
10 
-              <input placeholder="请输入手机号" type="tel" class="tel" v-model="form.mobile">
11 
-            </li>
12 
-            <li>
13 
-              <span class="iconfont">&#xe6c0;</span>
14 
-              <input placeholder="请输入密码" type="password" class="tel" v-model="form.pwd">
15 
-            </li>
16 
-          </ul>
3 
+    <div class="newLogin">
4 
+      <div class="login">
5 
+        <div class="logo">
6 
+          <img src="../../assets/login/newLogo.png" alt />
17 
         </div>
 7 
         </div>
18 
-        <!-- <router-link to="/product"> -->
19 
-          <button class="loginBtn" @click="loginAction" :class="loginDisable ? 'disableLoginBtn' : ''" :disabled="loginDisable">登录</button>
20 
-        <!-- </router-link> -->
21 
-        <!-- <div class="forget">
8 
+        <div class="reg">
9 
+          <div class="form">
10 
+            <ul>
11 
+              <li>
12 
+                <span class="iconfont">&#xe78b;</span>
13 
+                <input placeholder="请输入手机号" type="tel" class="tel" v-model="form.mobile" />
14 
+              </li>
15 
+              <li>
16 
+                <span class="iconfont">&#xe6c0;</span>
17 
+                <input placeholder="请输入密码" type="password" class="tel" v-model="form.pwd" />
18 
+              </li>
19 
+            </ul>
20 
+          </div>
21 
+          <!-- <router-link to="/product"> -->
22 
+          <button
23 
+            class="loginBtn"
24 
+            @click="loginAction"
25 
+            :class="loginDisable ? 'disableLoginBtn' : ''"
26 
+            :disabled="loginDisable"
27 
+          >登录</button>
28 
+          <router-link to="/forgetPassword">
29 
+            <div class="newForget">忘记密码</div>
30 
+          </router-link>
31 
+          <!-- </router-link> -->
32 
+          <!-- <div class="forget">
22 
           <a href="">免密码登录</a>
 33 
           <a href="">免密码登录</a>
23 
           <a href="">忘记密码？</a>
 34 
           <a href="">忘记密码？</a>
24 
-        </div> -->
35 
+          </div>-->
36 
+        </div>
25 
       </div>
 37 
       </div>
26 
     </div>
 38 
     </div>
27 
   </div>
 39 
   </div>
28 
 </template>
 40 
 </template>
29
41
30 
 <script>
 42 
 <script>
31 
-import {loginByPwd} from "@/api/login"
32 
-import {hex_md5} from "@/utils/md5"
33 
-import { getLoginInfoCache, cacheLoginInfo } from '@/utils/admin_info_cache'
43 
+import { loginByPwd } from "@/api/login";
44 
+import { hex_md5 } from "@/utils/md5";
45 
+import { getLoginInfoCache, cacheLoginInfo } from "@/utils/admin_info_cache";
34
46
35 
 export default {
 47 
 export default {
36 
   name: "Home",
 48 
   name: "Home",
38 
     return {
 50 
     return {
39 
       form: {
 51 
       form: {
40 
         mobile: "",
 52 
         mobile: "",
41 
-        pwd: "",
42 
-      },
43 
-    }
53 
+        pwd: ""
54 
+      }
55 
+    };
44 
   },
 56 
   },
45 
   computed: {
 57 
   computed: {
46 
     loginDisable() {
 58 
     loginDisable() {
47 
       // return false
 59 
       // return false
48 
       return this.form.mobile.length == 0 || this.form.pwd.length == 0
 60 
       return this.form.mobile.length == 0 || this.form.pwd.length == 0
61 
+
49 
     }
 62 
     }
50 
   },
 63 
   },
51 
   created() {
 64 
   created() {
52 
-    var loginInfo = getLoginInfoCache()
53 
-    this.form.mobile = loginInfo.mobile
54 
-    this.form.pwd = loginInfo.password
65 
+    var loginInfo = getLoginInfoCache();
66 
+    this.form.mobile = loginInfo.mobile;
67 
+    this.form.pwd = loginInfo.password;
55 
   },
 68 
   },
56 
   methods: {
 69 
   methods: {
57 
     loginAction: function() {
 70 
     loginAction: function() {
58 
       loginByPwd(this.form.mobile, hex_md5(this.form.pwd)).then(rs => {
 71 
       loginByPwd(this.form.mobile, hex_md5(this.form.pwd)).then(rs => {
59 
-        var resp = rs.data
72 
+        var resp = rs.data;
60
73
61 
         if (resp.state == 1) {
 74 
         if (resp.state == 1) {
62 
-          cacheLoginInfo(this.form.mobile, this.form.pwd)
63 
-          console.log(resp)
64 
-
65 
-          var user = resp.data.user
66 
-          var org = resp.data.org
67 
-          var subscibe = resp.data.subscibe
68 
-          var config_list = resp.data.config_list
69 
-          var template_info = resp.data.template_info
70 
-          var filed_list = resp.data.filed_list
71 
-          console.log(resp.data.filed_list)
72 
-          console.log(filed_list)
73 
-
75 
+          cacheLoginInfo(this.form.mobile, this.form.pwd);
76 
+          console.log(resp);
74
77
78 
+          var user = resp.data.user;
79 
+          var org = resp.data.org;
80 
+          var subscibe = resp.data.subscibe;
81 
+          var config_list = resp.data.config_list;
82 
+          var template_info = resp.data.template_info;
83 
+          var filed_list = resp.data.filed_list;
84 
+          console.log(resp.data.filed_list);
85 
+          console.log(filed_list);
75
86
76 
-          this.$store.dispatch("InitUserInfo", {user: user, org: org, subscibe: subscibe,template_info:template_info,filed_list:filed_list})
77 
-          this.$store.dispatch("SetConfigList", config_list)
87 
+          this.$store.dispatch("InitUserInfo", {
88 
+            user: user,
89 
+            org: org,
90 
+            subscibe: subscibe,
91 
+            template_info: template_info,
92 
+            filed_list: filed_list
93 
+          });
94 
+          this.$store.dispatch("SetConfigList", config_list);
78
95
79 
           // this.$router.push({path: "/product"})
 96 
           // this.$router.push({path: "/product"})
80 
-          this.$router.push({path: "/main"})
81 
-
97 
+          this.$router.push({ path: "/main" });
82 
         } else {
 98 
         } else {
83 
           this.$toast({
 99 
           this.$toast({
84 
-            message: resp.msg,
85 
-          })
100 
+            message: resp.msg
101 
+          });
86 
         }
 102 
         }
87 
-      })
103 
+      });
104 
+    },
105 
+    to: function() {
106 
+      this.$router.push({ path: "/forgetPassword" });
88 
     }
 107 
     }
89 
   }
 108 
   }
90 
 };
 109 
 };
92
111
93 
 <style rel="stylesheet/scss" lang="scss" scoped >
 112 
 <style rel="stylesheet/scss" lang="scss" scoped >
94 
 .container {
 113 
 .container {
95 
-  background: $white-bg;
114 
+  // background: $white-bg;
115 
+  background: #f5f5f5;
96 
   @include box-sizing;
 116 
   @include box-sizing;
97 
   position: fixed;
 117 
   position: fixed;
98 
   width: 100%;
 118 
   width: 100%;
99 
   height: 100%;
 119 
   height: 100%;
120 
+  display: flex;
121 
+  justify-content: space-between;
122 
+
123 
+  .newLogin {
124 
+    width: 90%;
125 
+    height: 90%;
126 
+    margin: auto;
127 
+    box-shadow: 0px 2px 25px 0px rgba(37, 143, 252, 0.1);
128 
+    border-radius: 14px;
129 
+    background: #fff;
130 
+  }
100 
   .login {
 131 
   .login {
101 
     // @include box-shadow;
 132 
     // @include box-shadow;
102 
     @include text-align;
 133 
     @include text-align;
103 
     @include display-flex;
 134 
     @include display-flex;
104 
     @include align-items-center;
 135 
     @include align-items-center;
105 
-    @include justify-content-center;
136 
+    // @include justify-content-center;
106 
     @include flex-direction;
 137 
     @include flex-direction;
107 
     height: 100%;
 138 
     height: 100%;
108 
     .logo {
 139 
     .logo {
109 
-      padding: 0 0 1rem;
140 
+      padding: 3rem 0 2.5rem;
110 
       img {
 141 
       img {
111 
-        width: 70%;
142 
+        width: 44%;
112 
         height: auto;
 143 
         height: auto;
113 
         display: inline-block;
 144 
         display: inline-block;
114 
       }
 145 
       }
115 
     }
 146 
     }
116 
     .reg {
 147 
     .reg {
117 
-      width: 10.77rem;
148 
+      width: 9.3rem;
149 
+      .welcome {
150 
+        text-align: left;
151 
+        font-size: 0.55rem;
152 
+        font-weight: 400;
153 
+        color: rgba(37, 143, 252, 1);
154 
+        margin-bottom: 0.5rem;
155 
+        // line-height: 14px;
156 
+      }
157 
+      .newForget {
158 
+        text-align: right;
159 
+        font-size: 0.45rem;
160 
+        font-weight: 400;
161 
+        color: rgba(37, 143, 252, 1);
162 
+        margin-top: 0.3rem;
163 
+      }
118 
       .form {
 164 
       .form {
119 
         border: 1px $border-color solid;
 165 
         border: 1px $border-color solid;
120 
         border-radius: 4px;
 166 
         border-radius: 4px;
129 
             width: 90%;
 175 
             width: 90%;
130 
             border: none;
 176 
             border: none;
131 
             outline: none;
 177 
             outline: none;
132 
-            font-size: 0.34rem;
178 
+            font-size: 0.45rem;
133 
           }
 179 
           }
134 
           .mint-cell {
 180 
           .mint-cell {
135 
             width: 100%;
 181 
             width: 100%;
139 
           }
 185 
           }
140 
           .iconfont {
 186 
           .iconfont {
141 
             color: $main-color;
 187 
             color: $main-color;
142 
-            font-size: 0.5rem;
188 
+            font-size: 0.6rem;
143 
             margin: 0 0.46rem;
 189 
             margin: 0 0.46rem;
144 
           }
 190 
           }
145 
         }
 191 
         }
162 
       }
 208 
       }
163 
       .loginBtn {
 209 
       .loginBtn {
164 
         width: 100%;
 210 
         width: 100%;
165 
-        height: 1rem;
166 
-        line-height: 1rem;
211 
+        height: 1.4rem;
212 
+        line-height: 1.4rem;
167 
         background: $main-color;
 213 
         background: $main-color;
168 
         color: #fff;
 214 
         color: #fff;
169 
-        font-size: 0.36rem;
215 
+        font-size: 0.45rem;
170 
         @include text-align;
 216 
         @include text-align;
171 
         border-radius: 4px;
 217 
         border-radius: 4px;
172 
-        margin: 40px 0 0 0;
218 
+        margin: 1rem 0 0 0;
173 
       }
 219 
       }
174 
       .disableLoginBtn {
 220 
       .disableLoginBtn {
175 
         background: lightgray;
 221 
         background: lightgray;

+ 91 - 44
src/pages/layout/SideBar.vue View File

1 
 <template>
 1 
 <template>
2 
-    <div class="sideColumn">
3 
-      <div class="column">
4 
-        <div class="head"><img :src="$store.getters.user.org.org_logo" alt=""></div>
5 
-        <ul class="sidebar">
6 
-            <li style="position: relative;" :class="active_index == 0 ? 'active' : ''">
7 
-                <router-link to="/main"> <span class="iconfont">&#xe6e6;</span><p>记录</p></router-link>
8 
-              <span class="redpoint" v-if="total_read_dot">{{total_read_dot > 99?total_read_dot+'+':total_read_dot}}</span>
9 
-            </li>
10 
-             <li :class="active_index == 1 ? 'active' : ''">
11 
-                <router-link to="/monitoring"><span class="iconfont">&#xe6f5;</span><p>监控</p></router-link>
12 
-            </li>
13 
-             <li :class="active_index == 2 ? 'active' : ''">
14 
-                <router-link to="/advice"><span class="iconfont">&#xe6f4;</span><p>医嘱</p></router-link>
15 
-            </li>
16 
-             <li :class="active_index == 3 ? 'active' : ''">
17 
-                <router-link to="/my"><span class="iconfont">&#xe715;</span><p>我的</p></router-link>
18 
-            </li>
19 
-        </ul>
20 
-       </div>
2 
+  <div class="sideColumn">
3 
+    <div class="column">
4 
+      <!-- <div class="head"><img :src="$store.getters.user.org.org_logo" alt=""></div> -->
5 
+      <ul class="sidebar">
6 
+        <li style="position: relative;" :class="active_index == 0 ? 'active' : ''">
7 
+          <router-link to="/main">
8 
+            <span class="iconfont">&#xe6e6;</span>
9 
+            <p>记录</p>
10 
+          </router-link>
11 
+          <span class="redpoint" v-if="total_read_dot">
12 
+            {{
13 
+            total_read_dot > 99 ? total_read_dot + "+" : total_read_dot
14 
+            }}
15 
+          </span>
16 
+        </li>
17 
+        <li :class="active_index == 1 ? 'active' : ''">
18 
+          <router-link to="/monitoring">
19 
+            <span class="iconfont">&#xe6f5;</span>
20 
+            <p>监控</p>
21 
+          </router-link>
22 
+        </li>
23 
+        <li :class="active_index == 2 ? 'active' : ''">
24 
+          <router-link to="/advice">
25 
+            <span class="iconfont">&#xe6f4;</span>
26 
+            <p>医嘱</p>
27 
+          </router-link>
28 
+        </li>
29 
+        <li :class="active_index == 3 ? 'active' : ''">
30 
+          <router-link to="/my">
31 
+            <span class="iconfont">&#xe715;</span>
32 
+            <p>我的</p>
33 
+          </router-link>
34 
+        </li>
35 
+      </ul>
21 
     </div>
 36 
     </div>
37 
+  </div>
22 
 </template>
 38 
 </template>
23
39
24 
 <script>
 40 
 <script>
29 
       type: Number,
 45 
       type: Number,
30 
       default: 0
 46 
       default: 0
31 
     },
 47 
     },
32 
-    total_read_dot:{
48 
+    total_read_dot: {
33 
       type: Number,
 49 
       type: Number,
34 
       default: 0
 50 
       default: 0
35 
     }
 51 
     }
38 
 </script>
 54 
 </script>
39
55
40 
 <style style="stylesheet/scss" lang="scss" scoped>
 56 
 <style style="stylesheet/scss" lang="scss" scoped>
41 
-  .redpoint{
42 
-  display:inline-block;
43 
-  height:20px;
44 
-  width:20px;
45 
-  line-height:20px;
46 
-  text-align:center;
47 
-  font-size:0.74em;
48 
-  border-radius:20px;
49 
-  color:#fff;
50 
-  background:#F56C6C;
57 
+.redpoint {
58 
+  display: inline-block;
59 
+  height: 26px;
60 
+  width: 26px;
61 
+  line-height: 26px;
62 
+  text-align: center;
63 
+  font-size: 0.34rem;
64 
+  border-radius: 20px;
65 
+  color: #fff;
66 
+  background: #f56c6c;
51 
   position: absolute;
 67 
   position: absolute;
52 
-  top: -5px;
53 
-  right: -15px;
68 
+  top: 3px;
69 
+  right: -16px;
70 
+  @media only screen and (max-width: 767px) {
71 
+    height: 16px;
72 
+    width: 16px;
73 
+    line-height: 16px;
74 
+    top: 1px;
75 
+    right: -8px;
54 
   }
 76 
   }
77 
+}
55 
 .sideColumn {
 78 
 .sideColumn {
56 
-  float: left;
57 
-  width: 1.58rem;
79 
+  // float: left;
80 
+  // width: 1.58rem;
58 
   background: #f5f8fb;
 81 
   background: #f5f8fb;
59 
-  height: 100%;
60 
-  border-right: 1px  solid rgba(193, 193, 193, 0.8);
61 
-  position: fixed;
82 
+  // height: 100%;
83 
+  // border-right: 1px solid rgba(193, 193, 193, 0.8);
84 
+  border-top: 1px solid rgba(193, 193, 193, 0.8);
85 
+  // position: fixed;
86 
+  height: 50px;
62 
   z-index: 999;
 87 
   z-index: 999;
88 
+  @media only screen and (min-width: 768px) {
89 
+    height: 70px;
90 
+  }
63 
   .column {
 91 
   .column {
64 
     .head {
 92 
     .head {
65 
       @include display-flex;
 93 
       @include display-flex;
68 
       @include justify-content-center;
 96 
       @include justify-content-center;
69 
       margin: 0.5rem auto 0.7rem auto;
 97 
       margin: 0.5rem auto 0.7rem auto;
70 
       width: 1rem;
 98 
       width: 1rem;
71 
-        height: 1rem;
72 
-        overflow: hidden;
73 
-        border-radius: 50%;
99 
+      height: 1rem;
100 
+      overflow: hidden;
101 
+      border-radius: 50%;
74 
       img {
 102 
       img {
75 
         width: 100%;
 103 
         width: 100%;
76 
         height: auto;
 104 
         height: auto;
80 
     .sidebar {
 108 
     .sidebar {
81 
       @include display-flex;
 109 
       @include display-flex;
82 
       @include align-items-center;
 110 
       @include align-items-center;
83 
-      @include flex-direction;
111 
+      // @include flex-direction;
84 
       @include text-align;
 112 
       @include text-align;
113 
+      flex-direction: row;
114 
+      justify-content: space-around;
115 
+      height: 50px;
85 
       padding: 0;
 116 
       padding: 0;
117 
+      @media only screen and (min-width: 768px) {
118 
+        height: 70px;
119 
+      }
86 
       li {
 120 
       li {
87 
-        padding: 0 0 0.8rem 0;
121 
+        height: 100%;
122 
+        display: flex;
123 
+        align-items: center;
124 
+        // padding: 0 0 0.8rem 0;
88 
         a {
 125 
         a {
89 
           color: #a8b3ba;
 126 
           color: #a8b3ba;
90 
           display: inline-block;
 127 
           display: inline-block;
91 
           padding: 0;
 128 
           padding: 0;
92 
           margin: 0;
 129 
           margin: 0;
130 
+          @media only screen and (min-width: 768px) {
131 
+            display: flex;
132 
+            align-items: center;
133 
+            // margin-bottom: 20px;
134 
+          }
93 
           p {
 135 
           p {
94 
             font-size: 0.32rem;
 136 
             font-size: 0.32rem;
95 
-            margin-top: 0.05rem;
137 
+            // margin-top: 0.05rem;
138 
+            @media only screen and (max-width: 812px) {
139 
+              font-size: 0.45rem;
140 
+            }
96 
           }
 141 
           }
97 
           .iconfont {
 142 
           .iconfont {
98 
             font-size: 0.52rem;
 143 
             font-size: 0.52rem;
144 
+            @media only screen and (max-width: 768px) {
145 
+              font-size: 0.8rem;
146 
+            }
99 
             display: inline-block;
 147 
             display: inline-block;
100 
           }
 148 
           }
101 
         }
 149 
         }
112 
   }
 160 
   }
113 
 }
 161 
 }
114 
 </style>
 162 
 </style>
115 
-

+ 155 - 97
src/pages/main/DetailsPage.vue View File

1 
 <template>
 1 
 <template>
2 
-    <div class="mainBox">
3 
-        <side-bar :active_index="0"></side-bar>
4 
-        <div class="mainContent">
5 
-            <div class="navigation">
6 
-                <div class="goBack">
7 
-                    <span class="back" @click="backAction()"><span class="iconfont">&#xe720;</span>返回</span>
8 
-                    <el-popover
9 
-                      placement="bottom"
10 
-                      trigger="click" :disabled="true">
11 
-                      <li slot="reference" class="name">{{ patient_name }}</li>
12 
-                    </el-popover>
13 
-                </div>
14 
-                <div class="nav">
15 
-                  <ul>
16 
-                     <li v-for="(item,i) in ['病历','透析','今日']" :key="i" :class="index == i? 'active':'' " @click="ClickTab(i)" >{{item}}</li>
17 
-                  </ul>
18 
-                </div>
2 
+  <div class="mainBox">
3 
+    <div class="mainContent">
4 
+      <div class="navigation">
5 
+        <div class="goBack">
6 
+          <span class="back" @click="backAction()">
7 
+            <span class="iconfont">&#xe720;</span>返回
8 
+          </span>
9 
+          <el-popover placement="bottom" trigger="click" :disabled="true">
10 
+            <li slot="reference" class="name">{{ patient_name }}</li>
11 
+          </el-popover>
12 
+        </div>
13 
+        <div class="nav">
14 
+          <ul>
15 
+            <li
16 
+              v-for="(item, i) in ['病历', '透析', '今日']"
17 
+              :key="i"
18 
+              :class="index == i ? 'active' : ''"
19 
+              @click="ClickTab(i)"
20 
+            >{{ item }}</li>
21 
+          </ul>
22 
+        </div>
19
23
20 
-                <!-- <div @click="openPicker()" class="time">
24 
+        <!-- <div @click="openPicker()" class="time">
21 
                   {{pickerVisible}}<span class="iconfont">&#xe74a;</span>
 25 
                   {{pickerVisible}}<span class="iconfont">&#xe74a;</span>
22 
-                </div> -->
23 
-                <!-- <div class="time" style="width:1.49rem;">
26 
+        </div>-->
27 
+        <!-- <div class="time" style="width:1.49rem;">
24 
                   <span class="iconfont">2018-01-01&#xe74a;</span>
 28 
                   <span class="iconfont">2018-01-01&#xe74a;</span>
25 
-                </div> -->
26 
-              <div class="print" style="float: right;">
27 
-                <el-button size="mini" type="primary" @click="print" icon="el-icon-printer">打印</el-button>
28 
-              </div>
29 
-
30 
-            </div>
31 
-            <div class="Tab">
32 
-              <CaseHistory v-show="index==0" title="病历"></CaseHistory>
33 
-              <!--<check-tab v-show="index==1" title="化验单"></check-tab>-->
34 
-              <dialysis-tab v-show="index==1" title="透析" v-on:records="jump(val)"></dialysis-tab>
35 
-              <today-tab ref="today" v-show="index==2" title="今日" ></today-tab>
36 
-            </div>
37 
-
29 
+        </div>-->
30 
+        <div class="print" style="float: right; display:none">
31 
+          <el-button size="mini" type="primary" @click="print" icon="el-icon-printer">打印</el-button>
38 
         </div>
 32 
         </div>
39 
-         <!-- <mt-datetime-picker
33 
+      </div>
34 
+      <div class="Tab">
35 
+        <CaseHistory v-show="index == 0" title="病历"></CaseHistory>
36 
+        <!--<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>
39 
+      </div>
40 
+    </div>
41 
+    <div class="add" @click="print">
42 
+      <p>打印预览</p>
43 
+    </div>
44 
+    <side-bar :active_index="0"></side-bar>
45 
+    <!-- <mt-datetime-picker
40 
             v-model="pickerVisible"
 46 
             v-model="pickerVisible"
41 
             type="date"
 47 
             type="date"
42 
             ref="picker"
 48 
             ref="picker"
43 
             year-format="{value} "
 49 
             year-format="{value} "
44 
             month-format="{value} "
 50 
             month-format="{value} "
45 
             date-format="{value} ">
 51 
             date-format="{value} ">
46 
-        </mt-datetime-picker> -->
47 
-
48 
-    </div>
52 
+    </mt-datetime-picker>-->
53 
+  </div>
49 
 </template>
 54 
 </template>
50
55
51 
 <script>
 56 
 <script>
52 
-import SideBar from '@/pages/layout/SideBar'
53 
-import TodayTab from './today/TodayTab'
54 
-import DialysisTab from './dialysis/DialysisTab'
55 
-import RecordsTab from './records/RecordsTab'
56 
-import { Popover } from 'vux'
57 
-import CheckTab from './dialysis/CheckTab'
58 
-import {parseTime} from '@/utils'
59 
-import {GetPatientInfoWithDiseases} from '@/api/patient'
60 
-import { Toast } from 'vant'
61 
-import CaseHistory from './records/CaseHistory'
57 
+import SideBar from "@/pages/layout/SideBar";
58 
+import TodayTab from "./today/TodayTab";
59 
+import DialysisTab from "./dialysis/DialysisTab";
60 
+import RecordsTab from "./records/RecordsTab";
61 
+import { Popover } from "vux";
62 
+import CheckTab from "./dialysis/CheckTab";
63 
+import { parseTime } from "@/utils";
64 
+import { GetPatientInfoWithDiseases } from "@/api/patient";
65 
+import { Toast } from "vant";
66 
+import CaseHistory from "./records/CaseHistory";
62
67
63 
 export default {
 68 
 export default {
64 
-  name: 'DetailsPage',
69 
+  name: "DetailsPage",
65 
   components: {
 70 
   components: {
66 
     CaseHistory,
 71 
     CaseHistory,
67 
     CheckTab,
 72 
     CheckTab,
71 
     RecordsTab,
 76 
     RecordsTab,
72 
     Popover
 77 
     Popover
73 
   },
 78 
   },
74 
-  data () {
79 
+  data() {
75 
     return {
 80 
     return {
76 
       // pickerVisible: new Date(),
 81 
       // pickerVisible: new Date(),
77 
       patient_id: 0,
 82 
       patient_id: 0,
78 
-      patient_name: '',
83 
+      patient_name: "",
79 
       date: 0,
 84 
       date: 0,
80 
       index: 2,
 85 
       index: 2,
81 
       patient: null
 86 
       patient: null
82 
-    }
87 
+    };
83 
   },
 88 
   },
84 
-  created () {
85 
-    var patient_id = this.$route.query.patient_id
86 
-    var date = this.$route.query.date
87 
-    var patient_name = this.$route.query.patient_name
88 
-    this.patient_id = patient_id
89 
-    this.date = date
90 
-    this.patient_name = patient_name
91 
-    this.GetPatientInfoWithDiseases(this.patient_id)
89 
+  created() {
90 
+    var patient_id = this.$route.query.patient_id;
91 
+    var date = this.$route.query.date;
92 
+    var patient_name = this.$route.query.patient_name;
93 
+    this.patient_id = patient_id;
94 
+    this.date = date;
95 
+    this.patient_name = patient_name;
96 
+    this.GetPatientInfoWithDiseases(this.patient_id);
92 
   },
 97 
   },
93 
   methods: {
 98 
   methods: {
94 
-    ClickTab: function (tabIndex) {
95 
-      this.index = tabIndex
99 
+    ClickTab: function(tabIndex) {
100 
+      this.index = tabIndex;
96 
     },
 101 
     },
97 
-    backAction () {
98 
-      this.$router.back(-1)
102 
+    backAction() {
103 
+      this.$router.back(-1);
99 
     },
 104 
     },
100 
-    openPicker () {
101 
-      this.$refs.picker.open()
105 
+    openPicker() {
106 
+      this.$refs.picker.open();
102 
     },
 107 
     },
103 
-    print: function () {
104 
-      var xtdate = parseTime(this.date, '{y}-{m}-{d}')
108 
+    print: function() {
109 
+      var xtdate = parseTime(this.date, "{y}-{m}-{d}");
105 
       if (this.patient != null) {
 110 
       if (this.patient != null) {
106 
-        this.$router.push('/Print?xtdate=' + xtdate + '&xtno=' + this.patient.dialysis_no)
111 
+        this.$router.push(
112 
+          "/Print?xtdate=" + xtdate + "&xtno=" + this.patient.dialysis_no
113 
+        );
107 
       }
 114 
       }
108 
     },
 115 
     },
109 
-    GetPatientInfoWithDiseases (id) {
110 
-      GetPatientInfoWithDiseases(id).then(response => {
111 
-        if (response.data.state == 1) {
112 
-          this.patient = response.data.data.patient
113 
-        } else {
114 
-          Toast.fail('网络异常')
115 
-          return false
116 
-        }
117 
-      }).catch(() => {
118 
-        // on cancel
119 
-        Toast.fail('网络异常')
120 
-        return false
121 
-      })
116 
+    GetPatientInfoWithDiseases(id) {
117 
+      GetPatientInfoWithDiseases(id)
118 
+        .then(response => {
119 
+          if (response.data.state == 1) {
120 
+            this.patient = response.data.data.patient;
121 
+          } else {
122 
+            Toast.fail("网络异常");
123 
+            return false;
124 
+          }
125 
+        })
126 
+        .catch(() => {
127 
+          // on cancel
128 
+          Toast.fail("网络异常");
129 
+          return false;
130 
+        });
122 
     },
 131 
     },
123 
-    jump: function (val) {
124 
-      this.index = 2
132 
+    jump: function(val) {
133 
+      this.index = 2;
125 
     },
 134 
     },
126 
-    toMyPatients () {
127 
-      var patient_id = this.$route.query.patient_id
128 
-      this.$router.push('/mypatients/' + patient_id)
135 
+    toMyPatients() {
136 
+      var patient_id = this.$route.query.patient_id;
137 
+      this.$router.push("/mypatients/" + patient_id);
129 
     }
 138 
     }
130 
   }
 139 
   }
131 
-}
140 
+};
132 
 </script>
 141 
 </script>
133
142
134 
 <style style="stylesheet/scss" lang="scss" scoped>
 143 
 <style style="stylesheet/scss" lang="scss" scoped>
144 
+.mainBox {
145 
+  display: flex;
146 
+  flex-direction: column;
147 
+  height: 100%;
148 
+  overflow-x: hidden;
149 
+  > :first-child {
150 
+    flex: 1;
151 
+    overflow-x: hidden;
152 
+  }
153 
+}
135 
 .mainContent {
 154 
 .mainContent {
136 
   position: relative;
 155 
   position: relative;
137 
   .navigation {
 156 
   .navigation {
141 
     @include box-sizing;
 160 
     @include box-sizing;
142 
     @include justify-content-between;
 161 
     @include justify-content-between;
143 
     padding: 0.3rem 0.36rem;
 162 
     padding: 0.3rem 0.36rem;
144 
-    border-bottom: 1px #e5e5e5 solid;
163 
+    // border-bottom: 1px #e5e5e5 solid;
145 
     position: fixed;
 164 
     position: fixed;
146 
     top: 0;
 165 
     top: 0;
147 
-    left:1.58rem;
166 
+    left: 0;
148 
     right: 0;
 167 
     right: 0;
149 
     z-index: 100;
 168 
     z-index: 100;
150 
-    background: #fff;
151 
-
169 
+    background: #258ffc;
170 
+    @media only screen and (max-width: 320px) {
171 
+      display: -webkit-box;
172 
+    }
173 
+    .name {
174 
+      color: #fff;
175 
+    }
152 
     .nav {
 176 
     .nav {
177 
+      margin-right: 2.4rem;
178 
+      @media only screen and (min-width: 768px) {
179 
+        margin-right: 4rem;
180 
+      }
153 
       ul {
 181 
       ul {
154 
         li {
 182 
         li {
155 
           float: left;
 183 
           float: left;
156 
-          font-size: 0.36rem;
184 
+          font-size: 0.45rem;
157 
           margin: 0 0.2rem;
 185 
           margin: 0 0.2rem;
158 
-          height: 0.64rem;
159 
-          line-height: 0.64rem;
186 
+          height: 0.7rem;
187 
+          line-height: 0.7rem;
160 
           padding: 0 0.3rem;
 188 
           padding: 0 0.3rem;
161 
           cursor: pointer;
 189 
           cursor: pointer;
190 
+          color: #fff;
162 
           &.active {
 191 
           &.active {
163 
-            background: $main-color;
164 
-            color: #fff;
192 
+            // background: $main-color;
193 
+            background: #fff;
194 
+            color: #258ffc;
195 
+            // color: #fff;
165 
             border-radius: 30px;
 196 
             border-radius: 30px;
166 
           }
 197 
           }
167 
         }
 198 
         }
178 
     padding-top: 63px;
 209 
     padding-top: 63px;
179 
     // padding-bottom: 0.25rem;
 210 
     // padding-bottom: 0.25rem;
180 
     @media only screen and (max-width: 812px) {
 211 
     @media only screen and (max-width: 812px) {
181 
-    padding-top: 42px !important;
212 
+      padding-top: 42px !important;
213 
+    }
214 
+  }
215 
+}
216 
+.add {
217 
+  width: 1.8rem;
218 
+  height: 1.8rem;
219 
+  background: #f18f68;
220 
+  // box-shadow: 0px 3px 9px 0px rgba(7, 30, 102, 0.15);
221 
+  border-radius: 50%;
222 
+  position: fixed;
223 
+  right: 0.6rem;
224 
+  bottom: 2.25rem;
225 
+  font-size: 0.45rem;
226 
+  text-align: center;
227 
+
228 
+  p {
229 
+    width: 30px;
230 
+    text-align: center;
231 
+    margin: 9px auto 0;
232 
+    color: #fff;
233 
+    // @media only screen and (min-width: 768px) {
234 
+    //   width: 40px !important;
235 
+    //   margin: 11px auto 0;
236 
+    // }
237 
+    @media only screen and (min-width: 768px) {
238 
+      width: 50px;
239 
+      margin: 14px auto 0;
182 
     }
 240 
     }
183 
   }
 241 
   }
184 
 }
 242 
 }

+ 364 - 386
src/pages/main/DialysisArea.vue View File

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
7 
-            v-model="zone_options_visible"
8 
-            placement="bottom"
9 
-            trigger="click"
10 
-          >
6 
+          <el-popover v-model="zone_options_visible" placement="bottom" trigger="click">
11 
             <li slot="reference">
 7 
             <li slot="reference">
12 
               {{
 8 
               {{
13 
-                zones.length <= 1 && zone_selected > 0
14 
-                  ? "全部分区"
15 
-                  : zones[zone_selected].text
9 
+              zones.length <= 1 && zone_selected > 0
10 
+              ? "全部分区"
11 
+              : zones[zone_selected].text
16 
               }}
 12 
               }}
17 
-              <span class="iconfont">&#xe74a;</span>
13 
+              <span
14 
+                class="iconfont"
15 
+              >&#xe74a;</span>
18 
             </li>
 16 
             </li>
19
17
20 
             <div class="popover-demo-content">
 18 
             <div class="popover-demo-content">
24 
                   :key="zone.value"
 22 
                   :key="zone.value"
25 
                   @click="handleZoneChange(index)"
 23 
                   @click="handleZoneChange(index)"
26 
                   :class="zone_selected == index ? 'tick' : ''"
 24 
                   :class="zone_selected == index ? 'tick' : ''"
27 
-                >
28 
-                  {{ zone.text }}
29 
-                </li>
25 
+                >{{ zone.text }}</li>
30 
               </ul>
 26 
               </ul>
31 
             </div>
 27 
             </div>
32 
           </el-popover>
 28 
           </el-popover>
33
29
34 
-          <el-popover
35 
-            v-model="sch_type_options_visible"
36 
-            placement="bottom"
37 
-            trigger="click"
38 
-          >
30 
+          <el-popover v-model="sch_type_options_visible" placement="bottom" trigger="click">
39 
             <li slot="reference">
 31 
             <li slot="reference">
40 
               {{ schedual_types[schedual_type_selected].text }}
 32 
               {{ schedual_types[schedual_type_selected].text }}
41 
               <span class="iconfont">&#xe74a;</span>
 33 
               <span class="iconfont">&#xe74a;</span>
49 
                   :class="
 41 
                   :class="
50 
                     schedual_type_selected == schedualType.value ? 'tick' : ''
 42 
                     schedual_type_selected == schedualType.value ? 'tick' : ''
51 
                   "
 43 
                   "
52 
-                >
53 
-                  {{ schedualType.text }}
54 
-                </li>
44 
+                >{{ schedualType.text }}</li>
55 
               </ul>
 45 
               </ul>
56 
             </div>
 46 
             </div>
57 
           </el-popover>
 47 
           </el-popover>
65 
             我的病人
 55 
             我的病人
66 
             <span class="iconfont">&#xe74a;</span>
 56 
             <span class="iconfont">&#xe74a;</span>
67 
           </li>
 57 
           </li>
68 
-          <!--<li @click="clearPatient()">-->
69 
-            <!--全部病人-->
70 
-            <!--<span class="iconfont">&#xe74a;</span>-->
71 
-          <!--</li>-->
72
58
73 
         </ul>
 59 
         </ul>
74 
       </div>
 60 
       </div>
76 
       <div class="stateBox">
 62 
       <div class="stateBox">
77 
         <div v-for="(item, index) in filtedScheduals" :key="index">
 63 
         <div v-for="(item, index) in filtedScheduals" :key="index">
78 
           <h2 class="title">{{ item.zone_name }}</h2>
 64 
           <h2 class="title">{{ item.zone_name }}</h2>
79 
-          <patient-box
80 
-            class="clearfix"
81 
-            :patients="item.scheduals"
82 
-          ></patient-box>
65 
+          <patient-box class="clearfix" :patients="item.scheduals"></patient-box>
83 
         </div>
 66 
         </div>
84 
         <div class="NoData" v-if="filtedScheduals.length == 0 && networkStates">
 67 
         <div class="NoData" v-if="filtedScheduals.length == 0 && networkStates">
85 
-          <img
86 
-            style="margin-top: 50px; margin-bottom: 50px"
87 
-            src="@/assets/login/data.jpg"
88 
-            alt
89 
-          />
68 
+          <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
90 
         </div>
 69 
         </div>
91 
-        <div
92 
-          class="NoData"
93 
-          v-if="!networkStates"
94 
-          style="display: block;text-align: center"
95 
-        >
96 
-          <p style="margin-top: 100px;font-size: 18px">
97 
-            网络异常，请点击重新加载
98 
-          </p>
70 
+        <div class="NoData" v-if="!networkStates" style="display: block;text-align: center">
71 
+          <p style="margin-top: 100px;font-size: 18px">网络异常，请点击重新加载</p>
99
72
100 
           <!--<img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/no_network.jpg" alt="">-->
 73 
           <!--<img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/no_network.jpg" alt="">-->
101 
           <van-button
 74 
           <van-button
104 
             type="info"
 77 
             type="info"
105 
             style="display:block;margin:0 auto"
 78 
             style="display:block;margin:0 auto"
106 
             @click="reloads()"
 79 
             @click="reloads()"
107 
-            >重新加载
108 
-          </van-button>
80 
+          >重新加载</van-button>
109 
         </div>
 81 
         </div>
110 
       </div>
 82 
       </div>
111 
       <mt-datetime-picker
 83 
       <mt-datetime-picker
122 
 </template>
 94 
 </template>
123
95
124 
 <script>
 96 
 <script>
125 
-import PatientBox from './PatientBox'
126 
-import { Popover } from 'vux'
127 
-import { Datetime } from 'vux'
128 
-import { parseTime } from '@/utils/index'
129 
-import { getDialysisScheduals } from '@/api/dialysis'
130 
-import { Toast } from 'vant'
131 
-
132 
-export default {
133 
-  name: 'DialysisArea',
134 
-  components: {
135 
-    PatientBox,
136 
-    Popover,
137 
-    Datetime
138 
-  },
139 
-  inject: ['reload'],
140 
-  data () {
141 
-    return {
142 
-      loading: false,
143 
-      user_id: 0,
144 
-      networkStates: true,
145 
-      timer: null,
146 
-      ismypatient: this.$store.getters.app.dialysis_area.ismypatient,
147 
-      selected_date: this.$store.getters.app.dialysis_area.schedule_date, // new Date(),
148 
-      schedual_types: [
149 
-        { value: 0, text: '全部班', select: true },
150 
-        { value: 1, text: '上午', select: false },
151 
-        { value: 2, text: '下午', select: false },
152 
-        { value: 3, text: '晚上', select: false }
153 
-      ],
154 
-      schedual_type_selected: this.$store.getters.app.dialysis_area
155 
-        .schedule_type_select_index,
156 
-
157 
-      zone_selected: this.$store.getters.app.dialysis_area.zone_select_index,
158 
-      zones: [{ value: 0, text: '全部分区', select: true }],
159 
-      dialysis_scheduals: [],
160 
-
161 
-      zone_options_visible: false,
162 
-      sch_type_options_visible: false
163 
-    }
164 
-  },
165 
-  props: {
166 
-    search_keyword: {
167 
-      type: String,
168 
-      default: ''
169 
-    }
170 
-  },
171 
-  computed: {
172 
-    selected_date_str: function () {
173 
-      return parseTime(this.selected_date, '{y}-{m}-{d}')
97 
+  import PatientBox from './PatientBox'
98 
+  import { Popover } from 'vux'
99 
+  import { Datetime } from 'vux'
100 
+  import { parseTime } from '@/utils/index'
101 
+  import { getDialysisScheduals } from '@/api/dialysis'
102 
+  import { Toast } from 'vant'
103 
+
104 
+  export default {
105 
+    name: 'DialysisArea',
106 
+    components: {
107 
+      PatientBox,
108 
+      Popover,
109 
+      Datetime
174 
     },
 110 
     },
175 
-
176 
-    filtedScheduals: function () {
177 
-      if (this.dialysis_scheduals.length == 0) {
178 
-        return []
111 
+    inject: ['reload'],
112 
+    data () {
113 
+      return {
114 
+        loading: false,
115 
+        user_id: 0,
116 
+        networkStates: true,
117 
+        timer: null,
118 
+        ismypatient: this.$store.getters.app.dialysis_area.ismypatient,
119 
+        selected_date: this.$store.getters.app.dialysis_area.schedule_date, // new Date(),
120 
+        schedual_types: [
121 
+          { value: 0, text: '全部班', select: true },
122 
+          { value: 1, text: '上午', select: false },
123 
+          { value: 2, text: '下午', select: false },
124 
+          { value: 3, text: '晚上', select: false }
125 
+        ],
126 
+        schedual_type_selected: this.$store.getters.app.dialysis_area
127 
+          .schedule_type_select_index,
128 
+
129 
+        zone_selected: this.$store.getters.app.dialysis_area.zone_select_index,
130 
+        zones: [{ value: 0, text: '全部分区', select: true }],
131 
+        dialysis_scheduals: [],
132 
+
133 
+        zone_options_visible: false,
134 
+        sch_type_options_visible: false
179 
       }
 135 
       }
136 
+    },
137 
+    props: {
138 
+      search_keyword: {
139 
+        type: String,
140 
+        default: ''
141 
+      }
142 
+    },
143 
+    computed: {
144 
+      selected_date_str: function () {
145 
+        return parseTime(this.selected_date, '{y}-{m}-{d}')
146 
+      },
147 
+
148 
+      filtedScheduals: function () {
149 
+        if (this.dialysis_scheduals.length == 0) {
150 
+          return []
151 
+        }
180
152
181 
-      var search_keyword = this.search_keyword
182 
-      if (search_keyword.length > 0) {
183 
-        var schedules = []
184 
-        for (let o_i = 0; o_i < this.dialysis_scheduals.length; o_i++) {
185 
-          const scheduleInfo = this.dialysis_scheduals[o_i]
186 
-          var originSchedules = scheduleInfo.scheduals
187 
-          if (originSchedules.length == 0) {
188 
-            continue
189 
-          }
190 
-          var filtedSchedules = []
191 
-          for (let s_i = 0; s_i < originSchedules.length; s_i++) {
192 
-            const schedule = originSchedules[s_i]
193 
-            if (
194 
-              schedule.patient.name.indexOf(search_keyword) != -1 ||
195 
-              schedule.patient.dialysis_no.indexOf(search_keyword) != -1
196 
-            ) {
197 
-              filtedSchedules.push(schedule)
198 
-              break
153 
+        var search_keyword = this.search_keyword
154 
+        if (search_keyword.length > 0) {
155 
+          var schedules = []
156 
+          for (let o_i = 0; o_i < this.dialysis_scheduals.length; o_i++) {
157 
+            const scheduleInfo = this.dialysis_scheduals[o_i]
158 
+            var originSchedules = scheduleInfo.scheduals
159 
+            if (originSchedules.length == 0) {
160 
+              continue
161 
+            }
162 
+            var filtedSchedules = []
163 
+            for (let s_i = 0; s_i < originSchedules.length; s_i++) {
164 
+              const schedule = originSchedules[s_i]
165 
+              if (
166 
+                schedule.patient.name.indexOf(search_keyword) != -1 ||
167 
+                schedule.patient.dialysis_no.indexOf(search_keyword) != -1
168 
+              ) {
169 
+                filtedSchedules.push(schedule)
170 
+                break
171 
+              }
172 
+            }
173 
+            if (filtedSchedules.length > 0) {
174 
+              schedules.push({
175 
+                zone_name: scheduleInfo.zone_name,
176 
+                scheduals: filtedSchedules
177 
+              })
199 
             }
 178 
             }
200 
           }
 179 
           }
201 
-          if (filtedSchedules.length > 0) {
202 
-            schedules.push({
203 
-              zone_name: scheduleInfo.zone_name,
204 
-              scheduals: filtedSchedules
205 
-            })
180 
+          return schedules
181 
+        }
182 
+        if (this.ismypatient) {
183 
+          var zone_selected = this.zone_selected
184 
+          var timetype_selected = this.schedual_type_selected
185 
+          var zone_name = zone_selected == 0 ? '' : this.zones[zone_selected].text
186 
+          var schedules = []
187 
+          for (let o_i = 0; o_i < this.dialysis_scheduals.length; o_i++) {
188 
+            const scheduleInfo = this.dialysis_scheduals[o_i]
189 
+            var originSchedules = scheduleInfo.scheduals
190 
+            if (originSchedules.length == 0) {
191 
+              continue
192 
+            }
193 
+            var filtedSchedules = []
194 
+            for (let s_i = 0; s_i < originSchedules.length; s_i++) {
195 
+              const schedule = originSchedules[s_i]
196 
+              if (schedule.dialysis_order.start_nurse == this.user_id ) {
197 
+                if (zone_name.length == 0 || (zone_name.length > 0 && zone_name == schedule.device_number.zone.name)) {
198 
+                  if (timetype_selected == 0 || schedule.schedule_type == timetype_selected) {
199 
+                    filtedSchedules.push(schedule)
200 
+                  }
201 
+                }
202 
+                // break;
203 
+              }
204 
+            }
205 
+            if (filtedSchedules.length > 0) {
206 
+              schedules.push({
207 
+                zone_name: scheduleInfo.zone_name,
208 
+                scheduals: filtedSchedules
209 
+              })
210 
+            }
206 
           }
 211 
           }
212 
+          return schedules
207 
         }
 213 
         }
208 
-        return schedules
209 
-      }
210 
-      if (this.ismypatient) {
214 
+
211 
         var zone_selected = this.zone_selected
 215 
         var zone_selected = this.zone_selected
212 
         var timetype_selected = this.schedual_type_selected
 216 
         var timetype_selected = this.schedual_type_selected
217 
+        if ((zone_selected == 0 && timetype_selected == 0) || this.zones.length <= 1) {
218 
+          return this.dialysis_scheduals
219 
+        }
220 
+
213 
         var zone_name = zone_selected == 0 ? '' : this.zones[zone_selected].text
 221 
         var zone_name = zone_selected == 0 ? '' : this.zones[zone_selected].text
214 
         var schedules = []
 222 
         var schedules = []
215 
         for (let o_i = 0; o_i < this.dialysis_scheduals.length; o_i++) {
 223 
         for (let o_i = 0; o_i < this.dialysis_scheduals.length; o_i++) {
216 
           const scheduleInfo = this.dialysis_scheduals[o_i]
 224 
           const scheduleInfo = this.dialysis_scheduals[o_i]
217 
           var originSchedules = scheduleInfo.scheduals
 225 
           var originSchedules = scheduleInfo.scheduals
218 
-          if (originSchedules.length == 0) {
219 
-            continue
220 
-          }
221 
           var filtedSchedules = []
 226 
           var filtedSchedules = []
222 
           for (let s_i = 0; s_i < originSchedules.length; s_i++) {
 227 
           for (let s_i = 0; s_i < originSchedules.length; s_i++) {
223 
             const schedule = originSchedules[s_i]
 228 
             const schedule = originSchedules[s_i]
224 
-            if (schedule.dialysis_order.start_nurse == this.user_id ) {
229 
+            if (this.ismypatient) {
230 
+
231 
+              if (schedule.dialysis_order.creator == this.user_id) {
232 
+                filtedSchedules.push(schedule)
233 
+              }
234 
+            } else {
225 
               if (zone_name.length == 0 || (zone_name.length > 0 && zone_name == schedule.device_number.zone.name)) {
 235 
               if (zone_name.length == 0 || (zone_name.length > 0 && zone_name == schedule.device_number.zone.name)) {
226 
                 if (timetype_selected == 0 || schedule.schedule_type == timetype_selected) {
 236 
                 if (timetype_selected == 0 || schedule.schedule_type == timetype_selected) {
227 
                   filtedSchedules.push(schedule)
 237 
                   filtedSchedules.push(schedule)
228 
                 }
 238 
                 }
229 
               }
 239 
               }
230 
-              // break;
231 
             }
 240 
             }
232 
           }
 241 
           }
233 
           if (filtedSchedules.length > 0) {
 242 
           if (filtedSchedules.length > 0) {
237 
             })
 246 
             })
238 
           }
 247 
           }
239 
         }
 248 
         }
249 
+        this.ismypatient = false
240 
         return schedules
 250 
         return schedules
241 
       }
 251 
       }
252 
+    },
242
253
243 
-      var zone_selected = this.zone_selected
244 
-      var timetype_selected = this.schedual_type_selected
245 
-      if ((zone_selected == 0 && timetype_selected == 0) || this.zones.length <= 1) {
246 
-        return this.dialysis_scheduals
247 
-      }
248 
-
249 
-      var zone_name = zone_selected == 0 ? '' : this.zones[zone_selected].text
250 
-      var schedules = []
251 
-      for (let o_i = 0; o_i < this.dialysis_scheduals.length; o_i++) {
252 
-        const scheduleInfo = this.dialysis_scheduals[o_i]
253 
-        var originSchedules = scheduleInfo.scheduals
254 
-        var filtedSchedules = []
255 
-        for (let s_i = 0; s_i < originSchedules.length; s_i++) {
256 
-          const schedule = originSchedules[s_i]
257 
-          if (this.ismypatient) {
258 
-
259 
-            if (schedule.dialysis_order.creator == this.user_id) {
260 
-              filtedSchedules.push(schedule)
261 
-            }
262 
-          } else {
263 
-            if (zone_name.length == 0 || (zone_name.length > 0 && zone_name == schedule.device_number.zone.name)) {
264 
-              if (timetype_selected == 0 || schedule.schedule_type == timetype_selected) {
265 
-                filtedSchedules.push(schedule)
266 
-              }
267 
-            }
254 
+    created () {
255 
+      this.user_id = this.$store.getters.user.user.id
256 
+
257 
+      var storedata = this.$store.getters.scheduals
258 
+      var scheduals = storedata.scheduals
259 
+      if (Object.keys(storedata).length > 0) {
260 
+        var zoneMap = {}
261 
+        var schedualMap = {}
262 
+        for (let index = 0; index < scheduals.length; index++) {
263 
+          const schedual = scheduals[index]
264 
+          if (schedual.dialysis_order == null) {
265 
+            continue
266 
+          }
267 
+          if (schedualMap[schedual.device_number.zone.name] == null) {
268 
+            schedualMap[schedual.device_number.zone.name] = []
269 
+          }
270 
+          schedualMap[schedual.device_number.zone.name].push(schedual)
271 
+          if (zoneMap[schedual.device_number.zone.name] == null) {
272 
+            zoneMap[schedual.device_number.zone.name] =
273 
+              schedual.device_number.zone
268 
           }
 274 
           }
269 
         }
 275 
         }
270 
-        if (filtedSchedules.length > 0) {
271 
-          schedules.push({
272 
-            zone_name: scheduleInfo.zone_name,
273 
-            scheduals: filtedSchedules
274 
-          })
275 
-        }
276 
-      }
277 
-      this.ismypatient = false
278 
-      return schedules
279 
-    }
280 
-  },
281 
-
282 
-  created () {
283 
-    this.user_id = this.$store.getters.user.user.id
284 
-
285 
-    var storedata = this.$store.getters.scheduals
286 
-    var scheduals = storedata.scheduals
287 
-    if (Object.keys(storedata).length > 0) {
288 
-      var zoneMap = {}
289 
-      var schedualMap = {}
290 
-      for (let index = 0; index < scheduals.length; index++) {
291 
-        const schedual = scheduals[index]
292 
-        if (schedual.dialysis_order == null) {
293 
-          continue
294 
-        }
295 
-        if (schedualMap[schedual.device_number.zone.name] == null) {
296 
-          schedualMap[schedual.device_number.zone.name] = []
297 
-        }
298 
-        schedualMap[schedual.device_number.zone.name].push(schedual)
299 
-        if (zoneMap[schedual.device_number.zone.name] == null) {
300 
-          zoneMap[schedual.device_number.zone.name] =
301 
-            schedual.device_number.zone
276 
+
277 
+        var zones = []
278 
+        zones.push({ value: 0, text: '全部分区' })
279 
+        for (var zoneName in zoneMap) {
280 
+          zones.push({ value: zoneMap[zoneName].id, text: zoneName })
302 
         }
 281 
         }
303 
-      }
304
282
305 
-      var zones = []
306 
-      zones.push({ value: 0, text: '全部分区' })
307 
-      for (var zoneName in zoneMap) {
308 
-        zones.push({ value: zoneMap[zoneName].id, text: zoneName })
309 
-      }
283 
+        zones = zones.sort(function (a, b) {
284 
+          return a.value > b.value
285 
+        })
286 
+        this.zones = zones
310
287
311 
-      zones = zones.sort(function (a, b) {
312 
-        return a.value > b.value
313 
-      })
314 
-      this.zones = zones
315 
-
316 
-      var dialysis_scheduals = []
317 
-      for (let index = 0; index < zones.length; index++) {
318 
-        const zone = zones[index]
319 
-        var scheduals = schedualMap[zone.text]
320 
-        if (scheduals == null) {
321 
-          continue
288 
+        var dialysis_scheduals = []
289 
+        for (let index = 0; index < zones.length; index++) {
290 
+          const zone = zones[index]
291 
+          var scheduals = schedualMap[zone.text]
292 
+          if (scheduals == null) {
293 
+            continue
294 
+          }
295 
+          dialysis_scheduals.push({
296 
+            zone_name: zone.text,
297 
+            scheduals: scheduals
298 
+          })
322 
         }
 299 
         }
323 
-        dialysis_scheduals.push({
324 
-          zone_name: zone.text,
325 
-          scheduals: scheduals
326 
-        })
300 
+        this.dialysis_scheduals = dialysis_scheduals
301 
+      } else {
302 
+        this.requestDialysisScheduals()
327 
       }
 303 
       }
328 
-      this.dialysis_scheduals = dialysis_scheduals
329 
-    } else {
330 
-      this.requestDialysisScheduals()
331 
-    }
332 
-  },
333 
-  mounted () {
334 
-    this.timer = window.setInterval(() => {
335 
-      setTimeout(this.requestDialysisScheduals(), 0)
336 
-    }, 30000)
337 
-  },
338 
-  beforeDestroy () {
339 
-    clearInterval(this.timer)
340 
-    this.timer = null
341 
-  },
342 
-  methods: {
343 
-    clearPatient(){
344 
-      this.search_keyword = ''
345 
-      this.ismypatient = false
346 
-      this.$emit('clear_search_keyword')
347 
-      this.$store.dispatch('SaveDialysisAreaSelectIndexs', {
348 
-        zone: this.zone_selected,
349 
-        schedule_type: this.schedual_type_selected,
350 
-        schedule_date: this.selected_date,
351 
-        ismypatient:   this.ismypatient,
352 
-      })
353 
     },
 304 
     },
354 
-    mypatient () {
355 
-      this.search_keyword = ''
356 
-      this.ismypatient = true
357 
-      this.$emit('clear_search_keyword')
358 
-      this.$store.dispatch('SaveDialysisAreaSelectIndexs', {
359 
-        zone: this.zone_selected,
360 
-        schedule_type: this.schedual_type_selected,
361 
-        schedule_date: this.selected_date,
362 
-        ismypatient:   this.ismypatient,
363 
-      })
305 
+    mounted () {
306 
+      this.timer = window.setInterval(() => {
307 
+        setTimeout(this.requestDialysisScheduals(), 0)
308 
+      }, 30000)
364 
     },
 309 
     },
365 
-    reloads: function () {
366 
-      this.reload()
310 
+    beforeDestroy () {
311 
+      clearInterval(this.timer)
312 
+      this.timer = null
367 
     },
 313 
     },
368 
-    handletimeType: function (index) {
369 
-      if(!this.ismypatient){
314 
+    methods: {
315 
+      clearPatient(){
316 
+        this.search_keyword = ''
370 
         this.ismypatient = false
 317 
         this.ismypatient = false
371 
-      }
372 
-      this.sch_type_options_visible = false
373 
-      this.schedual_type_selected = index
374 
-      this.$emit('clear_search_keyword')
375 
-      this.$store.dispatch('SaveDialysisAreaSelectIndexs', {
376 
-        zone: this.zone_selected,
377 
-        schedule_type: this.schedual_type_selected,
378 
-        schedule_date: this.selected_date,
379 
-        ismypatient:   this.ismypatient,
380 
-
381 
-      })
382 
-    },
383 
-    handleZoneChange: function (index) {
384 
-      this.ismypatient = false
385 
-      this.zone_options_visible = false
386 
-      this.zone_selected = index
387 
-      this.$emit('clear_search_keyword')
388 
-      this.$store.dispatch('SaveDialysisAreaSelectIndexs', {
389 
-        zone: this.zone_selected,
390 
-        schedule_type: this.schedual_type_selected,
391 
-        schedule_date: this.selected_date,
392 
-        ismypatient:   this.ismypatient,
393 
-      })
394 
-    },
395 
-    handleScheduleDateChange: function (date) {
396 
-      if(!this.ismypatient){
397 
-        this.ismypatient = false
398 
-      }
399 
-      this.zone_selected = 0
400 
-      this.schedual_type_selected = 0
401 
-      this.$emit('clear_search_keyword')
402 
-      this.$store.dispatch('SaveDialysisAreaSelectIndexs', {
403 
-        zone: this.zone_selected,
404 
-        schedule_type: this.schedual_type_selected,
405 
-        schedule_date: this.selected_date,
406 
-        ismypatient:   this.ismypatient,
407 
-
408 
-      })
409 
-      this.requestDialysisScheduals()
410 
-    },
318 
+        this.$emit('clear_search_keyword')
319 
+        this.$store.dispatch('SaveDialysisAreaSelectIndexs', {
320 
+          zone: this.zone_selected,
321 
+          schedule_type: this.schedual_type_selected,
322 
+          schedule_date: this.selected_date,
323 
+          ismypatient:   this.ismypatient,
324 
+        })
325 
+      },
326 
+      mypatient () {
327 
+        this.search_keyword = ''
328 
+        this.ismypatient = true
329 
+        this.$emit('clear_search_keyword')
330 
+        this.$store.dispatch('SaveDialysisAreaSelectIndexs', {
331 
+          zone: this.zone_selected,
332 
+          schedule_type: this.schedual_type_selected,
333 
+          schedule_date: this.selected_date,
334 
+          ismypatient:   this.ismypatient,
335 
+        })
336 
+      },
337 
+      reloads: function () {
338 
+        this.reload()
339 
+      },
340 
+      handletimeType: function (index) {
341 
+        if(!this.ismypatient){
342 
+          this.ismypatient = false
343 
+        }
344 
+        this.sch_type_options_visible = false
345 
+        this.schedual_type_selected = index
346 
+        this.$emit('clear_search_keyword')
347 
+        this.$store.dispatch('SaveDialysisAreaSelectIndexs', {
348 
+          zone: this.zone_selected,
349 
+          schedule_type: this.schedual_type_selected,
350 
+          schedule_date: this.selected_date,
351 
+          ismypatient:   this.ismypatient,
411
352
412 
-    requestDialysisScheduals () {
413 
-      // this.$toast.loading({forbidClick: true, duration: 0})
414 
-      // this.loading = true;
415 
-      var type = 0
416 
-      getDialysisScheduals({ type: type, date: this.selected_date_str })
417 
-        .then(rs => {
418 
-          this.networkStates = true
419 
-          var resp = rs.data
420 
-          if (resp.state == 1) {
421 
-            this.loading = false
353 
+        })
354 
+      },
355 
+      handleZoneChange: function (index) {
356 
+        this.ismypatient = false
357 
+        this.zone_options_visible = false
358 
+        this.zone_selected = index
359 
+        this.$emit('clear_search_keyword')
360 
+        this.$store.dispatch('SaveDialysisAreaSelectIndexs', {
361 
+          zone: this.zone_selected,
362 
+          schedule_type: this.schedual_type_selected,
363 
+          schedule_date: this.selected_date,
364 
+          ismypatient:   this.ismypatient,
365 
+        })
366 
+      },
367 
+      handleScheduleDateChange: function (date) {
368 
+        if(!this.ismypatient){
369 
+          this.ismypatient = false
370 
+        }
371 
+        this.zone_selected = 0
372 
+        this.schedual_type_selected = 0
373 
+        this.$emit('clear_search_keyword')
374 
+        this.$store.dispatch('SaveDialysisAreaSelectIndexs', {
375 
+          zone: this.zone_selected,
376 
+          schedule_type: this.schedual_type_selected,
377 
+          schedule_date: this.selected_date,
378 
+          ismypatient:   this.ismypatient,
422
379
423 
-            // console.log(resp.data)
424 
-            var scheduals = resp.data.scheduals
425 
-            this.$store.dispatch('SetScheduals', {scheduals: scheduals})
426 
-            var zoneMap = {}
427 
-            var schedualMap = {}
428 
-            for (let index = 0; index < scheduals.length; index++) {
429 
-              const schedual = scheduals[index]
430 
-              if (schedual.dialysis_order == null) {
431 
-                continue
432 
-              }
433 
-              if (schedualMap[schedual.device_number.zone.name] == null) {
434 
-                schedualMap[schedual.device_number.zone.name] = []
435 
-              }
436 
-              schedualMap[schedual.device_number.zone.name].push(schedual)
437 
-              if (zoneMap[schedual.device_number.zone.name] == null) {
438 
-                zoneMap[schedual.device_number.zone.name] =
439 
-                  schedual.device_number.zone
380 
+        })
381 
+        this.requestDialysisScheduals()
382 
+      },
383 
+
384 
+      requestDialysisScheduals () {
385 
+        // this.$toast.loading({forbidClick: true, duration: 0})
386 
+        // this.loading = true;
387 
+        var type = 0
388 
+        getDialysisScheduals({ type: type, date: this.selected_date_str })
389 
+          .then(rs => {
390 
+            this.networkStates = true
391 
+            var resp = rs.data
392 
+            if (resp.state == 1) {
393 
+              this.loading = false
394 
+
395 
+              // console.log(resp.data)
396 
+              var scheduals = resp.data.scheduals
397 
+              this.$store.dispatch('SetScheduals', {scheduals: scheduals})
398 
+              var zoneMap = {}
399 
+              var schedualMap = {}
400 
+              for (let index = 0; index < scheduals.length; index++) {
401 
+                const schedual = scheduals[index]
402 
+                if (schedual.dialysis_order == null) {
403 
+                  continue
404 
+                }
405 
+                if (schedualMap[schedual.device_number.zone.name] == null) {
406 
+                  schedualMap[schedual.device_number.zone.name] = []
407 
+                }
408 
+                schedualMap[schedual.device_number.zone.name].push(schedual)
409 
+                if (zoneMap[schedual.device_number.zone.name] == null) {
410 
+                  zoneMap[schedual.device_number.zone.name] =
411 
+                    schedual.device_number.zone
412 
+                }
440 
               }
 413 
               }
441 
-            }
442
414
443 
-            var zones = []
444 
-            zones.push({ value: 0, text: '全部分区' })
445 
-            for (var zoneName in zoneMap) {
446 
-              zones.push({ value: zoneMap[zoneName].id, text: zoneName })
447 
-            }
415 
+              var zones = []
416 
+              zones.push({ value: 0, text: '全部分区' })
417 
+              for (var zoneName in zoneMap) {
418 
+                zones.push({ value: zoneMap[zoneName].id, text: zoneName })
419 
+              }
448
420
449 
-            zones = zones.sort(function (a, b) {
450 
-              return a.value > b.value
451 
-            })
452 
-            this.zones = zones
453 
-
454 
-            var dialysis_scheduals = []
455 
-            for (let index = 0; index < zones.length; index++) {
456 
-              const zone = zones[index]
457 
-              var scheduals = schedualMap[zone.text]
458 
-              if (scheduals == null) {
459 
-                continue
421 
+              zones = zones.sort(function (a, b) {
422 
+                return a.value > b.value
423 
+              })
424 
+              this.zones = zones
425 
+
426 
+              var dialysis_scheduals = []
427 
+              for (let index = 0; index < zones.length; index++) {
428 
+                const zone = zones[index]
429 
+                var scheduals = schedualMap[zone.text]
430 
+                if (scheduals == null) {
431 
+                  continue
432 
+                }
433 
+                dialysis_scheduals.push({
434 
+                  zone_name: zone.text,
435 
+                  scheduals: scheduals
436 
+                })
460 
               }
 437 
               }
461 
-              dialysis_scheduals.push({
462 
-                zone_name: zone.text,
463 
-                scheduals: scheduals
438 
+              this.dialysis_scheduals = dialysis_scheduals
439 
+            } else {
440 
+              this.loading = false
441 
+
442 
+              this.$toast({
443 
+                message: resp.msg
464 
               })
 444 
               })
465 
             }
 445 
             }
466 
-            this.dialysis_scheduals = dialysis_scheduals
467 
-          } else {
446 
+          })
447 
+          .catch(error => {
468 
             this.loading = false
 448 
             this.loading = false
469
449
470 
-            this.$toast({
471 
-              message: resp.msg
472 
-            })
473 
-          }
474 
-        })
475 
-        .catch(error => {
476 
-          this.loading = false
477 
-
478 
-          // 超时之后在这里捕抓错误信息.
479 
-          if (error.response) {
480 
-            this.networkStates = false
481 
-
482 
-            console.log('error.response')
483 
-            console.log(error.response)
484 
-          } else if (error.request) {
485 
-            this.networkStates = false
486 
-
487 
-            // if(error.request.readyState == 4 && error.request.status == 0){
488 
-            //   //我在这里重新请求
489 
-            //   this.networkStates = false
490 
-            // }
491 
-          } else {
492 
-            this.networkStates = false
493 
-          }
494 
-        })
495 
-    },
496 
-    openPicker () {
497 
-      this.$refs.picker.open()
450 
+            // 超时之后在这里捕抓错误信息.
451 
+            if (error.response) {
452 
+              this.networkStates = false
453 
+
454 
+              console.log('error.response')
455 
+              console.log(error.response)
456 
+            } else if (error.request) {
457 
+              this.networkStates = false
458 
+
459 
+              // if(error.request.readyState == 4 && error.request.status == 0){
460 
+              //   //我在这里重新请求
461 
+              //   this.networkStates = false
462 
+              // }
463 
+            } else {
464 
+              this.networkStates = false
465 
+            }
466 
+          })
467 
+      },
468 
+      openPicker () {
469 
+        this.$refs.picker.open()
470 
+      }
471 
+      // getMyPatient () {
472 
+      //   console.log('这是啥', this.zone_options_visible)
473 
+      //   console.log('日期', this.selected_date)
474 
+      // }
498 
     }
 475 
     }
499 
-    // getMyPatient () {
500 
-    //   console.log('这是啥', this.zone_options_visible)
501 
-    //   console.log('日期', this.selected_date)
502 
-    // }
503 
   }
 476 
   }
504 
-}
505 
 </script>
 477 
 </script>
506
478
479 
+
507 
 <style style="stylesheet/scss" lang="scss" scoped>
 480 
 <style style="stylesheet/scss" lang="scss" scoped>
508 
 .screening {
 481 
 .screening {
509 
   border-bottom: 1px #e5e5e5 solid;
 482 
   border-bottom: 1px #e5e5e5 solid;
510 
   position: fixed;
 483 
   position: fixed;
511 
-  top: 63px;
484 
+  top: 100px;
485 
+  @media only screen and (min-width: 768px) {
486 
+    top: 163px;
487 
+  }
488 
+  // @media only screen and (min-width: 813px) and (max-width: 1024px) {
489 
+  //   top: 130px;
490 
+  // }
512 
   right: 0;
 491 
   right: 0;
513 
   z-index: 66;
 492 
   z-index: 66;
514 
-  left: 1.58rem;
493 
+  left: 0;
515 
   background: #fff;
 494 
   background: #fff;
516 
-  @media only screen and (max-width: 812px) {
517 
-    top: 50px !important;
518 
-  }
495 
+  // @media only screen and (max-width: 812px) {
496 
+  //   top: 50px !important;
497 
+  // }
519 
   ul {
 498 
   ul {
520 
     @include display-flex;
 499 
     @include display-flex;
521 
     @include align-items-center;
 500 
     @include align-items-center;
522 
     @include text-align;
 501 
     @include text-align;
523 
     @include justify-content-between;
 502 
     @include justify-content-between;
524 
-    width: 60%;
503 
+    width: 90%;
525 
     margin: 0 auto;
 504 
     margin: 0 auto;
526 
     li {
 505 
     li {
527 
-      font-size: 0.32rem;
506 
+      font-size: 0.45rem;
528 
       padding: 0.3rem 0;
 507 
       padding: 0.3rem 0;
529 
       cursor: pointer;
 508 
       cursor: pointer;
530 
       .iconfont {
 509 
       .iconfont {
531 
-        font-size: 0.32rem;
510 
+        font-size: 0.45rem;
532 
         color: #a8b3ba;
 511 
         color: #a8b3ba;
533 
         margin-left: 0.1rem;
 512 
         margin-left: 0.1rem;
534 
-        @media only screen and (max-width: 812px) {
535 
-          font-size: 12px !important;
536 
-        }
513 
+        // @media only screen and (max-width: 768px) {
514 
+        //   font-size: 0.45 !important;
515 
+        // }
537 
       }
 516 
       }
538 
     }
 517 
     }
539 
   }
 518 
   }
562 
   opacity: 0.6;
 541 
   opacity: 0.6;
563 
   display: none;
 542 
   display: none;
564 
 }
 543 
 }
565 
-</style>
566
544
567 
-<style>
568 
-.picker-toolbar {
545 
+  .picker-toolbar {
569 
   height: 60px;
 546 
   height: 60px;
570 
-}
571 
-.mint-datetime-action {
547 
+  }
548 
+  .mint-datetime-action {
572 
   line-height: 60px;
 549 
   line-height: 60px;
573 
-  font-size: 0.34rem;
574 
-  @media only screen and (max-width: 812px) {
575 
-    line-height: 30px !important;
550 
+  font-size: 0.45rem;
551 
+  @media only screen and (max-width: 768px) {
552 
+  line-height: 40px !important;
553 
+  }
576 
   }
 554 
   }
577 
-}
578 
 </style>
 555 
 </style>
556 
+

+ 268 - 230
src/pages/main/PatientBox.vue View File

1 
 <template>
 1 
 <template>
2 
   <div>
 2 
   <div>
3 
-    <div class="patient" :class="borderColor(patient)" v-for="(patient, index) in patients" :key="index"
4 
-         @click="detailAction(patient)">
3 
+    <div
4 
+      class="patient"
5 
+      :class="borderColor(patient)"
6 
+      v-for="(patient, index) in patients"
7 
+      :key="index"
8 
+      @click="detailAction(patient)"
9 
+    >
5 
       <!-- <router-link :to="{path:'/details',  query: {patient_id: patient.patient_id, date: patient.schedule_date}}"> -->
 10 
       <!-- <router-link :to="{path:'/details',  query: {patient_id: patient.patient_id, date: patient.schedule_date}}"> -->
6 
       <div class="kehu">
 11 
       <div class="kehu">
7 
-
8 
         <div style="position: relative;flex:2;" class="tx">
 12 
         <div style="position: relative;flex:2;" class="tx">
9 
-            <img :src="patient.patient.avatar.length > 0 ? patient.patient.avatar : '../../assets/product/test.jpg'"
10 
-                 alt="">
11 
-            <span class="redpoint" v-if="getStatus(patient)">{{getUnReadNum(patient) > 99?getUnReadNum(patient)+"+":getUnReadNum(patient)}}</span>
13 
+          <img
14 
+            :src="patient.patient.avatar.length > 0 ? patient.patient.avatar : '../../assets/product/test.jpg'"
15 
+            alt
16 
+          />
17 
+          <span
18 
+            class="redpoint"
19 
+            v-if="getStatus(patient)"
20 
+          >{{getUnReadNum(patient) > 99?getUnReadNum(patient)+"+":getUnReadNum(patient)}}</span>
12 
           <div class="right">
 21 
           <div class="right">
13 
-            <h3 class="name">{{patient.patient.name}}<span class="el-icon-bell yztx" v-if="getStatus(patient)"> 医嘱</span> <span class="yc" v-show="isAbnormal(patient)">异常</span></h3>
22 
+            <h3 class="name">
23 
+              {{patient.patient.name}}
24 
+              <span class="el-icon-bell yztx" v-if="getStatus(patient)">医嘱</span>
25 
+              <span class="yc" v-show="isAbnormal(patient)">异常</span>
26 
+            </h3>
14 
             <span class="num">{{ genderText(patient) }} | {{ age(patient) }}岁</span>
 27 
             <span class="num">{{ genderText(patient) }} | {{ age(patient) }}岁</span>
15 
             <!-- 性别、年龄 -->
 28 
             <!-- 性别、年龄 -->
16 
-
17 
           </div>
 29 
           </div>
18 
         </div>
 30 
         </div>
19 
         <div class="online" style="flex:1.3;" v-show="computeState(patient) != 4">
 31 
         <div class="online" style="flex:1.3;" v-show="computeState(patient) != 4">
20 
           <p :class="stateColor(patient)">{{stateText(patient)}}</p>
 32 
           <p :class="stateColor(patient)">{{stateText(patient)}}</p>
21 
           <!-- <span class="time">剩余时间 : 90:08</span>     -->
 33 
           <!-- <span class="time">剩余时间 : 90:08</span>     -->
22 
         </div>
 34 
         </div>
23 
-
24 
       </div>
 35 
       </div>
25 
       <!-- </router-link> -->
 36 
       <!-- </router-link> -->
26 
       <div class="function" :class="functionColor(patient)">
 37 
       <div class="function" :class="functionColor(patient)">
27 
         <ul>
 38 
         <ul>
28 
-          <li><span class="iconfont">&#xe6f7;</span>班次 : {{timeTypeText(patient)}}</li>
29 
-          <li><span class="iconfont">&#xe6de;</span>床位号 : {{patient.dialysis_order&&patient.dialysis_order.device_number&&patient.dialysis_order.device_number.number.length > 0 ? patient.dialysis_order.device_number.number:patient.device_number.number}}</li>
30 
-          <li><span class="iconfont">&#xe6f6;</span>透析模式 : {{$store.getters.treatment_mode[patient.mode_id].name}}</li>
39 
+          <li>
40 
+            <span class="iconfont">&#xe6f7;</span>
41 
+            班次 : {{timeTypeText(patient)}}
42 
+          </li>
43 
+          <li>
44 
+            <span class="iconfont">&#xe6de;</span>
45 
+            床位号 : {{patient.dialysis_order&&patient.dialysis_order.device_number&&patient.dialysis_order.device_number.number.length > 0 ? patient.dialysis_order.device_number.number:patient.device_number.number}}
46 
+          </li>
47 
+          <li>
48 
+            <span class="iconfont">&#xe6f6;</span>
49 
+            透析模式 : {{$store.getters.treatment_mode[patient.mode_id].name}}
50 
+          </li>
31 
         </ul>
 51 
         </ul>
32 
       </div>
 52 
       </div>
33 
     </div>
 53 
     </div>
35 
 </template>
 55 
 </template>
36
56
37 
 <script>
 57 
 <script>
38 
-import {parseTime} from '@/utils'
39 
-import {jsGetAge} from '@/utils/tools'
40 
-import {
41 
-  setDialysisOrWaitSelectedConfig
42 
-} from '@/utils/data_config'
58 
+import { parseTime } from "@/utils";
59 
+import { jsGetAge } from "@/utils/tools";
60 
+import { setDialysisOrWaitSelectedConfig } from "@/utils/data_config";
43 
 export default {
 61 
 export default {
44 
-  name: 'PatientBox',
62 
+  name: "PatientBox",
45 
   props: {
 63 
   props: {
46 
     patients: Array
 64 
     patients: Array
47 
   },
 65 
   },
48 
-  data () {
49 
-    return {}
66 
+  data() {
67 
+    return {};
50 
   },
 68 
   },
51 
-  created () {
52 
-    console.log('11111')
53 
-    console.log(this.patients)
69 
+  created() {
70 
+    console.log("11111");
71 
+    console.log(this.patients);
54 
   },
 72 
   },
55 
   methods: {
 73 
   methods: {
56 
-    getUnReadNum: function (schedual) {
74 
+    getUnReadNum: function(schedual) {
57 
       if (schedual.doctor_advice != null) {
 75 
       if (schedual.doctor_advice != null) {
58 
-        let doctorAdvice = []
76 
+        let doctorAdvice = [];
59 
         for (let i = 0; i < schedual.doctor_advice.length; i++) {
 77 
         for (let i = 0; i < schedual.doctor_advice.length; i++) {
60 
           if (schedual.doctor_advice[i].execution_state == 2) {
 78 
           if (schedual.doctor_advice[i].execution_state == 2) {
61 
-            doctorAdvice.push(schedual.doctor_advice[i])
79 
+            doctorAdvice.push(schedual.doctor_advice[i]);
62 
           }
 80 
           }
63 
         }
 81 
         }
64 
-        const sorted = this.groupBy(doctorAdvice, function (item) {
65 
-          return [item.groupno]
66 
-        })
67 
-        return sorted.length
82 
+        const sorted = this.groupBy(doctorAdvice, function(item) {
83 
+          return [item.groupno];
84 
+        });
85 
+        return sorted.length;
68 
       }
 86 
       }
69 
     },
 87 
     },
70 
-    getStatus: function (schedual) {
71 
-      var isShowDot = false
88 
+    getStatus: function(schedual) {
89 
+      var isShowDot = false;
72 
       if (schedual.doctor_advice != null) {
 90 
       if (schedual.doctor_advice != null) {
73 
         for (let i = 0; i < schedual.doctor_advice.length; i++) {
 91 
         for (let i = 0; i < schedual.doctor_advice.length; i++) {
74 
           if (schedual.doctor_advice[i].execution_state == 2) {
 92 
           if (schedual.doctor_advice[i].execution_state == 2) {
75 
-            isShowDot = true
93 
+            isShowDot = true;
76 
           }
 94 
           }
77 
         }
 95 
         }
78 
-        return isShowDot
96 
+        return isShowDot;
79 
       } else {
 97 
       } else {
80 
-        return false
98 
+        return false;
81 
       }
 99 
       }
82 
     },
 100 
     },
83 
-    stateColor: function (schedual) {
84 
-      var state = this.computeState(schedual)
101 
+    stateColor: function(schedual) {
102 
+      var state = this.computeState(schedual);
85 
       if (state == 1) {
 103 
       if (state == 1) {
86 
-        return 'blue'
104 
+        return "blue";
87 
       } else if (state == 2) {
 105 
       } else if (state == 2) {
88 
-        return 'gray'
106 
+        return "gray";
89 
       } else if (state == 3) {
 107 
       } else if (state == 3) {
90 
-        return 'red'
108 
+        return "red";
91 
       } else if (state == 5) {
 109 
       } else if (state == 5) {
92 
-        return 'green1'
110 
+        return "green1";
93 
       } else if (state == 6) {
 111 
       } else if (state == 6) {
94 
-        return 'green2'
112 
+        return "green2";
95 
       } else {
 113 
       } else {
96 
-        return 'blue'
114 
+        return "blue";
97 
       }
 115 
       }
98 
     },
 116 
     },
99 
-    functionColor: function (schedual) {
100 
-      var state = this.computeState(schedual)
117 
+    functionColor: function(schedual) {
118 
+      var state = this.computeState(schedual);
101 
       if (state == 1 || state == 3) {
 119 
       if (state == 1 || state == 3) {
102 
-        return 'blue'
120 
+        return "blue";
103 
       } else if (state == 2) {
 121 
       } else if (state == 2) {
104 
-        return 'gray'
122 
+        return "gray";
105 
       } else {
 123 
       } else {
106 
-        return 'blue'
124 
+        return "blue";
107 
       }
 125 
       }
108 
     },
 126 
     },
109 
-    borderColor: function (schedual) {
110 
-      var yc = this.isAbnormal(schedual)
127 
+    borderColor: function(schedual) {
128 
+      var yc = this.isAbnormal(schedual);
111 
       if (yc == true) {
 129 
       if (yc == true) {
112 
-        return 'red'
130 
+        return "red";
113 
       } else {
 131 
       } else {
114 
-        return 'gray'
132 
+        return "gray";
115 
       }
 133 
       }
116 
     },
 134 
     },
117 
-    stateText: function (schedual) {
118 
-      var state = this.computeState(schedual)
135 
+    stateText: function(schedual) {
136 
+      var state = this.computeState(schedual);
119 
       if (state == 1) {
 137 
       if (state == 1) {
120 
-        return '已上机'
138 
+        return "已上机";
121 
       } else if (state == 2) {
 139 
       } else if (state == 2) {
122 
-        return '已下机'
140 
+        return "已下机";
123 
       } else if (state == 3) {
 141 
       } else if (state == 3) {
124 
-        return '监测中'
142 
+        return "监测中";
125 
       } else if (state == 5) {
 143 
       } else if (state == 5) {
126 
-        return '待称重'
144 
+        return "待称重";
127 
       } else if (state == 6) {
 145 
       } else if (state == 6) {
128 
-        return '待开处方'
146 
+        return "待开处方";
129 
       } else {
 147 
       } else {
130 
         // return schedual.patient.gender == 1 ? "男" : "女"
 148 
         // return schedual.patient.gender == 1 ? "男" : "女"
131 
-        return '未上机'
149 
+        return "未上机";
132 
       }
 150 
       }
133 
     },
 151 
     },
134 
-    computeState: function (schedual) {
135 
-      if (schedual.assessment_before_dislysis == null || schedual.assessment_before_dislysis.weight_before == 0) {
152 
+    computeState: function(schedual) {
153 
+      if (
154 
+        schedual.assessment_before_dislysis == null ||
155 
+        schedual.assessment_before_dislysis.weight_before == 0
156 
+      ) {
136 
         // 未签到称重
 157 
         // 未签到称重
137 
-        return 5
158 
+        return 5;
138 
       }
 159 
       }
139 
       if (schedual.prescription == null || schedual.prescription.creater == 0) {
 160 
       if (schedual.prescription == null || schedual.prescription.creater == 0) {
140 
         // 未确认处方
 161 
         // 未确认处方
141 
-        return 6
162 
+        return 6;
142 
       }
 163 
       }
143
164
144 
       if (schedual.dialysis_order == null) {
 165 
       if (schedual.dialysis_order == null) {
145 
         // 未上机
 166 
         // 未上机
146 
-        return 4
167 
+        return 4;
147 
       } else if (schedual.dialysis_order.stage == 2) {
 168 
       } else if (schedual.dialysis_order.stage == 2) {
148 
         // 已下机
 169 
         // 已下机
149 
-        return 2
170 
+        return 2;
150 
       } else if (
 171 
       } else if (
151 
         schedual.dialysis_order.stage == 1 &&
 172 
         schedual.dialysis_order.stage == 1 &&
152 
-          schedual.monitoring_records != null &&
153 
-          schedual.monitoring_records.length > 1
173 
+        schedual.monitoring_records != null &&
174 
+        schedual.monitoring_records.length > 1
154 
       ) {
 175 
       ) {
155 
         // 监测中
 176 
         // 监测中
156 
-        return 3
177 
+        return 3;
157 
       } else {
 178 
       } else {
158 
-        return 1
179 
+        return 1;
159 
       }
 180 
       }
160 
     },
 181 
     },
161
182
162 
-    orderState: function (schedual) {
183 
+    orderState: function(schedual) {
163 
       if (schedual.dialysis_order == null) {
 184 
       if (schedual.dialysis_order == null) {
164 
         // 未上机
 185 
         // 未上机
165 
-        return 4
186 
+        return 4;
166 
       } else if (schedual.dialysis_order.stage == 2) {
 187 
       } else if (schedual.dialysis_order.stage == 2) {
167 
         // 已下机
 188 
         // 已下机
168 
-        return 2
189 
+        return 2;
169 
       } else if (
 190 
       } else if (
170 
         schedual.dialysis_order.stage == 1 &&
 191 
         schedual.dialysis_order.stage == 1 &&
171 
-          schedual.monitoring_records != null &&
172 
-          schedual.monitoring_records.length > 1
192 
+        schedual.monitoring_records != null &&
193 
+        schedual.monitoring_records.length > 1
173 
       ) {
 194 
       ) {
174 
         // 监测中
 195 
         // 监测中
175 
-        return 3
196 
+        return 3;
176 
       } else {
 197 
       } else {
177 
-        return 1
198 
+        return 1;
178 
       }
 199 
       }
179 
     },
 200 
     },
180 
-    isAbnormal: function (schedual) {
181 
-      return false // schedual.yc;
201 
+    isAbnormal: function(schedual) {
202 
+      return false; // schedual.yc;
182 
     },
 203 
     },
183 
-    timeTypeText: function (schedual) {
204 
+    timeTypeText: function(schedual) {
184 
       if (schedual.schedule_type == 1) {
 205 
       if (schedual.schedule_type == 1) {
185 
-        return '上午'
206 
+        return "上午";
186 
       } else if (schedual.schedule_type == 2) {
 207 
       } else if (schedual.schedule_type == 2) {
187 
-        return '下午'
208 
+        return "下午";
188 
       } else {
 209 
       } else {
189 
-        return '晚上'
210 
+        return "晚上";
190 
       }
 211 
       }
191 
     },
 212 
     },
192 
-    genderText: function (schedual) {
213 
+    genderText: function(schedual) {
193 
       if (schedual.patient.gender == 0) {
 214 
       if (schedual.patient.gender == 0) {
194 
-        return '未知'
215 
+        return "未知";
195 
       } else if (schedual.patient.gender == 1) {
 216 
       } else if (schedual.patient.gender == 1) {
196 
-        return '男'
217 
+        return "男";
197 
       } else {
 218 
       } else {
198 
-        return '女'
219 
+        return "女";
199 
       }
 220 
       }
200 
     },
 221 
     },
201 
-    age: function (schedual) {
222 
+    age: function(schedual) {
202 
       if (schedual.patient.age == 0) {
 223 
       if (schedual.patient.age == 0) {
203 
-        return jsGetAge(parseTime(schedual.patient.birthday, '{y}-{m}-{d}'), '-')
224 
+        return jsGetAge(
225 
+          parseTime(schedual.patient.birthday, "{y}-{m}-{d}"),
226 
+          "-"
227 
+        );
204 
       } else {
 228 
       } else {
205 
-        return schedual.patient.age
229 
+        return schedual.patient.age;
206 
       }
 230 
       }
207
231
208 
       // var now = new Date();
 232 
       // var now = new Date();
212 
       // // console.log(birthdayYear)
 236 
       // // console.log(birthdayYear)
213 
       // return nowYear - birthdayYear;
 237 
       // return nowYear - birthdayYear;
214 
     },
 238 
     },
215 
-    groupBy (array, f) {
216 
-      const groups = {}
217 
-      array.forEach(function (o) {
218 
-        const group = JSON.stringify(f(o))
219 
-        groups[group] = groups[group] || []
220 
-        groups[group].push(o)
221 
-      })
222 
-      return Object.keys(groups).map(function (group) {
223 
-        return groups[group]
224 
-      })
239 
+    groupBy(array, f) {
240 
+      const groups = {};
241 
+      array.forEach(function(o) {
242 
+        const group = JSON.stringify(f(o));
243 
+        groups[group] = groups[group] || [];
244 
+        groups[group].push(o);
245 
+      });
246 
+      return Object.keys(groups).map(function(group) {
247 
+        return groups[group];
248 
+      });
225 
     },
 249 
     },
226 
-    detailAction: function (schedual) {
250 
+    detailAction: function(schedual) {
227 
       if (schedual.dialysis_order != null) {
 251 
       if (schedual.dialysis_order != null) {
228 
-        setDialysisOrWaitSelectedConfig(1)
252 
+        setDialysisOrWaitSelectedConfig(1);
229 
       } else {
 253 
       } else {
230 
-        setDialysisOrWaitSelectedConfig(0)
254 
+        setDialysisOrWaitSelectedConfig(0);
231 
       }
 255 
       }
232
256
233 
-      var patient_id = schedual.patient_id
234 
-      var date = schedual.schedule_date
257 
+      var patient_id = schedual.patient_id;
258 
+      var date = schedual.schedule_date;
235 
       this.$router.push({
 259 
       this.$router.push({
236 
-        path: '/details',
260 
+        path: "/details",
237 
         query: {
 261 
         query: {
238 
           patient_id: patient_id,
 262 
           patient_id: patient_id,
239 
           date: date,
 263 
           date: date,
240 
           patient_name: schedual.patient.name
 264 
           patient_name: schedual.patient.name
241 
         }
 265 
         }
242 
-      })
266 
+      });
243 
     }
 267 
     }
244 
   }
 268 
   }
245 
-}
269 
+};
246 
 </script>
 270 
 </script>
247
271
248 
 <style style="stylesheet/scss" lang="scss" scoped>
 272 
 <style style="stylesheet/scss" lang="scss" scoped>
249 
-  .patient {
273 
+.patient {
250 
   border: 1px #e5e5ee solid;
 274 
   border: 1px #e5e5ee solid;
251 
   padding: 0.33rem 0;
 275 
   padding: 0.33rem 0;
252 
   width: 47%;
 276 
   width: 47%;
253 
   margin: 0 3% 0.5rem 0;
 277 
   margin: 0 3% 0.5rem 0;
254 
   float: left;
 278 
   float: left;
255 
-  .function {
256 
-  padding: 0.3rem 0.32rem 0 0.32rem;
257 
-  color: #7b8a97;
258 
-  ul {
259 
-  @include display-flex;
260 
-  @include align-items-center;
261 
-  @include text-align;
262 
-  @include justify-content-between;
263 
-  li {
264 
-  font-size: 0.3rem;
265 
-  @include display-flex;
266 
-  @include align-items-center;
267 
-  .iconfont {
268 
-  margin: 0 0.1rem 0 0;
269 
-  font-size: 0.4rem;
270 
-  }
271 
-  }
279 
+  @media only screen and (max-width: 415px) {
280 
+    width: 96% !important;
272 
   }
 281 
   }
282 
+  .function {
283 
+    padding: 0.3rem 0.32rem 0 0.32rem;
284 
+    color: #7b8a97;
285 
+    ul {
286 
+      @include display-flex;
287 
+      @include align-items-center;
288 
+      @include text-align;
289 
+      @include justify-content-between;
290 
+      li {
291 
+        font-size: 0.3rem;
292 
+        @include display-flex;
293 
+        @include align-items-center;
294 
+        .iconfont {
295 
+          margin: 0 0.1rem 0 0;
296 
+          font-size: 0.4rem;
297 
+          display: none;
298 
+        }
299 
+      }
300 
+    }
273 
   }
 301 
   }
274 
   .blue {
 302 
   .blue {
275 
-  color: $main-color;
276 
-  .iconfont {
277 
-  color: $main-color;
278 
-  }
303 
+    color: $main-color;
304 
+    .iconfont {
305 
+      color: $main-color;
306 
+    }
279 
   }
 307 
   }
280 
   .kehu {
 308 
   .kehu {
281 
-  @include display-flex;
282 
-  @include align-items-center;
283 
-  @include text-align;
284 
-  @include justify-content-between;
285 
-  border-bottom: 1px #e5e5e5 solid;
286 
-  padding: 0 0 0.3rem 0.32rem;
287 
-  .tx {
288 
-  @include display-flex;
289 
-  @include align-items-center;
290 
-  img {
291 
-  width: 1rem;
292 
-  height: 1rem;
293 
-  border-radius: 50%;
294 
-  float: left;
295 
-  margin: 0 0.3rem 0 0;
296 
-  }
297 
-  .right {
298 
-  float: left;
299 
-  text-align: left;
300 
-  .name {
301 
-  font-size: 0.34rem;
302 
-  color: $title-color;
303 
-  font-weight: 600;
304 
-  margin-bottom: 0.1rem;
305 
-  .yc {
306 
-  background: #ff7979;
307 
-  color: #fff;
308 
-  height: 0.38rem;
309 
-  line-height: 0.38rem;
310 
-  font-size: 0.24rem;
311 
-  width: 0.74rem;
312 
-  border-radius: 4px;
313 
-  display: inline-block;
314 
-  text-align: center;
315 
-  margin-left: 0.13rem;
316 
-  }
317 
-  }
318 
-  .num {
319 
-  font-size: 0.3rem;
320 
-  }
321 
-  }
322 
-  }
309 
+    @include display-flex;
310 
+    @include align-items-center;
311 
+    @include text-align;
312 
+    @include justify-content-between;
313 
+    border-bottom: 1px #e5e5e5 solid;
314 
+    padding: 0 0 0.3rem 0.32rem;
315 
+    .tx {
316 
+      @include display-flex;
317 
+      @include align-items-center;
318 
+      img {
319 
+        width: 1rem;
320 
+        height: 1rem;
321 
+        border-radius: 50%;
322 
+        float: left;
323 
+        margin: 0 0.3rem 0 0;
324 
+      }
325 
+      .right {
326 
+        float: left;
327 
+        text-align: left;
328 
+        .name {
329 
+          font-size: 0.34rem;
330 
+          color: $title-color;
331 
+          font-weight: 600;
332 
+          margin-bottom: 0.1rem;
333 
+          .yc {
334 
+            background: #ff7979;
335 
+            color: #fff;
336 
+            height: 0.38rem;
337 
+            line-height: 0.38rem;
338 
+            font-size: 0.24rem;
339 
+            width: 0.74rem;
340 
+            border-radius: 4px;
341 
+            display: inline-block;
342 
+            text-align: center;
343 
+            margin-left: 0.13rem;
344 
+          }
345 
+        }
346 
+        .num {
347 
+          font-size: 0.3rem;
348 
+        }
349 
+      }
350 
+    }
323
351
324 
-  .online {
325 
-  text-align: center;
326 
-  width: 50%;
327 
-  border-left: 1px #e5e5e5 solid;
328 
-  p {
329 
-  background: #c6cdd2;
330 
-  color: #fff;
331 
-  width: 1.35rem;
332 
-  height: 0.56rem;
333 
-  line-height: 0.56rem;
334 
-  border-radius: 4px;
335 
-  margin: 0 auto;
336 
-  font-size: 0.32rem;
337 
-  }
338 
-  .blue {
339 
-  background: $main-color;
340 
-  }
341 
-  .red {
342 
-  background: #f18f68;
343 
-  }
344 
-  .green {
345 
-  background: #5bd18b;
346 
-  }
347 
-  .green1 {
352 
+    .online {
353 
+      text-align: center;
354 
+      width: 50%;
355 
+      border-left: 1px #e5e5e5 solid;
356 
+      p {
357 
+        background: #c6cdd2;
358 
+        color: #fff;
359 
+        width: 1.45rem;
360 
+        height: 0.8rem;
361 
+        line-height: 0.8rem;
362 
+        border-radius: 4px;
363 
+        margin: 0 auto;
364 
+        font-size: 0.32rem;
365 
+      }
366 
+      .blue {
367 
+        background: $main-color;
368 
+      }
369 
+      .red {
370 
+        background: #f18f68;
371 
+      }
372 
+      .green {
373 
+        background: #5bd18b;
374 
+      }
375 
+      .green1 {
348 
         background: #e6a23c;
 376 
         background: #e6a23c;
349 
       }
 377 
       }
350 
       .green2 {
 378 
       .green2 {
351 
         background: #7930c3;
 379 
         background: #7930c3;
352 
       }
 380 
       }
353 
-  .gray {
354 
-  background: #a8b3ba;
355 
-  }
356 
-  .lightGray {
357 
-  background: #c6cdd2;
358 
-  }
359 
-  .time {
360 
-  font-size: 0.26rem;
361 
-  color: #34495e;
362 
-  }
363 
-  }
364 
-  }
381 
+      .gray {
382 
+        background: #a8b3ba;
383 
+      }
384 
+      .lightGray {
385 
+        background: #c6cdd2;
386 
+      }
387 
+      .time {
388 
+        font-size: 0.26rem;
389 
+        color: #34495e;
390 
+      }
391 
+    }
365 
   }
 392 
   }
366 
-  .red {
393 
+}
394 
+.red {
367 
   border: 1px #ff7979 solid;
 395 
   border: 1px #ff7979 solid;
368 
-  }
369 
-  .redpoint{
370 
-  display:inline-block;
371 
-  height:20px;
372 
-  width:20px;
373 
-  line-height:18px;
374 
-  text-align:center;
375 
-  font-size:0.8em;
376 
-  border-radius:20px;
377 
-  color:#fff;
378 
-  background:#F56C6C;
396 
+}
397 
+.redpoint {
398 
+  display: inline-block;
399 
+  height: 30px;
400 
+  width: 30px;
401 
+  line-height: 26px;
402 
+  text-align: center;
403 
+  font-size: 0.8em;
404 
+  border-radius: 20px;
405 
+  color: #fff;
406 
+  background: #f56c6c;
379 
   position: absolute;
 407 
   position: absolute;
380 
-  top: -8px;
381 
-  left: 0.7rem;
382 
-  border:1px solid #fff;
408 
+  top: -6px;
409 
+  left: 0.6rem;
410 
+  border: 1px solid #fff;
411 
+  @media only screen and (max-width: 767px) {
412 
+    height: 16px;
413 
+    width: 16px;
414 
+    line-height: 15px;
415 
+    top: -6px;
416 
+    left: 0.6rem;
383 
   }
 417 
   }
384 
-  .yztx{
385 
-    margin: 0 5px;
386 
-    padding: 3px 10px;
387 
-    background-color: #f56C6C;
388 
-    color: #fff;
389 
-    border-radius: 15px;
390 
-    font-size: 14px;
418 
+}
419 
+.yztx {
420 
+  margin: 0 5px;
421 
+  padding: 5px 10px;
422 
+  background-color: #f56c6c;
423 
+  color: #fff;
424 
+  border-radius: 15px;
425 
+  font-size: 14px;
426 
+  @media only screen and (max-width: 415px) {
427 
+    font-size: 0.34rem !important;
391 
   }
 428 
   }
429 
+}
392 
 </style>
 430 
 </style>

+ 1 - 1
src/pages/main/Print.vue View File

2458 
   }
 2458 
   }
2459
2459
2460 
   .mainContent {
 2460 
   .mainContent {
2461 
-  margin: 0 0 0 1.58rem;
2461 
+  // margin: 0 0 0 1.58rem;
2462 
   }
 2462 
   }
2463 
 </style>
 2463 
 </style>

+ 62 - 26
src/pages/main/PrintIndex.vue View File

1 
 <template>
 1 
 <template>
2 
-  <div class="mainBox" v-loading="loading" element-loading-text="加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)" style="width: 100%;height: 100%">
3 
-    <side-bar :active_index="0" v-if="isShow == true"></side-bar>
2 
+  <div
3 
+    class="mainBox"
4 
+    v-loading="loading"
5 
+    element-loading-text="加载中"
6 
+    element-loading-spinner="el-icon-loading"
7 
+    element-loading-background="rgba(0, 0, 0, 0.8)"
8 
+    style="width: 100%;height: 100%"
9 
+  >
4 
     <div class="mainContent">
 10 
     <div class="mainContent">
5 
       <div class="navigation" v-if="isShow == true">
 11 
       <div class="navigation" v-if="isShow == true">
6 
         <div class="goBack">
 12 
         <div class="goBack">
7 
-          <span class="back" @click="backAction()"><span class="iconfont">&#xe720;</span>返回</span>
13 
+          <span class="back" @click="backAction()">
14 
+            <span class="iconfont">&#xe720;</span>返回
15 
+          </span>
8 
         </div>
 16 
         </div>
9 
         <!--<div class="print" style="float: right">-->
 17 
         <!--<div class="print" style="float: right">-->
10 
-          <!--&lt;!&ndash;<el-button size="mini" type="primary" icon="el-icon-printer" @click="printThisPage">打印</el-button>&ndash;&gt;-->
18 
+        <!--&lt;!&ndash;<el-button size="mini" type="primary" icon="el-icon-printer" @click="printThisPage">打印</el-button>&ndash;&gt;-->
11 
         <!--</div>-->
 19 
         <!--</div>-->
12 
       </div>
 20 
       </div>
13 
-      <DialysisPrintOrderOne style="margin-top:60px;" v-bind:childResponse="childResponse" v-if="org_template_info.template_id ==1"> </DialysisPrintOrderOne>
14 
-      <DialysisPrintOrderTwo style="margin-top:60px;" v-bind:childResponse="childResponse" v-if="org_template_info.template_id ==2||org_template_info.template_id ==0"></DialysisPrintOrderTwo>
15 
-      <DialysisPrintOrderFive style="margin-top:60px;" v-bind:childResponse="childResponse" v-if="org_template_info.template_id ==5"></DialysisPrintOrderFive>
21 
+      <DialysisPrintOrderOne
22 
+        style="margin-top:60px;"
23 
+        v-bind:childResponse="childResponse"
24 
+        v-if="org_template_info.template_id == 1"
25 
+      ></DialysisPrintOrderOne>
26 
+      <DialysisPrintOrderTwo
27 
+        style="margin-top:60px;"
28 
+        v-bind:childResponse="childResponse"
29 
+        v-if="
30 
+          org_template_info.template_id == 2 ||
31 
+            org_template_info.template_id == 0
32 
+        "
33 
+      ></DialysisPrintOrderTwo>
34 
+      <DialysisPrintOrderFive
35 
+        style="margin-top:60px;"
36 
+        v-bind:childResponse="childResponse"
37 
+        v-if="org_template_info.template_id == 5"
38 
+      ></DialysisPrintOrderFive>
16 
       <!--<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>-->
17 
-      <DialysisPrintOrderSix style="margin-top:60px;" v-bind:childResponse="childResponse" v-if="org_template_info.template_id ==6"></DialysisPrintOrderSix>
40 
+      <DialysisPrintOrderSix
41 
+        style="margin-top:60px;"
42 
+        v-bind:childResponse="childResponse"
43 
+        v-if="org_template_info.template_id == 6"
44 
+      ></DialysisPrintOrderSix>
18 
     </div>
 45 
     </div>
46 
+    <side-bar :active_index="0" v-if="isShow == true"></side-bar>
19 
   </div>
 47 
   </div>
20 
 </template>
 48 
 </template>
21
49
22 
-
23 
 <script>
 50 
 <script>
24 
 import { getPrintDialysisRecord } from "@/api/dialysis";
 51 
 import { getPrintDialysisRecord } from "@/api/dialysis";
25 
 import { getDataConfig } from "@/utils/data";
 52 
 import { getDataConfig } from "@/utils/data";
27 
 import { jsGetAge, uParseTime } from "@/utils/tools";
 54 
 import { jsGetAge, uParseTime } from "@/utils/tools";
28 
 import { fetchAllAdminUsers } from "@/api/doctor";
 55 
 import { fetchAllAdminUsers } from "@/api/doctor";
29 
 import LabelBox from "./printItem/LabelBox";
 56 
 import LabelBox from "./printItem/LabelBox";
30 
-import DialysisPrintOrderOne from './template/DialysisPrintOrderOne';
31 
-import DialysisPrintOrderTwo from './template/DialysisPrintOrderTwo';
32 
-import DialysisPrintOrderFive from './template/DialysisPrintOrderFive';
33 
-import DialysisPrintOrderSix from './template/DialysisPrintOrderSix'
57 
+import DialysisPrintOrderOne from "./template/DialysisPrintOrderOne";
58 
+import DialysisPrintOrderTwo from "./template/DialysisPrintOrderTwo";
59 
+import DialysisPrintOrderFive from "./template/DialysisPrintOrderFive";
60 
+import DialysisPrintOrderSix from "./template/DialysisPrintOrderSix";
34
61
35 
 export default {
 62 
 export default {
36 
   name: "PrintIndex",
 63 
   name: "PrintIndex",
112 
       adminUser: [],
 139 
       adminUser: [],
113 
       receiverTreatmentAccess: {},
 140 
       receiverTreatmentAccess: {},
114
141
115 
-
116 
       AlPanel: {
 142 
       AlPanel: {
117 
         id: 0,
 143 
         id: 0,
118 
         name: "",
 144 
         name: "",
200 
         : "";
 226 
         : "";
201 
     },
 227 
     },
202 
     getDialysisRecord() {
 228 
     getDialysisRecord() {
203 
-      this.loading = true
229 
+      this.loading = true;
204 
       getPrintDialysisRecord(this.queryParams).then(response => {
 230 
       getPrintDialysisRecord(this.queryParams).then(response => {
205 
-        this.loading = false
231 
+        this.loading = false;
206 
         if (response.data.state == 1) {
 232 
         if (response.data.state == 1) {
207 
-          this.childResponse = response
208 
-          this.org_template_info = response.data.data.org_template_info
233 
+          this.childResponse = response;
234 
+          this.org_template_info = response.data.data.org_template_info;
209 
         } else {
 235 
         } else {
210 
           this.$message.error("请求数据失败");
 236 
           this.$message.error("请求数据失败");
211 
           return false;
 237 
           return false;
337 
   width: 960px;
 363 
   width: 960px;
338 
   margin: 0 auto;
 364 
   margin: 0 auto;
339 
   .order-yy-name {
 365 
   .order-yy-name {
340 
-    margin:10px auto 0 auto;
366 
+    margin: 10px auto 0 auto;
341 
     text-align: center;
 367 
     text-align: center;
342 
     font-size: 20px;
 368 
     font-size: 20px;
343 
   }
 369 
   }
428 
   height: 100%;
 454 
   height: 100%;
429 
   font-size: 0.3rem;
 455 
   font-size: 0.3rem;
430 
   .sideColumn {
 456 
   .sideColumn {
431 
-    float: left;
432 
-    width: 1.58rem;
457 
+    // float: left;
458 
+    // width: 1.58rem;
433 
     background: #f5f8fb;
 459 
     background: #f5f8fb;
434 
-    height: 100%;
435 
-    border-right: 1px #c1c1c1 solid;
436 
-    position: fixed;
460 
+    // height: 100%;
461 
+    // border-right: 1px #c1c1c1 solid;
462 
+    // position: fixed;
437 
     .column {
 463 
     .column {
438 
       // height: 100%;
 464 
       // height: 100%;
439 
       // background: #f5f8fb;
 465 
       // background: #f5f8fb;
495 
   border-bottom: 1px #e5e5e5 solid;
 521 
   border-bottom: 1px #e5e5e5 solid;
496 
   position: fixed;
 522 
   position: fixed;
497 
   top: 0;
 523 
   top: 0;
498 
-  left: 1.58rem;
524 
+  left: 0;
499 
   right: 0;
 525 
   right: 0;
500 
   z-index: 100;
 526 
   z-index: 100;
501 
   background: #fff;
 527 
   background: #fff;
545 
 }
 571 
 }
546
572
547 
 .mainContent {
 573 
 .mainContent {
548 
-  margin: 0 0 0 1.58rem;
574 
+  // margin: 0 0 0 1.58rem;
575 
+}
576 
+.mainBox {
577 
+  display: flex;
578 
+  flex-direction: column;
579 
+  height: 100%;
580 
+  overflow: hidden;
581 
+  > :first-child {
582 
+    flex: 1;
583 
+    overflow: auto;
584 
+  }
549 
 }
 585 
 }
550 
 </style>
 586 
 </style>

+ 262 - 89
src/pages/main/RecordPage.vue View File

1 
 <template>
 1 
 <template>
2 
   <div>
 2 
   <div>
3 
-    <van-row class="top_row">
4 
-      <van-col :span="9">
5 
-        <div>
6 
-          <span class="title"> {{ $store.getters.user.org.org_short_name }} </span>
7 
-        </div>
8 
-      </van-col>
9 
-      <van-col :span="6">
3 
+    <!-- <van-row class="top_row">
4 
+    <van-col :span="14">-->
5 
+    <div class="top_row">
6 
+      <!-- <div class="head">
7 
+        <img :src="$store.getters.user.org.org_logo" alt />
8 
+      </div>-->
9 
+      <div class="floatLeft">
10 
+        <span class="title">{{ $store.getters.user.org.org_short_name }}</span>
11 
+        <router-link to="/add_urgent_schedule">
12 
+          <p class="order">临时排班</p>
13 
+        </router-link>
14 
+      </div>
15 
+      <!-- </van-col> -->
16 
+      <!-- <van-col :span="6">
10 
         <div class="department">
 17 
         <div class="department">
11 
           <ul>
 18 
           <ul>
12 
             <li style="position: relative;" :class="index == 0? 'active':'' " @click="ClickTab(0)">
 19 
             <li style="position: relative;" :class="index == 0? 'active':'' " @click="ClickTab(0)">
19 
             </li>
 26 
             </li>
20 
           </ul>
 27 
           </ul>
21 
         </div>
 28 
         </div>
22 
-      </van-col>
23 
-      <van-col :span="9">
24 
-        <router-link to="/add_urgent_schedule">
29 
+      </van-col>-->
30 
+      <!-- <van-col :span="10"> -->
31 
+      <!-- <router-link to="/add_urgent_schedule">
25 
           <van-button size="small" type="info" class="add_schedule_btn">临时排班</van-button>
 32 
           <van-button size="small" type="info" class="add_schedule_btn">临时排班</van-button>
26 
-        </router-link>
27 
-        <div class="search">
28 
-          <van-field v-model="search_input" ref="search_field" placeholder="透析号/姓名" class="field">
29 
-            <i class="iconfont" slot="left-icon">&#xe741;</i>
30 
-            <van-button slot="button" size="small" type="info" style="border: none;" @click="searchWithKeyword">搜索
31 
-            </van-button>
32 
-          </van-field>
33 
+      </router-link>-->
34 
+      <!-- <div class="search">
35 
+        <van-field v-model="search_input" ref="search_field" placeholder="透析号/姓名" class="field">
36 
+          <i class="iconfont" slot="left-icon">&#xe741;</i>
37 
+          <van-button
38 
+            slot="button"
39 
+            size="small"
40 
+            type="info"
41 
+            style="border: none;"
42 
+            @click="searchWithKeyword"
43 
+          >搜索</van-button>
44 
+        </van-field>
45 
+      </div>-->
46 
+      <!-- </van-col>
47 
+      </van-row>-->
48 
+      <div class="newSearch">
49 
+        <!-- <van-field v-model="search_input" ref="search_field" placeholder="透析号/姓名" class="field">
50 
+          <i class="iconfont" slot="left-icon">&#xe741;</i>
51 
+          <van-button
52 
+            slot="button"
53 
+            size="small"
54 
+            type="info"
55 
+            style="border: none;"
56 
+            @click="searchWithKeyword"
57 
+          >搜索</van-button>
58 
+        </van-field>-->
59 
+        <el-input
60 
+          class="newinput"
61 
+          prefix-icon="el-icon-search"
62 
+          v-model="search_input"
63 
+          ref="search_field"
64 
+          placeholder="透析号/姓名"
65 
+        ></el-input>
66 
+        <p class="searchBtn" @click="searchWithKeyword">搜索</p>
67 
+      </div>
68 
+      <div class="box">
69 
+        <div class="newDepartment">
70 
+          <ul>
71 
+            <li
72 
+              style="position: relative;"
73 
+              :class="index == 0 ? 'active' : ''"
74 
+              @click="ClickTab(0)"
75 
+            >
76 
+              {{ "候诊区" }}
77 
+              <span class="redpoint" v-if="un_read_wait_num">
78 
+                {{
79 
+                un_read_wait_num > 99
80 
+                ? un_read_wait_num + "+"
81 
+                : un_read_wait_num
82 
+                }}
83 
+              </span>
84 
+            </li>
85 
+            <li
86 
+              style="position: relative;"
87 
+              :class="index == 1 ? 'active' : ''"
88 
+              @click="ClickTab(1)"
89 
+            >
90 
+              {{ "透析区" }}
91 
+              <span class="redpoint" v-if="un_read_dialysis_num">
92 
+                {{
93 
+                un_read_dialysis_num > 99
94 
+                ? un_read_dialysis_num + "+"
95 
+                : un_read_dialysis_num
96 
+                }}
97 
+              </span>
98 
+            </li>
99 
+          </ul>
33 
         </div>
 100 
         </div>
34 
-      </van-col>
35 
-    </van-row>
36 
-
101 
+      </div>
102 
+    </div>
37 
     <!-- <div class="top">
 103 
     <!-- <div class="top">
38 
         <div class="hospital">
 104 
         <div class="hospital">
39 
           <span class="title"> {{ $store.getters.user.org.org_short_name }} </span>
 105 
           <span class="title"> {{ $store.getters.user.org.org_short_name }} </span>
50 
           </van-field>
 116 
           </van-field>
51 
         </div>
 117 
         </div>
52 
         <van-button size="small" type="info">临时排班</van-button>
 118 
         <van-button size="small" type="info">临时排班</van-button>
53 
-    </div> -->
119 
+    </div>-->
54 
     <div class="area">
 120 
     <div class="area">
55 
-      <waiting-area v-show="index==0" title="候诊区" :search_keyword="search_keyword"></waiting-area>
56 
-      <dialysis-area v-show="index==1" title="透析区" :search_keyword="search_keyword"
57 
-                     @clear_search_keyword="clearKeyword"></dialysis-area>
121 
+      <waiting-area v-show="index == 0" title="候诊区" :search_keyword="search_keyword"></waiting-area>
122 
+      <dialysis-area
123 
+        v-show="index == 1"
124 
+        title="透析区"
125 
+        :search_keyword="search_keyword"
126 
+        @clear_search_keyword="clearKeyword"
127 
+      ></dialysis-area>
58 
     </div>
 128 
     </div>
59 
-
60 
   </div>
 129 
   </div>
61 
 </template>
 130 
 </template>
62
131
63 
 <script>
 132 
 <script>
64 
-import DialysisArea from './DialysisArea'
65 
-import WaitingArea from './WaitingArea'
66 
-import {Popover} from 'vux'
67 
-import {getDialysisScheduals, getWaitingScheduals} from '@/api/dialysis'
68 
-import {parseTime} from '@/utils/index'
69 
-import {getDialysisOrWaitSelectedConfig} from '@/utils/data_config'
133 
+import DialysisArea from "./DialysisArea";
134 
+import WaitingArea from "./WaitingArea";
135 
+import { Popover } from "vux";
136 
+import { getDialysisScheduals, getWaitingScheduals } from "@/api/dialysis";
137 
+import { parseTime } from "@/utils/index";
138 
+import { getDialysisOrWaitSelectedConfig } from "@/utils/data_config";
70
139
71 
 export default {
 140 
 export default {
72 
-  name: 'RecordPage',
141 
+  name: "RecordPage",
73 
   props: {
 142 
   props: {
74 
     un_read_wait_num: {
 143 
     un_read_wait_num: {
75 
       type: Number
 144 
       type: Number
78 
       type: Number
 147 
       type: Number
79 
     }
 148 
     }
80 
   },
 149 
   },
81 
-  data () {
150 
+  data() {
82 
     return {
 151 
     return {
83 
       index: 1,
 152 
       index: 1,
84 
-      search_input: '',
85 
-      search_keyword: '',
153 
+      search_input: "",
154 
+      search_keyword: "",
86 
       scheduals: [],
 155 
       scheduals: [],
87 
       advice_groups: [],
 156 
       advice_groups: [],
88 
       unReadWaitNum: 0,
 157 
       unReadWaitNum: 0,
89 
       unReadDialysisNum: 0
 158 
       unReadDialysisNum: 0
90 
-
91 
-    }
159 
+    };
92 
   },
 160 
   },
93 
   components: {
 161 
   components: {
94 
     DialysisArea,
 162 
     DialysisArea,
99 
   },
 167 
   },
100
168
101 
   methods: {
 169 
   methods: {
102 
-    ClickTab: function (tabIndex) {
103 
-      this.index = tabIndex
170 
+    ClickTab: function(tabIndex) {
171 
+      this.index = tabIndex;
104 
     },
 172 
     },
105 
-    searchWithKeyword: function () {
106 
-      this.$refs.search_field.blur()
107 
-      this.search_keyword = this.search_input
173 
+    searchWithKeyword: function() {
174 
+      this.$refs.search_field.blur();
175 
+      this.search_keyword = this.search_input;
108 
     },
 176 
     },
109 
-    clearKeyword: function () {
110 
-      this.search_input = ''
111 
-      this.search_keyword = ''
177 
+    clearKeyword: function() {
178 
+      this.search_input = "";
179 
+      this.search_keyword = "";
112 
     }
 180 
     }
113 
   },
 181 
   },
114 
-  created () {
115 
-    var index = getDialysisOrWaitSelectedConfig()
116 
-    console.log(index)
182 
+  created() {
183 
+    var index = getDialysisOrWaitSelectedConfig();
184 
+    console.log(index);
117 
     if (index != null) {
 185 
     if (index != null) {
118 
-      this.index = index
186 
+      this.index = index;
119 
     }
 187 
     }
120 
   }
 188 
   }
121 
-}
189 
+};
122 
 </script>
 190 
 </script>
123
191
124 
-<style style="stylesheet/scss" lang="scss" scoped>
125 
-  .top_row {
192 
+<style lang="scss" scoped>
193 
+.top_row {
194 
+  // height: 50px;
126 
   font-size: 0.3rem;
 195 
   font-size: 0.3rem;
127 
-  padding: 0.3rem 0.3rem;
128 
-  border-bottom: 1px #e5e5e5 solid;
129 
-  display: flex;
130 
-  align-items: center;
196 
+  padding: 0 0.3rem 0;
197 
+  @media only screen and (min-width: 813px) and (max-width: 1024px) {
198 
+    padding: 0.3rem 0.3rem;
131 
   }
 199 
   }
132 
-  .title {
133 
-  font-size: 0.34rem;
134 
-  font-weight: 600;
135 
-  color: $title-color;
200 
+  // border-bottom: 1px #e5e5e5 solid;
201 
+  // display: flex;
202 
+  // align-items: center;
203 
+  background: #258ffc;
204 
+  .floatLeft {
205 
+    line-height: 1rem;
206 
+    height: 1rem;
207 
+    margin-top: 0.1rem;
208 
+    .order {
209 
+      float: right;
210 
+      font-size: 0.45rem;
211 
+      color: #fff;
212 
+    }
136 
   }
 213 
   }
137 
-  .department {
214 
+  .search {
215 
+    float: right;
216 
+    margin-top: 15px;
217 
+  }
218 
+}
219 
+.title {
220 
+  font-size: 0.45rem;
221 
+  font-weight: 600;
222 
+  height: 45px;
223 
+  // line-height: 50px;
224 
+  margin-left: 8px;
225 
+  // color: $title-color;
226 
+  color: #fff;
227 
+}
228 
+.newDepartment {
138 
   text-align: center;
 229 
   text-align: center;
230 
+  // height: 100%;
231 
+  width: 60%;
232 
+  margin: 0 auto;
139 
   ul {
 233 
   ul {
140 
-  li {
141 
-  float: left;
142 
-  font-size: 0.36rem;
143 
-  margin: 0 0.2rem;
144 
-  height: 0.64rem;
145 
-  line-height: 0.64rem;
146 
-  padding: 0 0.3rem;
147 
-  color: $title-color;
148 
-  &.active {
149 
-  background: $main-color;
150 
-  color: #fff;
151 
-  border-radius: 30px;
152 
-  }
153 
-  }
154 
-  }
234 
+    height: 100%;
235 
+    display: flex;
236 
+    justify-content: space-around;
237 
+    align-items: center;
238 
+    li {
239 
+      float: left;
240 
+      font-size: 0.45rem;
241 
+      margin: 0 0.2rem;
242 
+      height: 0.8rem;
243 
+      line-height: 0.8rem;
244 
+      padding: 0 0.4rem;
245 
+      // color: $title-color;
246 
+      color: #fff;
247 
+      &.active {
248 
+        // background: $main-color;
249 
+        background: #ffffff;
250 
+        color: #258ffc;
251 
+        border-radius: 30px;
252 
+      }
253 
+    }
155 
   }
 254 
   }
255 
+}
156
256
157 
-  .add_schedule_btn {
257 
+.add_schedule_btn {
158 
   margin-left: 10px;
 258 
   margin-left: 10px;
159 
   float: right;
 259 
   float: right;
160 
   background-color: #ff7978;
 260 
   background-color: #ff7978;
161 
   border: none;
 261 
   border: none;
162 
-  }
262 
+}
163
263
164 
-  .redpoint{
165 
-  display:inline-block;
166 
-  height:20px;
167 
-  width:20px;
168 
-  line-height:18px;
169 
-  text-align:center;
170 
-  font-size:0.8em;
171 
-  border-radius:20px;
172 
-  color:#fff;
173 
-  background:#F56C6C;
264 
+.redpoint {
265 
+  display: inline-block;
266 
+  height: 30px;
267 
+  width: 30px;
268 
+  line-height: 26px;
269 
+  text-align: center;
270 
+  font-size: 0.8em;
271 
+  border-radius: 20px;
272 
+  color: #fff;
273 
+  background: #f56c6c;
174 
   position: absolute;
 274 
   position: absolute;
175 
-  top: -8px;
275 
+  top: -6px;
176 
   right: -8px;
 276 
   right: -8px;
177 
   border: 1px solid #fff;
 277 
   border: 1px solid #fff;
278 
+  @media only screen and (max-width: 767px) {
279 
+    height: 16px;
280 
+    width: 16px;
281 
+    line-height: 15px;
282 
+  }
283 
+}
284 
+.box {
285 
+  height: 1rem;
286 
+  margin-top: 0.26rem;
287 
+  background: #258ffc;
288 
+}
289 
+.head {
290 
+  width: 45px;
291 
+  height: 45px;
292 
+  border-radius: 50%;
293 
+  margin-top: 3px;
294 
+  display: inline-block;
295 
+  float: left;
296 
+  img {
297 
+    width: 100%;
298 
+    height: 100%;
299 
+    border-radius: 50%;
178 
   }
 300 
   }
301 
+}
302 
+.newSearch {
303 
+  height: 1rem;
304 
+  width: 100%;
305 
+  background: #fff;
306 
+  border-radius: 30px;
307 
+  overflow: hidden;
308 
+  .searchBtn {
309 
+    width: 14%;
310 
+    float: right;
311 
+    height: 1rem;
312 
+    line-height: 1rem;
313 
+    text-align: center;
314 
+    font-size: 0.45rem;
315 
+    color: #258ffc;
316 
+  }
317 
+}
318 
+</style>
319 
+<style lang="scss">
320 
+.newinput {
321 
+  height: 100%;
322 
+  width: 85% !important;
323 
+  float: left;
324 
+  .el-input__inner {
325 
+    height: 1rem;
326 
+    line-height: 1rem;
327 
+    width: 100%;
328 
+    border-radius: 30px;
329 
+    border: none;
330 
+    font-size: 0.45rem;
331 
+    box-sizing: border-box;
332 
+    padding-bottom: 0.05rem;
333 
+    @media only screen and (min-width: 768px) {
334 
+      padding-left: 0.9rem !important;
335 
+    }
336 
+  }
337 
+  .el-input__icon {
338 
+    line-height: 0.95rem;
339 
+    font-size: 0.45rem;
340 
+    margin-top: 0.02rem;
341 
+    padding-left: 0.1rem;
342 
+    @media only screen and (min-width: 768px) {
343 
+      margin-top: 1px;
344 
+    }
345 
+  }
346 
+  .el-input__prefix {
347 
+    @media only screen and (min-width: 768px) {
348 
+      left: 10px;
349 
+    }
350 
+  }
351 
+}
179 
 </style>
 352 
 </style>

+ 144 - 109
src/pages/main/WaitingArea.vue View File

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 
-          >
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 
-          >
12 
+          >{{ item.label + (item.count > 0 ? "(" + item.count + ")" : "") }}</li>
13 
+
14 
+          <el-popover v-model="zone_options_visible" placement="bottom" trigger="click">
21 
             <li slot="reference">
 15 
             <li slot="reference">
22 
-              {{ zone_options[zone_selected].text
23 
-              }}<span class="iconfont">&#xe74a;</span>
16 
+              {{ zone_options[zone_selected].text }}
17 
+              <span class="iconfont">&#xe74a;</span>
24 
             </li>
 18 
             </li>
25 
             <div class="popover-demo-content">
 19 
             <div class="popover-demo-content">
26 
               <ul>
 20 
               <ul>
27 
                 <li
 21 
                 <li
28 
                   v-for="(option, index) in zone_options"
 22 
                   v-for="(option, index) in zone_options"
29 
                   :key="index"
 23 
                   :key="index"
30 
-                  @click="handleZoneChange(index,option)"
24 
+                  @click="handleZoneChange(index, option)"
31 
                   :class="zone_selected == index ? 'tick' : ''"
 25 
                   :class="zone_selected == index ? 'tick' : ''"
32 
-                >
33 
-                  {{ option.text }}
34 
-                </li>
26 
+                >{{ option.text }}</li>
35 
               </ul>
 27 
               </ul>
36 
             </div>
 28 
             </div>
37 
           </el-popover>
 29 
           </el-popover>
38
30
39 
-          <el-popover
40 
-            v-model="time_options_visible"
41 
-            placement="bottom"
42 
-            trigger="click"
43 
-          >
31 
+          <el-popover v-model="time_options_visible" placement="bottom" trigger="click">
44 
             <li slot="reference">
 32 
             <li slot="reference">
45 
-              {{ time_options[time_selected].text
46 
-              }}<span class="iconfont">&#xe74a;</span>
33 
+              {{ time_options[time_selected].text }}
34 
+              <span class="iconfont">&#xe74a;</span>
47 
             </li>
 35 
             </li>
48 
             <div class="popover-demo-content">
 36 
             <div class="popover-demo-content">
49 
               <ul>
 37 
               <ul>
52 
                   :key="index"
 40 
                   :key="index"
53 
                   @click="handleTimeChange(index)"
 41 
                   @click="handleTimeChange(index)"
54 
                   :class="time_selected == index ? 'tick' : ''"
 42 
                   :class="time_selected == index ? 'tick' : ''"
55 
-                >
56 
-                  {{ option.text }}
57 
-                </li>
43 
+                >{{ option.text }}</li>
58 
               </ul>
 44 
               </ul>
59 
             </div>
 45 
             </div>
60 
           </el-popover>
 46 
           </el-popover>
61 
         </ul>
 47 
         </ul>
62 
       </div>
 48 
       </div>
63 
-      <div class="stateBox ">
49 
+      <div class="stateBox">
64 
         <!-- <patient-box class="clearfix" :patients="filtedScheduals "></patient-box> -->
 50 
         <!-- <patient-box class="clearfix" :patients="filtedScheduals "></patient-box> -->
65 
         <div v-for="(item, index) in filtedScheduals" :key="index">
 51 
         <div v-for="(item, index) in filtedScheduals" :key="index">
66 
           <h2 class="title">{{ item.zone_name }}</h2>
 52 
           <h2 class="title">{{ item.zone_name }}</h2>
67 
-          <patient-box
68 
-            class="clearfix"
69 
-            :patients="item.scheduals"
70 
-          ></patient-box>
53 
+          <patient-box class="clearfix" :patients="item.scheduals"></patient-box>
71 
         </div>
 54 
         </div>
72 
         <div class="NoData" v-if="filtedScheduals.length == 0 && networkStates">
 55 
         <div class="NoData" v-if="filtedScheduals.length == 0 && networkStates">
73 
-          <img
74 
-            style="margin-top: 50px; margin-bottom: 50px"
75 
-            src="@/assets/login/data.jpg"
76 
-            alt=""
77 
-          />
56 
+          <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
78 
         </div>
 57 
         </div>
79
58
80 
-        <div
81 
-          class="NoData"
82 
-          v-if="!networkStates"
83 
-          style="display: block;text-align: center;"
84 
-        >
59 
+        <div class="NoData" v-if="!networkStates" style="display: block;text-align: center;">
85 
           <!--<img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/no_network.jpg" alt="">-->
 60 
           <!--<img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/no_network.jpg" alt="">-->
86 
-          <p style="margin-top: 100px;font-size: 18px">
87 
-            网络异常，请点击重新加载
88 
-          </p>
61 
+          <p style="margin-top: 100px;font-size: 18px">网络异常，请点击重新加载</p>
89 
           <van-button
 62 
           <van-button
90 
             slot="button"
 63 
             slot="button"
91 
             size="normal"
 64 
             size="normal"
92 
             type="info"
 65 
             type="info"
93 
             style="display:block;margin:0 auto"
 66 
             style="display:block;margin:0 auto"
94 
             @click="reloads()"
 67 
             @click="reloads()"
95 
-            >重新加载
96 
-          </van-button>
68 
+          >重新加载</van-button>
97 
         </div>
 69 
         </div>
98 
       </div>
 70 
       </div>
99 
     </div>
 71 
     </div>
129 
       menuList: [
 101 
       menuList: [
130 
         { value: "1", label: "全部", count: 0 },
 102 
         { value: "1", label: "全部", count: 0 },
131 
         { value: "3", label: "待开处方", count: 0 },
 103 
         { value: "3", label: "待开处方", count: 0 },
132 
-        { value: "2", label: "待透前称量", count: 0 }
104 
+        { value: "2", label: "待称量", count: 0 }
133 
       ],
 105 
       ],
134
106
135 
       select_index: 0,
 107 
       select_index: 0,
160 
   },
 132 
   },
161 
   computed: {
 133 
   computed: {
162 
     filtedScheduals: function() {
 134 
     filtedScheduals: function() {
163 
-
164 
       var search_keyword = this.search_keyword;
 135 
       var search_keyword = this.search_keyword;
165 
       if (this.search_keyword.length > 0) {
 136 
       if (this.search_keyword.length > 0) {
166 
         var scheduals = [];
 137 
         var scheduals = [];
177 
       }
 148 
       }
178 
       //
 149 
       //
179 
       if (this.zone_selected != 0) {
 150 
       if (this.zone_selected != 0) {
180 
-
181 
         // var zone_name = this.zone_options[this.zone_selected].text
 151 
         // var zone_name = this.zone_options[this.zone_selected].text
182 
         // for (let index = 0; index < this.zone_scheduals.length; index++) {
 152 
         // for (let index = 0; index < this.zone_scheduals.length; index++) {
183 
         //   const zone_scheduals = this.zone_scheduals[index]
 153 
         //   const zone_scheduals = this.zone_scheduals[index]
185 
         //     return [zone_scheduals]
 155 
         //     return [zone_scheduals]
186 
         //   }
 156 
         //   }
187 
         // }
 157 
         // }
188 
-        var zone_name = this.zone_options[this.zone_selected].text
158 
+        var zone_name = this.zone_options[this.zone_selected].text;
189 
         var schedules = [];
 159 
         var schedules = [];
190 
         var filtedSchedules = [];
 160 
         var filtedSchedules = [];
191 
         for (let o_i = 0; o_i < this.zone_scheduals.length; o_i++) {
 161 
         for (let o_i = 0; o_i < this.zone_scheduals.length; o_i++) {
192 
           const scheduleInfo = this.zone_scheduals[o_i];
 162 
           const scheduleInfo = this.zone_scheduals[o_i];
193 
           var originSchedules = scheduleInfo.scheduals;
 163 
           var originSchedules = scheduleInfo.scheduals;
194 
-
164 
+
195 
           for (let s_i = 0; s_i < originSchedules.length; s_i++) {
 165 
           for (let s_i = 0; s_i < originSchedules.length; s_i++) {
196 
             const schedule = originSchedules[s_i];
 166 
             const schedule = originSchedules[s_i];
197 
-            if(this.zone_selected == 0){
198 
-              if (this.time_selected == 0 || schedule.schedule_type == this.time_selected) {
167 
+            if (this.zone_selected == 0) {
168 
+              if (
169 
+                this.time_selected == 0 ||
170 
+                schedule.schedule_type == this.time_selected
171 
+              ) {
199 
                 filtedSchedules.push(schedule);
 172 
                 filtedSchedules.push(schedule);
200 
               }
 173 
               }
201 
-            }else{
202 
-              if ((zone_name.length > 0 && zone_name == schedule.device_number.zone.name)) {
203 
-                if (this.time_selected == 0 || schedule.schedule_type == this.time_selected) {
174 
+            } else {
175 
+              if (
176 
+                zone_name.length > 0 &&
177 
+                zone_name == schedule.device_number.zone.name
178 
+              ) {
179 
+                if (
180 
+                  this.time_selected == 0 ||
181 
+                  schedule.schedule_type == this.time_selected
182 
+                ) {
204 
                   filtedSchedules.push(schedule);
 183 
                   filtedSchedules.push(schedule);
205 
                 }
 184 
                 }
206 
               }
 185 
               }
213 
           //   });
 192 
           //   });
214 
           // }
 193 
           // }
215 
         }
 194 
         }
216 
-        console.log(filtedSchedules)
195 
+        console.log(filtedSchedules);
217 
         return this.processScheduals(filtedSchedules);
 196 
         return this.processScheduals(filtedSchedules);
218 
       }
 197 
       }
219
198
220 
       if (this.time_selected != 0) {
 199 
       if (this.time_selected != 0) {
221 
-        var zone_name = this.zone_options[this.zone_selected].text
200 
+        var zone_name = this.zone_options[this.zone_selected].text;
222 
         var schedules = [];
 201 
         var schedules = [];
223 
         var filtedSchedules = [];
 202 
         var filtedSchedules = [];
224 
         for (let o_i = 0; o_i < this.zone_scheduals.length; o_i++) {
 203 
         for (let o_i = 0; o_i < this.zone_scheduals.length; o_i++) {
225 
           const scheduleInfo = this.zone_scheduals[o_i];
 204 
           const scheduleInfo = this.zone_scheduals[o_i];
226 
           var originSchedules = scheduleInfo.scheduals;
 205 
           var originSchedules = scheduleInfo.scheduals;
227 
-
206 
+
228 
           for (let s_i = 0; s_i < originSchedules.length; s_i++) {
 207 
           for (let s_i = 0; s_i < originSchedules.length; s_i++) {
229 
             const schedule = originSchedules[s_i];
 208 
             const schedule = originSchedules[s_i];
230 
-            if(this.zone_selected == 0){
231 
-              if (this.time_selected == 0 || schedule.schedule_type == this.time_selected) {
209 
+            if (this.zone_selected == 0) {
210 
+              if (
211 
+                this.time_selected == 0 ||
212 
+                schedule.schedule_type == this.time_selected
213 
+              ) {
232 
                 filtedSchedules.push(schedule);
 214 
                 filtedSchedules.push(schedule);
233 
               }
 215 
               }
234 
-
235 
-            }else{
236 
-              if ((zone_name.length > 0 && zone_name == schedule.device_number.zone.name)) {
237 
-                if (this.time_selected == 0 || schedule.schedule_type == this.time_selected) {
216 
+            } else {
217 
+              if (
218 
+                zone_name.length > 0 &&
219 
+                zone_name == schedule.device_number.zone.name
220 
+              ) {
221 
+                if (
222 
+                  this.time_selected == 0 ||
223 
+                  schedule.schedule_type == this.time_selected
224 
+                ) {
238 
                   filtedSchedules.push(schedule);
 225 
                   filtedSchedules.push(schedule);
239 
                 }
 226 
                 }
240 
               }
 227 
               }
247 
           //   });
 234 
           //   });
248 
           // }
 235 
           // }
249 
         }
 236 
         }
250 
-        console.log(filtedSchedules)
237 
+        console.log(filtedSchedules);
251 
         return this.processScheduals(filtedSchedules);
 238 
         return this.processScheduals(filtedSchedules);
252 
       }
 239 
       }
253
240
256 
       var assessment_before_dislysis_count = 0;
 243 
       var assessment_before_dislysis_count = 0;
257 
       var prescription_count = 0;
 244 
       var prescription_count = 0;
258 
       if (zone_selected != 0 || timetype_selected != 0) {
 245 
       if (zone_selected != 0 || timetype_selected != 0) {
259 
-        var zone_name = zone_selected == 0 ? "" : this.zone_options[zone_selected].text;
246 
+        var zone_name =
247 
+          zone_selected == 0 ? "" : this.zone_options[zone_selected].text;
260 
         var schedules = [];
 248 
         var schedules = [];
261 
         var filtedSchedules = [];
 249 
         var filtedSchedules = [];
262 
         for (let o_i = 0; o_i < this.zone_scheduals.length; o_i++) {
 250 
         for (let o_i = 0; o_i < this.zone_scheduals.length; o_i++) {
263 
           const scheduleInfo = this.zone_scheduals[o_i];
 251 
           const scheduleInfo = this.zone_scheduals[o_i];
264 
           var originSchedules = scheduleInfo.scheduals;
 252 
           var originSchedules = scheduleInfo.scheduals;
265 
-
253 
+
266 
           for (let s_i = 0; s_i < originSchedules.length; s_i++) {
 254 
           for (let s_i = 0; s_i < originSchedules.length; s_i++) {
267 
             const schedule = originSchedules[s_i];
 255 
             const schedule = originSchedules[s_i];
268 
-            if ( zone_name.length == 0 || (zone_name.length > 0 && zone_name == schedule.device_number.zone.name)) {
269 
-              if ( timetype_selected == 0 ||  schedule.schedule_type == timetype_selected ) {
256 
+            if (
257 
+              zone_name.length == 0 ||
258 
+              (zone_name.length > 0 &&
259 
+                zone_name == schedule.device_number.zone.name)
260 
+            ) {
261 
+              if (
262 
+                timetype_selected == 0 ||
263 
+                schedule.schedule_type == timetype_selected
264 
+              ) {
270 
                 filtedSchedules.push(schedule);
 265 
                 filtedSchedules.push(schedule);
271 
               }
 266 
               }
272 
             }
 267 
             }
279 
           // }
 274 
           // }
280 
         }
 275 
         }
281
276
282 
-        console.log(filtedSchedules)
277 
+        console.log(filtedSchedules);
283 
         return this.processScheduals(filtedSchedules);
 278 
         return this.processScheduals(filtedSchedules);
284
279
285 
         if (this.select_index == 2) {
 280 
         if (this.select_index == 2) {
286 
           var scheduals = [];
 281 
           var scheduals = [];
287 
           for (let index = 0; index < this.scheduals.length; index++) {
 282 
           for (let index = 0; index < this.scheduals.length; index++) {
288 
             const schedual = this.scheduals[index];
 283 
             const schedual = this.scheduals[index];
289 
-            if (schedual.assessment_before_dislysis == null || schedual.assessment_before_dislysis.weight_before == 0) {
290 
-              if(this.cur_zone_selected > 0 && schedual.device_number.zone.id != this.cur_zone_selected) {
291 
-                continue
284 
+            if (
285 
+              schedual.assessment_before_dislysis == null ||
286 
+              schedual.assessment_before_dislysis.weight_before == 0
287 
+            ) {
288 
+              if (
289 
+                this.cur_zone_selected > 0 &&
290 
+                schedual.device_number.zone.id != this.cur_zone_selected
291 
+              ) {
292 
+                continue;
292 
               }
 293 
               }
293 
-              if(timetype_selected > 0 && schedual.schedule_type != timetype_selected) {
294 
-                continue
294 
+              if (
295 
+                timetype_selected > 0 &&
296 
+                schedual.schedule_type != timetype_selected
297 
+              ) {
298 
+                continue;
295 
               }
 299 
               }
296 
               scheduals.push(schedual);
 300 
               scheduals.push(schedual);
297 
             }
 301 
             }
302 
           var scheduals = [];
 306 
           var scheduals = [];
303 
           for (let index = 0; index < this.scheduals.length; index++) {
 307 
           for (let index = 0; index < this.scheduals.length; index++) {
304 
             const schedual = this.scheduals[index];
 308 
             const schedual = this.scheduals[index];
305 
-            if (schedual.prescription == null || schedual.prescription.creater == 0) {
306 
-              if(this.cur_zone_selected > 0 && schedual.device_number.zone.id != this.cur_zone_selected) {
307 
-                continue
309 
+            if (
310 
+              schedual.prescription == null ||
311 
+              schedual.prescription.creater == 0
312 
+            ) {
313 
+              if (
314 
+                this.cur_zone_selected > 0 &&
315 
+                schedual.device_number.zone.id != this.cur_zone_selected
316 
+              ) {
317 
+                continue;
308 
               }
 318 
               }
309 
-              if(timetype_selected > 0 && schedual.schedule_type != timetype_selected) {
310 
-                continue
319 
+              if (
320 
+                timetype_selected > 0 &&
321 
+                schedual.schedule_type != timetype_selected
322 
+              ) {
323 
+                continue;
311 
               }
 324 
               }
312 
               scheduals.push(schedual);
 325 
               scheduals.push(schedual);
313 
             }
 326 
             }
320 
           for (let index = 0; index < this.scheduals.length; index++) {
 333 
           for (let index = 0; index < this.scheduals.length; index++) {
321 
             const schedual = this.scheduals[index];
 334 
             const schedual = this.scheduals[index];
322 
             if (schedual.dialysis_order == null) {
 335 
             if (schedual.dialysis_order == null) {
323 
-              if(this.cur_zone_selected > 0 && schedual.device_number.zone.id != this.cur_zone_selected) {
324 
-                continue
336 
+              if (
337 
+                this.cur_zone_selected > 0 &&
338 
+                schedual.device_number.zone.id != this.cur_zone_selected
339 
+              ) {
340 
+                continue;
325 
               }
 341 
               }
326 
-              if(timetype_selected > 0 && schedual.schedule_type != timetype_selected) {
327 
-                continue
342 
+              if (
343 
+                timetype_selected > 0 &&
344 
+                schedual.schedule_type != timetype_selected
345 
+              ) {
346 
+                continue;
328 
               }
 347 
               }
329 
               scheduals.push(schedual);
 348 
               scheduals.push(schedual);
330 
             }
 349 
             }
338 
         var scheduals = [];
 357 
         var scheduals = [];
339 
         for (let index = 0; index < this.scheduals.length; index++) {
 358 
         for (let index = 0; index < this.scheduals.length; index++) {
340 
           const schedual = this.scheduals[index];
 359 
           const schedual = this.scheduals[index];
341 
-          if (schedual.assessment_before_dislysis == null || schedual.assessment_before_dislysis.weight_before == 0) {
360 
+          if (
361 
+            schedual.assessment_before_dislysis == null ||
362 
+            schedual.assessment_before_dislysis.weight_before == 0
363 
+          ) {
342 
             scheduals.push(schedual);
 364 
             scheduals.push(schedual);
343 
           }
 365 
           }
344 
         }
 366 
         }
348 
         var scheduals = [];
 370 
         var scheduals = [];
349 
         for (let index = 0; index < this.scheduals.length; index++) {
 371 
         for (let index = 0; index < this.scheduals.length; index++) {
350 
           const schedual = this.scheduals[index];
 372 
           const schedual = this.scheduals[index];
351 
-          if (schedual.prescription == null || schedual.prescription.creater == 0) {
373 
+          if (
374 
+            schedual.prescription == null ||
375 
+            schedual.prescription.creater == 0
376 
+          ) {
352 
             scheduals.push(schedual);
 377 
             scheduals.push(schedual);
353 
           }
 378 
           }
354 
         }
 379 
         }
387 
     if (type != null) {
 412 
     if (type != null) {
388 
       this.select_index = parseInt(type);
 413 
       this.select_index = parseInt(type);
389 
     }
 414 
     }
390 
-
391 
-    var storedata = this.$store.getters.waitscheduals
392 
-    var scheduals = storedata.waitscheduals
415 
+
416 
+    var storedata = this.$store.getters.waitscheduals;
417 
+    var scheduals = storedata.waitscheduals;
393 
     if (Object.keys(storedata).length > 0) {
 418 
     if (Object.keys(storedata).length > 0) {
394 
       var totalCount = scheduals.length;
 419 
       var totalCount = scheduals.length;
395 
       var prescription_count = 0;
 420 
       var prescription_count = 0;
421 
   beforeDestroy() {
 446 
   beforeDestroy() {
422 
     clearInterval(this.timer);
 447 
     clearInterval(this.timer);
423 
     this.timer = null;
 448 
     this.timer = null;
424 
-    this.$once('hook:beforeDestroy', () => {
449 
+    this.$once("hook:beforeDestroy", () => {
425 
       clearInterval(this.timer);
 450 
       clearInterval(this.timer);
426 
-    })
451 
+    });
427 
   },
 452 
   },
428 
   methods: {
 453 
   methods: {
429 
     processScheduals: function(scheduals) {
 454 
     processScheduals: function(scheduals) {
437 
           schedualMap[schedual.device_number.zone.id] = [];
 462 
           schedualMap[schedual.device_number.zone.id] = [];
438 
         }
 463 
         }
439 
         if (this.select_index == 1) {
 464 
         if (this.select_index == 1) {
440 
-            if(schedual.prescription == null || schedual.prescription.creater == 0){
465 
+          if (
466 
+            schedual.prescription == null ||
467 
+            schedual.prescription.creater == 0
468 
+          ) {
441 
             schedualMap[schedual.device_number.zone.id].push(schedual);
 469 
             schedualMap[schedual.device_number.zone.id].push(schedual);
442 
-            prescription_count++
470 
+            prescription_count++;
443 
           }
 471 
           }
444 
-        } else if (this.select_index == 2){
445 
-            if(schedual.assessment_before_dislysis == null || schedual.assessment_before_dislysis.weight_before == 0){
472 
+        } else if (this.select_index == 2) {
473 
+          if (
474 
+            schedual.assessment_before_dislysis == null ||
475 
+            schedual.assessment_before_dislysis.weight_before == 0
476 
+          ) {
446 
             schedualMap[schedual.device_number.zone.id].push(schedual);
 477 
             schedualMap[schedual.device_number.zone.id].push(schedual);
447 
-            assessment_before_dislysis_count++
478 
+            assessment_before_dislysis_count++;
448 
           }
 479 
           }
449 
         } else {
 480 
         } else {
450 
-          if(schedual.dialysis_order == null){
481 
+          if (schedual.dialysis_order == null) {
451 
             schedualMap[schedual.device_number.zone.id].push(schedual);
 482 
             schedualMap[schedual.device_number.zone.id].push(schedual);
452 
           }
 483 
           }
453 
         }
 484 
         }
463 
         this.menuList[2].count = assessment_before_dislysis_count;
 494 
         this.menuList[2].count = assessment_before_dislysis_count;
464 
       }
 495 
       }
465
496
466 
-
467 
       var zones = [];
 497 
       var zones = [];
468 
       // zones.push({ value: 0, text: "全部分区" })
 498 
       // zones.push({ value: 0, text: "全部分区" })
469 
       for (var zoneId in zoneMap) {
 499 
       for (var zoneId in zoneMap) {
505 
       setSelectedTimesDataConfigList(this.time_selected);
 535 
       setSelectedTimesDataConfigList(this.time_selected);
506 
       setWaitTypeSelectedConfig(tabIndex);
 536 
       setWaitTypeSelectedConfig(tabIndex);
507 
     },
 537 
     },
508 
-    handleZoneChange: function(index,zone) {
538 
+    handleZoneChange: function(index, zone) {
509 
       this.zone_options_visible = false;
 539 
       this.zone_options_visible = false;
510 
       this.zone_selected = index;
 540 
       this.zone_selected = index;
511 
-      this.cur_zone_selected = zone.value
541 
+      this.cur_zone_selected = zone.value;
512 
       // this.select_index = -1;
 542 
       // this.select_index = -1;
513 
       setSelectedAreaDataConfigList(index.toString());
 543 
       setSelectedAreaDataConfigList(index.toString());
514 
     },
 544 
     },
529 
             this.loading = false;
 559 
             this.loading = false;
530
560
531 
             var scheduals = resp.data.scheduals;
 561 
             var scheduals = resp.data.scheduals;
532 
-            this.$store.dispatch("SetWaitScheduals",{waitscheduals:scheduals})
562 
+            this.$store.dispatch("SetWaitScheduals", {
563 
+              waitscheduals: scheduals
564 
+            });
533 
             var totalCount = scheduals.length;
 565 
             var totalCount = scheduals.length;
534 
             var prescription_count = 0;
 566 
             var prescription_count = 0;
535 
             var assessment_before_dislysis_count = 0;
 567 
             var assessment_before_dislysis_count = 0;
602 
 .screening {
 634 
 .screening {
603 
   border-bottom: 1px #e5e5e5 solid;
 635 
   border-bottom: 1px #e5e5e5 solid;
604 
   position: fixed;
 636 
   position: fixed;
605 
-  top: 63px;
637 
+  top: 100px;
638 
+  @media only screen and (min-width: 768px) {
639 
+    top: 163px;
640 
+  }
606 
   right: 0;
 641 
   right: 0;
607 
   z-index: 66;
 642 
   z-index: 66;
608 
-  left: 1.58rem;
643 
+  left: 0;
609 
   background: #fff;
 644 
   background: #fff;
610 
-  @media only screen and (max-width: 812px) {
611 
-    top: 50px !important;
612 
-  }
645 
+  // @media only screen and (max-width: 812px) {
646 
+  //   top: 50px !important;
647 
+  // }
613 
   ul {
 648 
   ul {
614 
     @include display-flex;
 649 
     @include display-flex;
615 
     @include align-items-center;
 650 
     @include align-items-center;
616 
     @include text-align;
 651 
     @include text-align;
617 
     @include justify-content-between;
 652 
     @include justify-content-between;
618 
-    width: 60%;
653 
+    width: 96%;
619 
     margin: 0 auto;
 654 
     margin: 0 auto;
620 
-    font-size: 0.32rem;
655 
+    font-size: 0.45rem;
621 
     color: $title-color;
 656 
     color: $title-color;
622 
     li {
 657 
     li {
623 
       padding: 0.3rem 0;
 658 
       padding: 0.3rem 0;
624 
       .iconfont {
 659 
       .iconfont {
625 
-        font-size: 0.32rem;
660 
+        font-size: 0.45rem;
626 
         margin-left: 0.1rem;
 661 
         margin-left: 0.1rem;
627 
       }
 662 
       }
628 
     }
 663 
     }

+ 111 - 70
src/pages/main/add_urgent_schedule.vue View File

1 
 <template>
 1 
 <template>
2 
   <div class="mainBox">
 2 
   <div class="mainBox">
3 
-    <side-bar :active_index="0"></side-bar>
4 
     <div class="mainContent">
 3 
     <div class="mainContent">
5 
       <div class="navigation">
 4 
       <div class="navigation">
6 
         <div class="goBack">
 5 
         <div class="goBack">
7 
-          <span class="back" @click="$router.back(-1)"
8 
-            ><span class="iconfont">&#xe720;</span>返回</span
9 
-          >
6 
+          <span class="back" @click="$router.back(-1)">
7 
+            <span class="iconfont">&#xe720;</span>返回
8 
+          </span>
10 
         </div>
 9 
         </div>
11 
         <div class="nav">
 10 
         <div class="nav">
12 
           <span>临时排班</span>
 11 
           <span>临时排班</span>
22 
           </van-col>
 21 
           </van-col>
23 
         </van-row>
 22 
         </van-row>
24 
         <van-row class="row">
 23 
         <van-row class="row">
25 
-          <van-col :span="9">
24 
+          <van-col :span="24">
25 
+            <div class="field_panel">
26 
+              <el-autocomplete
27 
+                class="Input"
28 
+                popper-class="my-autocomplete"
29 
+                v-model="value"
30 
+                :fetch-suggestions="querySearchAsync"
31 
+                :trigger-on-focus="false"
32 
+                placeholder="请输入病人名字"
33 
+                @select="handleSelect"
34 
+              >
35 
+                <i class="el-icon-search el-input__icon" slot="suffix"></i>
36 
+                <template slot-scope="{ item }">
37 
+                  <div class="name">{{ item.name }}</div>
38 
+                </template>
39 
+              </el-autocomplete>
40 
+            </div>
41 
+          </van-col>
42 
+        </van-row>
43 
+        <van-row class="row">
44 
+          <van-col :span="24">
26 
             <span class="title">日期：</span>
 45 
             <span class="title">日期：</span>
27 
             <div class="field_panel">
 46 
             <div class="field_panel">
28 
               <van-field v-model="date" class="field"></van-field>
 47 
               <van-field v-model="date" class="field"></van-field>
30 
           </van-col>
 49 
           </van-col>
31 
         </van-row>
 50 
         </van-row>
32 
         <van-row class="row">
 51 
         <van-row class="row">
33 
-          <van-col :span="9">
52 
+          <van-col :span="24">
34 
             <span class="title">患者：</span>
 53 
             <span class="title">患者：</span>
35 
             <div class="field_panel">
 54 
             <div class="field_panel">
36 
               <van-field
 55 
               <van-field
42 
               ></van-field>
 61 
               ></van-field>
43 
             </div>
 62 
             </div>
44 
           </van-col>
 63 
           </van-col>
45 
-
46 
-          <van-col :span="9">
47 
-            <div class="field_panel">
48 
-              <el-autocomplete
49 
-                style="float: right"
50 
-                popper-class="my-autocomplete"
51 
-                v-model="value"
52 
-                :fetch-suggestions="querySearchAsync"
53 
-                :trigger-on-focus="false"
54 
-                placeholder="请输入病人名字"
55 
-                @select="handleSelect"
56 
-              >
57 
-                <i class="el-icon-search el-input__icon" slot="suffix"> </i>
58 
-                <template slot-scope="{ item }">
59 
-                  <div class="name">{{ item.name }}</div>
60 
-                </template>
61 
-              </el-autocomplete>
62 
-            </div>
63 
-          </van-col>
64 
         </van-row>
 64 
         </van-row>
65 
         <van-row class="row">
 65 
         <van-row class="row">
66 
-          <van-col :span="9">
66 
+          <van-col :span="24">
67 
             <span class="title">班次：</span>
 67 
             <span class="title">班次：</span>
68 
             <div class="field_panel">
 68 
             <div class="field_panel">
69 
               <van-field
 69 
               <van-field
76 
             </div>
 76 
             </div>
77 
           </van-col>
 77 
           </van-col>
78
78
79 
-          <van-col :span="9">
79 
+          <van-col :span="24">
80 
             <span class="title">治疗模式：</span>
 80 
             <span class="title">治疗模式：</span>
81 
             <div class="field_panel">
 81 
             <div class="field_panel">
82 
               <van-field
 82 
               <van-field
88 
               ></van-field>
 88 
               ></van-field>
89 
             </div>
 89 
             </div>
90 
           </van-col>
 90 
           </van-col>
91 
-          <van-col :span="9">
91 
+          <van-col :span="24">
92 
             <span class="title">床位：</span>
 92 
             <span class="title">床位：</span>
93 
             <div class="field_panel">
 93 
             <div class="field_panel">
94 
               <van-field
 94 
               <van-field
103 
         </van-row>
 103 
         </van-row>
104 
         <van-row class="row">
 104 
         <van-row class="row">
105 
           <van-col :span="24">
 105 
           <van-col :span="24">
106 
-            <span class="title">&nbsp;</span>
106 
+            <!-- <span class="title">&nbsp;</span>
107 
             <div class="field_panel">
 107 
             <div class="field_panel">
108 
-              <van-button type="info" size="normal" @click="submitAction"
109 
-                >立即排班</van-button
110 
-              >
111 
-            </div>
108 
+              <van-button type="info" size="normal" @click="submitAction">立即排班</van-button>
109 
+            </div>-->
110 
+            <div class="nowScheduling" @click="submitAction">立即排班</div>
112 
           </van-col>
 111 
           </van-col>
113 
         </van-row>
 112 
         </van-row>
114 
       </div>
 113 
       </div>
115 
     </div>
 114 
     </div>
116 
-
115 
+    <side-bar :active_index="0"></side-bar>
117 
     <van-popup v-model="show_patient_picker" position="bottom" class="popup">
 116 
     <van-popup v-model="show_patient_picker" position="bottom" class="popup">
118 
-      <van-picker
119 
-        :columns="patients"
120 
-        value-key="name"
121 
-        @change="didChangePatient"
122 
-      ></van-picker>
117 
+      <van-picker :columns="patients" value-key="name" @change="didChangePatient"></van-picker>
123 
     </van-popup>
 118 
     </van-popup>
124 
     <van-popup v-model="show_mode_picker" position="bottom" class="popup">
 119 
     <van-popup v-model="show_mode_picker" position="bottom" class="popup">
125 
-      <van-picker
126 
-        :columns="modes"
127 
-        value-key="name"
128 
-        @change="didChangeMode"
129 
-      ></van-picker>
120 
+      <van-picker :columns="modes" value-key="name" @change="didChangeMode"></van-picker>
130 
     </van-popup>
 121 
     </van-popup>
131 
     <van-popup v-model="show_bed_picker" position="bottom" class="popup">
 122 
     <van-popup v-model="show_bed_picker" position="bottom" class="popup">
132 
-      <van-picker
133 
-        :columns="zone_device_options"
134 
-        value-key="number"
135 
-        @change="didChangeBed"
136 
-      ></van-picker>
123 
+      <van-picker :columns="zone_device_options" value-key="number" @change="didChangeBed"></van-picker>
137 
     </van-popup>
 124 
     </van-popup>
138 
     <van-popup v-model="show_sch_type_picker" position="bottom" class="popup">
 125 
     <van-popup v-model="show_sch_type_picker" position="bottom" class="popup">
139 
-      <van-picker
140 
-        :columns="schedule_types"
141 
-        value-key="text"
142 
-        @change="didChangeSchType"
143 
-      ></van-picker>
126 
+      <van-picker :columns="schedule_types" value-key="text" @change="didChangeSchType"></van-picker>
144 
     </van-popup>
 127 
     </van-popup>
145 
   </div>
 128 
   </div>
146 
 </template>
 129 
 </template>
522 
     border-bottom: 1px #e5e5e5 solid;
 505 
     border-bottom: 1px #e5e5e5 solid;
523 
     position: fixed;
 506 
     position: fixed;
524 
     top: 0;
 507 
     top: 0;
525 
-    left: 1.58rem;
508 
+    left: 0;
526 
     right: 0;
 509 
     right: 0;
527 
     z-index: 100;
 510 
     z-index: 100;
528 
     background: #fff;
 511 
     background: #fff;
538 
     }
 521 
     }
539 
     .nav {
 522 
     .nav {
540 
       text-align: center;
 523 
       text-align: center;
541 
-      font-size: 0.36rem;
524 
+      font-size: 0.45rem;
525 
+      margin-right: 56px;
542 
     }
 526 
     }
543 
   }
 527 
   }
544
528
546 
     background: #fff;
 530 
     background: #fff;
547 
     min-height: calc(100vh - 2px);
 531 
     min-height: calc(100vh - 2px);
548 
     padding-top: 55px;
 532 
     padding-top: 55px;
549 
-    padding-left: 20px;
533 
+    // padding-left: 20px;
534 
+    @media only screen and (min-width: 768px) {
535 
+      padding-top: 100px;
536 
+    }
550 
     .row {
 537 
     .row {
551 
-      padding: 5px 0;
538 
+      // padding: 5px 0;
539 
+      width: 80%;
540 
+      margin: 0 auto;
552 
       .title {
 541 
       .title {
553 
         color: #8f8f8f;
 542 
         color: #8f8f8f;
554 
         margin-right: 5px;
 543 
         margin-right: 5px;
555 
-        text-align: right;
556 
-        font-size: 16px;
544 
+        text-align: left;
545 
+        font-size: 0.45rem;
557 
         line-height: 45px;
 546 
         line-height: 45px;
558 
-        width: 80px;
547 
+        width: 3rem;
559 
         float: left;
 548 
         float: left;
560 
-        @media only screen and (max-width: 812px) {
561 
-          font-size: 0.3rem !important;
562 
-        }
549 
+        // @media only screen and (max-width: 812px) {
550 
+        //   font-size: 0.3rem !important;
551 
+        // }
552 
+        // @media only screen and (max-width: 376px) {
553 
+        //   width: 50px !important;
554 
+        //   font-size: 0.3rem !important;
555 
+        // }
563 
       }
 556 
       }
564 
       .el-input__inner {
 557 
       .el-input__inner {
565 
         @media only screen and (max-width: 812px) {
 558 
         @media only screen and (max-width: 812px) {
568 
         }
 561 
         }
569 
       }
 562 
       }
570 
       .field_panel {
 563 
       .field_panel {
571 
-        display: inline-block;
564 
+        // display: inline-block;
565 
+        height: 1.4rem;
572 
         .field {
 566 
         .field {
573 
           padding: 0 0;
 567 
           padding: 0 0;
574 
-          font-size: 18px;
568 
+          font-size: 0.45rem;
575 
           line-height: 45px;
 569 
           line-height: 45px;
576 
           width: 180px;
 570 
           width: 180px;
577 
-          @media only screen and (max-width: 812px) {
578 
-            width: 100px;
579 
-          }
571 
+          // @media only screen and (max-width: 812px) {
572 
+          //   width: 100px;
573 
+          // }
580 
         }
 574 
         }
581 
       }
 575 
       }
582
576
583 
       .danger_hint {
 577 
       .danger_hint {
584 
-        font-size: 0.34rem;
578 
+        font-size: 0.4rem;
585 
         line-height: 40px;
 579 
         line-height: 40px;
586 
         text-align: center;
 580 
         text-align: center;
587 
         color: red;
 581 
         color: red;
582 
+        @media only screen and (max-width: 812px) {
583 
+          margin-left: -10px !important;
584 
+        }
585 
+      }
586 
+      .nowScheduling {
587 
+        width: 100%;
588 
+        height: 1.3rem;
589 
+        line-height: 1.3rem;
590 
+        border-radius: 30px;
591 
+        text-align: center;
592 
+        background: #258ffc;
593 
+        font-size: 0.45rem;
594 
+        color: #fff;
595 
+        margin-top: 0.5rem;
588 
       }
 596 
       }
589 
     }
 597 
     }
590 
   }
 598 
   }
593 
   border-radius: 0 !important;
 601 
   border-radius: 0 !important;
594 
   top: initial !important;
 602 
   top: initial !important;
595 
 }
 603 
 }
604 
+.mainBox {
605 
+  display: flex;
606 
+  height: 100%;
607 
+  flex-direction: column;
608 
+  > :first-child {
609 
+    overflow: auto;
610 
+    flex: 1;
611 
+  }
612 
+}
613 
+</style>
614 
+<style lang="scss">
615 
+.Input {
616 
+  width: 100%;
617 
+  .el-input__inner {
618 
+    border-radius: 30px;
619 
+    font-size: 0.4rem;
620 
+    @media only screen and (min-width: 768px) {
621 
+      height: 1.2rem;
622 
+      line-height: 1.2rem;
623 
+      border-radius: 50px;
624 
+    }
625 
+  }
626 
+  .el-input__icon {
627 
+    font-size: 0.45rem;
628 
+    @media only screen and (min-width: 768px) {
629 
+      margin-top: 2px;
630 
+      margin-right: 8px;
631 
+    }
632 
+  }
633 
+}
634 
+.van-ellipsis {
635 
+  font-size: 0.45rem;
636 
+}
596 
 </style>
 637 
 </style>

+ 247 - 233
src/pages/main/dialog/AcceptsDialog.vue View File

4 
       <div class="DialogTit">
 4 
       <div class="DialogTit">
5 
         <span class="iconfont" @click="close()">&#xe6e9;</span>
 5 
         <span class="iconfont" @click="close()">&#xe6e9;</span>
6 
         <h1 class="name">接诊评估</h1>
 6 
         <h1 class="name">接诊评估</h1>
7 
-        <span class="success" @click="commitInfo">完成</span>
7 
+        <span class="success" @click="commitInfo">保存</span>
8 
       </div>
 8 
       </div>
9 
       <div class="DialogContent choose">
 9 
       <div class="DialogContent choose">
10 
-
11 
-
12 
-        <el-form :model="receiveTreatmentAsses" label-width="90px">
10 
+        <el-form :model="receiveTreatmentAsses" label-width="110px">
13 
           <el-form-item label="入室方式: " v-if="isShow('入室方式')">
 11 
           <el-form-item label="入室方式: " v-if="isShow('入室方式')">
14 
             <el-radio v-model="receiveTreatmentAsses.way" label="1">步行</el-radio>
 12 
             <el-radio v-model="receiveTreatmentAsses.way" label="1">步行</el-radio>
15 
             <el-radio v-model="receiveTreatmentAsses.way" label="2">扶行</el-radio>
 13 
             <el-radio v-model="receiveTreatmentAsses.way" label="2">扶行</el-radio>
18 
             <!--</el-radio-group>-->
 16 
             <!--</el-radio-group>-->
19 
           </el-form-item>
 17 
           </el-form-item>
20 
           <el-form-item label="病人意识: " v-if="isShow('病人意识')">
 18 
           <el-form-item label="病人意识: " v-if="isShow('病人意识')">
21 
-
22 
             <el-radio v-model="receiveTreatmentAsses.consciousness" label="1">清醒</el-radio>
 19 
             <el-radio v-model="receiveTreatmentAsses.consciousness" label="1">清醒</el-radio>
23 
             <el-radio v-model="receiveTreatmentAsses.consciousness" label="2">嗜睡</el-radio>
 20 
             <el-radio v-model="receiveTreatmentAsses.consciousness" label="2">嗜睡</el-radio>
24 
             <el-radio v-model="receiveTreatmentAsses.consciousness" label="3">昏迷</el-radio>
 21 
             <el-radio v-model="receiveTreatmentAsses.consciousness" label="3">昏迷</el-radio>
25 
             <el-radio v-model="receiveTreatmentAsses.consciousness" label="4">模糊</el-radio>
 22 
             <el-radio v-model="receiveTreatmentAsses.consciousness" label="4">模糊</el-radio>
26 
-
27 
-
28 
           </el-form-item>
 23 
           </el-form-item>
29 
           <el-form-item label="病人食欲: " v-if="isShow('病人食欲')">
 24 
           <el-form-item label="病人食欲: " v-if="isShow('病人食欲')">
30 
             <el-radio v-model="receiveTreatmentAsses.appetite" label="1">正常</el-radio>
 25 
             <el-radio v-model="receiveTreatmentAsses.appetite" label="1">正常</el-radio>
45 
             <el-radio v-model="receiveTreatmentAsses.posture" label="4">端坐位</el-radio>
 40 
             <el-radio v-model="receiveTreatmentAsses.posture" label="4">端坐位</el-radio>
46 
             <el-radio v-model="receiveTreatmentAsses.posture" label="5">躁动不安</el-radio>
 41 
             <el-radio v-model="receiveTreatmentAsses.posture" label="5">躁动不安</el-radio>
47 
           </el-form-item>
 42 
           </el-form-item>
48 
-          <el-form-item label="病情: "  v-if="isShow('病情')">
43 
+          <el-form-item label="病情: " v-if="isShow('病情')">
49 
             <el-radio v-model="receiveTreatmentAsses.sick_condition" label="1">一般</el-radio>
 44 
             <el-radio v-model="receiveTreatmentAsses.sick_condition" label="1">一般</el-radio>
50 
             <el-radio v-model="receiveTreatmentAsses.sick_condition" label="2">严重</el-radio>
 45 
             <el-radio v-model="receiveTreatmentAsses.sick_condition" label="2">严重</el-radio>
51 
             <el-radio v-model="receiveTreatmentAsses.sick_condition" label="3">危</el-radio>
 46 
             <el-radio v-model="receiveTreatmentAsses.sick_condition" label="3">危</el-radio>
52 
           </el-form-item>
 47 
           </el-form-item>
53 
-          <el-form-item label-width="100dp" label="其他病情 : "
54 
-                        v-if="isShow('其他病情')">
55 
-            <el-input v-model="receiveTreatmentAsses.sick_condition_other" style="width: 400px"></el-input>
48 
+          <el-form-item label-width="110dp" label="其他病情 : " v-if="isShow('其他病情')">
49 
+            <el-input v-model="receiveTreatmentAsses.sick_condition_other"></el-input>
56 
           </el-form-item>
 50 
           </el-form-item>
57 
-          <el-form-item label-width="100dp" label="跌倒风险评估评分 : "
58 
-                        v-if="isShow('跌倒风险评估评分')">
51 
+          <el-form-item label-width="110dp" label="跌倒风险评估评分 : " v-if="isShow('跌倒风险评估评分')">
59 
             <el-input v-model="receiveTreatmentAsses.score" style="width: 100px"></el-input>
 52 
             <el-input v-model="receiveTreatmentAsses.score" style="width: 100px"></el-input>
60 
           </el-form-item>
 53 
           </el-form-item>
61
54
66 
             <el-radio v-model="receiveTreatmentAsses.danger_level" label="4">高风险</el-radio>
 59 
             <el-radio v-model="receiveTreatmentAsses.danger_level" label="4">高风险</el-radio>
67 
           </el-form-item>
 60 
           </el-form-item>
68
61
69 
-
70 
-          <el-form-item label-width="155px" label="跌倒风险预防措施: " v-if="isShow('跌倒风险预防措施')">
71 
-          <el-radio v-model="receiveTreatmentAsses.precaution" label="1">镇定剂</el-radio>
72 
-          <el-radio v-model="receiveTreatmentAsses.precaution" label="2">约束带</el-radio>
73 
-          <el-radio v-model="receiveTreatmentAsses.precaution" label="3">床栏</el-radio>
74 
-          <el-radio v-model="receiveTreatmentAsses.precaution" label="4">加强宣教</el-radio>
75 
-        </el-form-item>
76 
-          <el-form-item label-width="100dp" label="其他跌倒风险预防措施 : "
77 
-                        v-if="isShow('其他跌倒风险预防措施')">
62 
+          <el-form-item label-width="130px" label="跌倒风险预防措施: " v-if="isShow('跌倒风险预防措施')">
63 
+            <el-radio v-model="receiveTreatmentAsses.precaution" label="1">镇定剂</el-radio>
64 
+            <el-radio v-model="receiveTreatmentAsses.precaution" label="2">约束带</el-radio>
65 
+            <el-radio v-model="receiveTreatmentAsses.precaution" label="3">床栏</el-radio>
66 
+            <el-radio v-model="receiveTreatmentAsses.precaution" label="4">加强宣教</el-radio>
67 
+          </el-form-item>
68 
+          <el-form-item label-width="110dp" label="其他跌倒风险预防措施 : " v-if="isShow('其他跌倒风险预防措施')">
78 
             <el-input v-model="receiveTreatmentAsses.precaution_other"></el-input>
 69 
             <el-input v-model="receiveTreatmentAsses.precaution_other"></el-input>
79 
           </el-form-item>
 70 
           </el-form-item>
80
71
81 
-
82 
-          <el-form-item label="摄入量: "  v-if="isShow('摄入量')">
72 
+          <el-form-item label="摄入量: " v-if="isShow('摄入量')">
83 
             <el-radio v-model="receiveTreatmentAsses.intake" label="1">正常</el-radio>
 73 
             <el-radio v-model="receiveTreatmentAsses.intake" label="1">正常</el-radio>
84 
             <el-radio v-model="receiveTreatmentAsses.intake" label="2">减少</el-radio>
 74 
             <el-radio v-model="receiveTreatmentAsses.intake" label="2">减少</el-radio>
85 
           </el-form-item>
 75 
           </el-form-item>
86 
-          <el-form-item label="营养状况: "  v-if="isShow('营养状况')">
76 
+          <el-form-item label="营养状况: " v-if="isShow('营养状况')">
87 
             <el-radio v-model="receiveTreatmentAsses.nutrition" label="1">正常</el-radio>
 77 
             <el-radio v-model="receiveTreatmentAsses.nutrition" label="1">正常</el-radio>
88 
             <el-radio v-model="receiveTreatmentAsses.nutrition" label="2">营养不良</el-radio>
 78 
             <el-radio v-model="receiveTreatmentAsses.nutrition" label="2">营养不良</el-radio>
89 
           </el-form-item>
 79 
           </el-form-item>
90 
-          <el-form-item label="心理评估: "  v-if="isShow('心理评估')">
80 
+          <el-form-item label="心理评估: " v-if="isShow('心理评估')">
91 
             <el-radio v-model="receiveTreatmentAsses.psychological_assessment" label="1">正常</el-radio>
 81 
             <el-radio v-model="receiveTreatmentAsses.psychological_assessment" label="1">正常</el-radio>
92 
             <el-radio v-model="receiveTreatmentAsses.psychological_assessment" label="2">异常</el-radio>
 82 
             <el-radio v-model="receiveTreatmentAsses.psychological_assessment" label="2">异常</el-radio>
93 
           </el-form-item>
 83 
           </el-form-item>
94 
-          <el-form-item label-width="100dp" label="心理评估异常情况 : "
95 
-                        v-if="isShow('心理评估异常情况')&&receiveTreatmentAsses.psychological_assessment == 2">
84 
+          <el-form-item
85 
+            label-width="110dp"
86 
+            label="心理评估异常情况 : "
87 
+            v-if="isShow('心理评估异常情况')&&receiveTreatmentAsses.psychological_assessment == 2"
88 
+          >
96 
             <el-input v-model="receiveTreatmentAsses.psychological_assessment_other"></el-input>
 89 
             <el-input v-model="receiveTreatmentAsses.psychological_assessment_other"></el-input>
97 
           </el-form-item>
 90 
           </el-form-item>
98
91
99 
-          <el-form-item label-width="100dp" label="其他心理评估 : "
100 
-                        v-if="isShow('其他心理评估')">
92 
+          <el-form-item label-width="110dp" label="其他心理评估 : " v-if="isShow('其他心理评估')">
101 
             <el-input v-model="receiveTreatmentAsses.psychological_other"></el-input>
 93 
             <el-input v-model="receiveTreatmentAsses.psychological_other"></el-input>
102 
           </el-form-item>
 94 
           </el-form-item>
103 
-
104 
         </el-form>
 95 
         </el-form>
105 
         <!-- <div class="button">
 96 
         <!-- <div class="button">
106 
           <button @click="commitInfo" class="submitButton">提交</button>
 97 
           <button @click="commitInfo" class="submitButton">提交</button>
107 
-      </div> -->
98 
+        </div>-->
108 
       </div>
 99 
       </div>
109 
       <!-- <div class="footer">
 100 
       <!-- <div class="footer">
110 
           处方医生：刘小军 医生
 101 
           处方医生：刘小军 医生
111 
-      </div> -->
102 
+      </div>-->
112 
     </div>
 103 
     </div>
113 
   </div>
 104 
   </div>
114 
 </template>
 105 
 </template>
115
106
116 
 <script>
 107 
 <script>
117 
-  import {commitAcceptsAssessment, getLastAccepts} from '@/api/dialysis'
118 
-  import {Toast} from 'vant'
108 
+import { commitAcceptsAssessment, getLastAccepts } from "@/api/dialysis";
109 
+import { Toast } from "vant";
119
110
120 
-  export default {
121 
-    name: 'AcceptsDialog',
122 
-    data () {
123 
-      return {
124 
-        receiveTreatmentAsses: {
125 
-          way: '1',
126 
-          consciousness: '1',
127 
-          appetite: '1',
128 
-          condition: '1',
129 
-          posture: '1',
130 
-          sick_condition: '1',
131 
-          danger_level: '1',
132 
-          intake: '1',
133 
-          nutrition: '1',
134 
-          psychological_assessment: '1',
135 
-          psychological_assessment_other: '',
136 
-          sick_condition_other:'',
137 
-          score:'',
138 
-          psychological_other:'',
139 
-          precaution:'1',
140 
-          precaution_other:'',
141 
-        },
142 
-        patient: {
143 
-          id: 0
144 
-        },
145 
-        record_date: ''
146 
-      }
147 
-    },
148 
-    props: {
149 
-      accepts: {
150 
-        type: Object
111 
+export default {
112 
+  name: "AcceptsDialog",
113 
+  data() {
114 
+    return {
115 
+      receiveTreatmentAsses: {
116 
+        way: "1",
117 
+        consciousness: "1",
118 
+        appetite: "1",
119 
+        condition: "1",
120 
+        posture: "1",
121 
+        sick_condition: "1",
122 
+        danger_level: "1",
123 
+        intake: "1",
124 
+        nutrition: "1",
125 
+        psychological_assessment: "1",
126 
+        psychological_assessment_other: "",
127 
+        sick_condition_other: "",
128 
+        score: "",
129 
+        psychological_other: "",
130 
+        precaution: "1",
131 
+        precaution_other: ""
151 
       },
 132 
       },
152 
-      patient_prop: {
153 
-        type: Object
154 
-      }
133 
+      patient: {
134 
+        id: 0
135 
+      },
136 
+      record_date: ""
137 
+    };
138 
+  },
139 
+  props: {
140 
+    accepts: {
141 
+      type: Object
155 
     },
 142 
     },
156 
-    created () {
157 
-      if (this.accepts == null || this.accepts.id == '') {
158 
-        let ParamsQuery = {}
159 
-        ParamsQuery['patient'] = this.$route.query.patient_id
143 
+    patient_prop: {
144 
+      type: Object
145 
+    }
146 
+  },
147 
+  created() {
148 
+    if (this.accepts == null || this.accepts.id == "") {
149 
+      let ParamsQuery = {};
150 
+      ParamsQuery["patient"] = this.$route.query.patient_id;
151 
+      getLastAccepts(ParamsQuery).then(response => {
152 
+        if (response.data.state == 0) {
153 
+          return false;
154 
+        } else {
155 
+          for (const key in response.data.data.receiveTreatmentAsses) {
156 
+            this.accepts[key] = response.data.data.receiveTreatmentAsses[key];
157 
+            this.receiveTreatmentAsses.way = this.accepts.way + "";
158 
+            this.receiveTreatmentAsses.consciousness =
159 
+              this.accepts.consciousness + "";
160 
+            this.receiveTreatmentAsses.appetite = this.accepts.appetite + "";
161 
+            this.receiveTreatmentAsses.condition = this.accepts.condition + "";
162 
+            this.receiveTreatmentAsses.posture = this.accepts.posture + "";
163 
+            this.receiveTreatmentAsses.sick_condition =
164 
+              this.accepts.sick_condition + "";
165 
+            this.receiveTreatmentAsses.danger_level =
166 
+              this.accepts.danger_level + "";
167 
+            this.receiveTreatmentAsses.intake = this.accepts.intake + "";
168 
+            this.receiveTreatmentAsses.nutrition = this.accepts.nutrition + "";
169 
+            this.receiveTreatmentAsses.psychological_assessment =
170 
+              this.accepts.psychological_assessment + "";
171 
+            this.receiveTreatmentAsses.psychological_assessment_other = this.accepts.psychological_assessment_other;
172 
+            this.receiveTreatmentAsses.score = this.accepts.score;
173 
+            this.receiveTreatmentAsses.sick_condition_other = this.accepts.sick_condition_other;
174 
+            this.receiveTreatmentAsses.psychological_other = this.accepts.psychological_other;
175 
+
176 
+            this.receiveTreatmentAsses.precaution =
177 
+              this.accepts.precaution + "";
178 
+            this.receiveTreatmentAsses.precaution_other = this.accepts.precaution_other;
179 
+          }
180 
+        }
181 
+      });
182 
+    } else {
183 
+      if (
184 
+        this.accepts.way == 0 &&
185 
+        this.accepts.consciousness == 0 &&
186 
+        this.accepts.appetite == 0 &&
187 
+        this.accepts.condition == 0 &&
188 
+        this.accepts.posture == 0 &&
189 
+        this.accepts.sick_condition == 0 &&
190 
+        this.accepts.danger_level == 0 &&
191 
+        this.accepts.intake == 0 &&
192 
+        this.accepts.nutrition == 0 &&
193 
+        this.accepts.psychological_assessment == 0 &&
194 
+        this.accepts.psychological_assessment_other == "" &&
195 
+        this.accepts.sick_condition_other == "" &&
196 
+        this.accepts.psychological_other == "" &&
197 
+        this.accepts.precaution == 0 &&
198 
+        this.accepts.precaution_other == "" &&
199 
+        this.accepts.score == ""
200 
+      ) {
201 
+        let ParamsQuery = {};
202 
+        ParamsQuery["patient"] = this.$route.query.patient_id;
160 
         getLastAccepts(ParamsQuery).then(response => {
 203 
         getLastAccepts(ParamsQuery).then(response => {
161 
           if (response.data.state == 0) {
 204 
           if (response.data.state == 0) {
162 
-            return false
205 
+            return false;
163 
           } else {
 206 
           } else {
164 
             for (const key in response.data.data.receiveTreatmentAsses) {
 207 
             for (const key in response.data.data.receiveTreatmentAsses) {
165 
-              this.accepts[key] = response.data.data.receiveTreatmentAsses[key]
166 
-              this.receiveTreatmentAsses.way = this.accepts.way + ''
208 
+              this.accepts[key] = response.data.data.receiveTreatmentAsses[key];
209 
+              this.receiveTreatmentAsses.way = this.accepts.way + "";
167 
               this.receiveTreatmentAsses.consciousness =
 210 
               this.receiveTreatmentAsses.consciousness =
168 
-                this.accepts.consciousness + ''
169 
-              this.receiveTreatmentAsses.appetite = this.accepts.appetite + ''
170 
-              this.receiveTreatmentAsses.condition = this.accepts.condition + ''
171 
-              this.receiveTreatmentAsses.posture = this.accepts.posture + ''
172 
-              this.receiveTreatmentAsses.sick_condition = this.accepts.sick_condition + ''
173 
-              this.receiveTreatmentAsses.danger_level = this.accepts.danger_level + ''
174 
-              this.receiveTreatmentAsses.intake = this.accepts.intake + ''
175 
-              this.receiveTreatmentAsses.nutrition = this.accepts.nutrition + ''
176 
-              this.receiveTreatmentAsses.psychological_assessment = this.accepts.psychological_assessment + ''
177 
-              this.receiveTreatmentAsses.psychological_assessment_other = this.accepts.psychological_assessment_other
178 
-              this.receiveTreatmentAsses.score = this.accepts.score
179 
-              this.receiveTreatmentAsses.sick_condition_other = this.accepts.sick_condition_other
180 
-              this.receiveTreatmentAsses.psychological_other = this.accepts.psychological_other
181 
-
182 
-              this.receiveTreatmentAsses.precaution = this.accepts.precaution +''
183 
-              this.receiveTreatmentAsses.precaution_other = this.accepts.precaution_other
184 
-
211 
+                this.accepts.consciousness + "";
212 
+              this.receiveTreatmentAsses.appetite = this.accepts.appetite + "";
213 
+              this.receiveTreatmentAsses.condition =
214 
+                this.accepts.condition + "";
215 
+              this.receiveTreatmentAsses.posture = this.accepts.posture + "";
216 
+              this.receiveTreatmentAsses.sick_condition =
217 
+                this.accepts.sick_condition + "";
218 
+              this.receiveTreatmentAsses.danger_level =
219 
+                this.accepts.danger_level + "";
220 
+              this.receiveTreatmentAsses.intake = this.accepts.intake + "";
221 
+              this.receiveTreatmentAsses.nutrition =
222 
+                this.accepts.nutrition + "";
223 
+              this.receiveTreatmentAsses.psychological_assessment =
224 
+                this.accepts.psychological_assessment + "";
225 
+              this.receiveTreatmentAsses.psychological_assessment_other =
226 
+                this.accepts.psychological_assessment_other + "";
227 
+              this.receiveTreatmentAsses.score = this.accepts.score;
228 
+              this.receiveTreatmentAsses.sick_condition_other = this.accepts.sick_condition_other;
185
229
230 
+              this.receiveTreatmentAsses.precaution =
231 
+                this.accepts.precaution + "";
232 
+              this.receiveTreatmentAsses.precaution_other = this.accepts.precaution_other;
233 
+              this.receiveTreatmentAsses.psychological_other = this.accepts.psychological_other;
186 
             }
 234 
             }
187 
           }
 235 
           }
188 
-        })
236 
+        });
189 
       } else {
 237 
       } else {
190 
-        if (
191 
-          this.accepts.way == 0 &&
192 
-          this.accepts.consciousness == 0 &&
193 
-          this.accepts.appetite == 0 &&
194 
-          this.accepts.condition == 0 &&
195 
-          this.accepts.posture == 0 &&
196 
-          this.accepts.sick_condition == 0 &&
197 
-          this.accepts.danger_level == 0 &&
198 
-          this.accepts.intake == 0 &&
199 
-          this.accepts.nutrition == 0 &&
200 
-          this.accepts.psychological_assessment == 0 &&
201 
-          this.accepts.psychological_assessment_other == ''&&this.accepts.sick_condition_other == ''&&
202 
-          this.accepts.psychological_other == ''&&
203 
-          this.accepts.precaution == 0&&
204 
-          this.accepts.precaution_other == ''&&
205 
-          this.accepts.score == ''
206 
-
207 
-      ) {
208 
-          let ParamsQuery = {}
209 
-          ParamsQuery['patient'] = this.$route.query.patient_id
210 
-          getLastAccepts(ParamsQuery).then(response => {
211 
-            if (response.data.state == 0) {
212 
-              return false
213 
-            } else {
214 
-              for (const key in response.data.data.receiveTreatmentAsses) {
215 
-                this.accepts[key] = response.data.data.receiveTreatmentAsses[key]
216 
-                this.receiveTreatmentAsses.way = this.accepts.way + ''
217 
-                this.receiveTreatmentAsses.consciousness =
218 
-                  this.accepts.consciousness + ''
219 
-                this.receiveTreatmentAsses.appetite = this.accepts.appetite + ''
220 
-                this.receiveTreatmentAsses.condition =
221 
-                  this.accepts.condition + ''
222 
-                this.receiveTreatmentAsses.posture = this.accepts.posture + ''
223 
-                this.receiveTreatmentAsses.sick_condition = this.accepts.sick_condition + ''
224 
-                this.receiveTreatmentAsses.danger_level = this.accepts.danger_level + ''
225 
-                this.receiveTreatmentAsses.intake = this.accepts.intake + ''
226 
-                this.receiveTreatmentAsses.nutrition = this.accepts.nutrition + ''
227 
-                this.receiveTreatmentAsses.psychological_assessment = this.accepts.psychological_assessment + ''
228 
-                this.receiveTreatmentAsses.psychological_assessment_other = this.accepts.psychological_assessment_other + ''
229 
-                this.receiveTreatmentAsses.score = this.accepts.score
230 
-                this.receiveTreatmentAsses.sick_condition_other = this.accepts.sick_condition_other
231 
-
232 
-                this.receiveTreatmentAsses.precaution = this.accepts.precaution + ''
233 
-                this.receiveTreatmentAsses.precaution_other = this.accepts.precaution_other
234 
-                this.receiveTreatmentAsses.psychological_other = this.accepts.psychological_other
235 
-
236 
-
237 
-              }
238 
-            }
239 
-          })
240 
-        } else {
241 
-          this.receiveTreatmentAsses.way = this.accepts.way + ''
242 
-          this.receiveTreatmentAsses.consciousness =
243 
-            this.accepts.consciousness + ''
244 
-          this.receiveTreatmentAsses.appetite = this.accepts.appetite + ''
245 
-          this.receiveTreatmentAsses.condition = this.accepts.condition + ''
246 
-          this.receiveTreatmentAsses.posture = this.accepts.posture + ''
247 
-          this.receiveTreatmentAsses.sick_condition = this.accepts.sick_condition + ''
248 
-          this.receiveTreatmentAsses.danger_level = this.accepts.danger_level + ''
249 
-          this.receiveTreatmentAsses.intake = this.accepts.intake + ''
250 
-          this.receiveTreatmentAsses.nutrition = this.accepts.nutrition + ''
251 
-          this.receiveTreatmentAsses.psychological_assessment = this.accepts.psychological_assessment + ''
252 
-          this.receiveTreatmentAsses.psychological_assessment_other = this.accepts.psychological_assessment_other + ''
253 
-          this.receiveTreatmentAsses.score = this.accepts.score
254 
-          this.receiveTreatmentAsses.sick_condition_other = this.accepts.sick_condition_other
238 
+        this.receiveTreatmentAsses.way = this.accepts.way + "";
239 
+        this.receiveTreatmentAsses.consciousness =
240 
+          this.accepts.consciousness + "";
241 
+        this.receiveTreatmentAsses.appetite = this.accepts.appetite + "";
242 
+        this.receiveTreatmentAsses.condition = this.accepts.condition + "";
243 
+        this.receiveTreatmentAsses.posture = this.accepts.posture + "";
244 
+        this.receiveTreatmentAsses.sick_condition =
245 
+          this.accepts.sick_condition + "";
246 
+        this.receiveTreatmentAsses.danger_level =
247 
+          this.accepts.danger_level + "";
248 
+        this.receiveTreatmentAsses.intake = this.accepts.intake + "";
249 
+        this.receiveTreatmentAsses.nutrition = this.accepts.nutrition + "";
250 
+        this.receiveTreatmentAsses.psychological_assessment =
251 
+          this.accepts.psychological_assessment + "";
252 
+        this.receiveTreatmentAsses.psychological_assessment_other =
253 
+          this.accepts.psychological_assessment_other + "";
254 
+        this.receiveTreatmentAsses.score = this.accepts.score;
255 
+        this.receiveTreatmentAsses.sick_condition_other = this.accepts.sick_condition_other;
255
256
256 
-          this.receiveTreatmentAsses.precaution = this.accepts.precaution +''
257 
-          this.receiveTreatmentAsses.precaution_other = this.accepts.precaution_other
258 
-          this.receiveTreatmentAsses.psychological_other = this.accepts.psychological_other
257 
+        this.receiveTreatmentAsses.precaution = this.accepts.precaution + "";
258 
+        this.receiveTreatmentAsses.precaution_other = this.accepts.precaution_other;
259 
+        this.receiveTreatmentAsses.psychological_other = this.accepts.psychological_other;
260 
+      }
261 
+    }
259
262
263 
+    var date = this.$route.query && this.$route.query.date;
264 
+    date *= 1000;
265 
+    var newDate = new Date(date);
260
266
267 
+    var y = newDate.getFullYear();
268 
+    var m = newDate.getMonth() + 1;
269 
+    var d = newDate.getDate();
270 
+    if (isNaN(y) || isNaN(m) || isNaN(d)) {
271 
+      newDate = new Date();
272 
+      y = newDate.getFullYear();
273 
+      m = newDate.getMonth() + 1;
274 
+      d = newDate.getDate();
275 
+    }
276 
+    this.record_date =
277 
+      y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d);
278 
+    this.patient.id = this.patient_prop.id;
279 
+  },
280 
+  methods: {
281 
+    isShow(name) {
282 
+      var filedList = this.$store.getters.user.fileds;
283 
+      for (let i = 0; i < filedList.length; i++) {
284 
+        if (
285 
+          filedList[i].module == 2 &&
286 
+          filedList[i].filed_name_cn == name &&
287 
+          filedList[i].is_show == 1
288 
+        ) {
289 
+          return true;
261 
         }
 290 
         }
262 
       }
 291 
       }
292 
+      return false;
293 
+    },
263
294
264 
-      var date = this.$route.query && this.$route.query.date
265 
-      date *= 1000
266 
-      var newDate = new Date(date)
295 
+    commitInfo: function () {
296 
+      Toast.loading({forbidClick: true, duration: 0})
297 
+      let ParamsQuery = this.receiveTreatmentAsses
298 
+      // ParamsQuery["patient"] =  this.patient.id
299 
+      ParamsQuery['patient'] = this.$route.query.patient_id
300 
+      ParamsQuery['record_date'] = this.record_date
267
301
268 
-      var y = newDate.getFullYear()
269 
-      var m = newDate.getMonth() + 1
270 
-      var d = newDate.getDate()
271 
-      if (isNaN(y) || isNaN(m) || isNaN(d)) {
272 
-        newDate = new Date()
273 
-        y = newDate.getFullYear()
274 
-        m = newDate.getMonth() + 1
275 
-        d = newDate.getDate()
276 
-      }
277 
-      this.record_date =
278 
-        y + '-' + (m < 10 ? '0' + m : m) + '-' + (d < 10 ? '0' + d : d)
279 
-      this.patient.id = this.patient_prop.id
280 
-    },
281 
-    methods: {
282 
-      isShow(name){
283 
-        var filedList = this.$store.getters.user.fileds
284 
-        for (let i = 0; i < filedList.length; i++){
285 
-          if(filedList[i].module == 2 && filedList[i].filed_name_cn == name&&filedList[i].is_show == 1){
286 
-            return true
302 
+      commitAcceptsAssessment(ParamsQuery).then(response => {
303 
+        if (response.data.state == 0) {
304 
+          Toast.fail(response.data.msg)
305 
+          return false
306 
+        } else {
307 
+          Toast.success('提交成功')
308 
+          for (const key in response.data.data.receiveTreatmentAsses) {
309 
+            this.accepts[key] = response.data.data.receiveTreatmentAsses[key]
287 
           }
 310 
           }
311 
+          this.finish()
288 
         }
 312 
         }
289 
-
290 
-        return false
291 
-      },
292 
-      commitInfo: function () {
293 
-        Toast.loading({forbidClick: true, duration: 0})
294 
-        let ParamsQuery = this.receiveTreatmentAsses
295 
-        // ParamsQuery["patient"] =  this.patient.id
296 
-        ParamsQuery['patient'] = this.$route.query.patient_id
297 
-        ParamsQuery['record_date'] = this.record_date
313 
+      })
314 
+    },
298
315
299 
-        commitAcceptsAssessment(ParamsQuery).then(response => {
300 
-          if (response.data.state == 0) {
301 
-            Toast.fail(response.data.msg)
302 
-            return false
303 
-          } else {
304 
-            Toast.success('提交成功')
305 
-            for (const key in response.data.data.receiveTreatmentAsses) {
306 
-              this.accepts[key] = response.data.data.receiveTreatmentAsses[key]
307 
-            }
308 
-            this.finish()
309 
-          }
310 
-        })
311 
-      },
312 
-      finish: function () {
313 
-        this.$emit('finish')
314 
-      },
315 
-      close: function () {
316 
-        this.$emit('close')
317 
-      }
316 
+
317 
+    finish: function() {
318 
+      this.$emit("finish");
319 
+    },
320 
+    close: function() {
321 
+      this.$emit("close");
318 
     }
 322 
     }
319 
   }
 323 
   }
324 
+};
320 
 </script>
 325 
 </script>
321
326
322 
 <style style="stylesheet/scss" lang="scss" scoped>
 327 
 <style style="stylesheet/scss" lang="scss" scoped>
323 
-  .choose {
328 
+.choose {
324 
   .el-form-item {
 329 
   .el-form-item {
325 
-  margin-bottom: 0;
326 
-  border-bottom: 1px #e5e5e5 solid;
327 
-  padding: 0.15rem 0.36rem;
328 
-  .el-radio {
329 
-  font-size: 18px;
330 
-  }
331 
-
330 
+    margin-bottom: 0;
331 
+    border-bottom: 1px #e5e5e5 solid;
332 
+    padding: 0.15rem 0.36rem;
333 
+    .el-radio {
334 
+      font-size: 18px;
335 
+    }
332 
   }
 336 
   }
333 
   .button {
 337 
   .button {
334 
-  text-align: center;
335 
-  margin-top: 1rem;
336 
-  .submitButton {
337 
-  width: 3rem;
338 
-  height: 0.8rem;
339 
-  line-height: 0.8rem;
340 
-  background: $main-color;
341 
-  color: #fff;
342 
-  font-size: 0.3rem;
343 
-  text-align: center;
344 
-  border-radius: 6px;
345 
-  }
346 
-  }
338 
+    text-align: center;
339 
+    margin-top: 1rem;
340 
+    .submitButton {
341 
+      width: 3rem;
342 
+      height: 0.8rem;
343 
+      line-height: 0.8rem;
344 
+      background: $main-color;
345 
+      color: #fff;
346 
+      font-size: 0.3rem;
347 
+      text-align: center;
348 
+      border-radius: 6px;
349 
+    }
347 
   }
 350 
   }
351 
+}
352 
+</style>
353 
+<style lang="scss">
354 
+.el-radio {
355 
+  margin-right: 26px;
356 
+  width: 2.4rem;
357 
+}
358 
+.el-radio__inner {
359 
+  width: 20px;
360 
+  height: 20px;
361 
+}
348 
 </style>
 362 
 </style>
349
363

+ 162 - 54
src/pages/main/dialog/AssessmentDialog.vue View File

4 
       <div class="DialogTit">
 4 
       <div class="DialogTit">
5 
         <span class="iconfont" @click="close()">&#xe6e9;</span>
 5 
         <span class="iconfont" @click="close()">&#xe6e9;</span>
6 
         <h1 class="name">透前评估</h1>
 6 
         <h1 class="name">透前评估</h1>
7 
-        <span @click="commitInfo" class="success">完成</span>
7 
+        <span @click="commitInfo" class="success">保存</span>
8 
       </div>
 8 
       </div>
9
9
10 
       <div class="DialogContent" id="dialogTop">
 10 
       <div class="DialogContent" id="dialogTop">
16 
         </div>
 16 
         </div>
17
17
18
18
19 
-        <div class="item" v-if="isShow('干体重')&&this.$store.getters.user.template_info.template_id == 6" @click="showDryWeight">
19 
+        <div class="item" v-if="isShow('干体重')&&this.$store.getters.user.template_info.template_id == 6">
20 
           <h2 class="name">干体重(kg)</h2>
 20 
           <h2 class="name">干体重(kg)</h2>
21 
-          <div class="content" >
21 
+          <div class="content" @click="showDryWeight">
22 
             <input type="tel" @focus="inputFocus" v-model="formValue.dry_weight" disabled="disabled"/>
 22 
             <input type="tel" @focus="inputFocus" v-model="formValue.dry_weight" disabled="disabled"/>
23 
           </div>
 23 
           </div>
24 
         </div>
 24 
         </div>
25 
-
26 
-        <div class="item" v-if="isShow('干体重')&& this.$store.getters.user.template_info.template_id != 6">
25 
+        <div
26 
+          class="item"
27 
+          v-if="isShow('干体重')&& this.$store.getters.user.template_info.template_id != 6"
28 
+        >
27 
           <h2 class="name">干体重(kg)</h2>
 29 
           <h2 class="name">干体重(kg)</h2>
28 
           <div class="content">
 30 
           <div class="content">
29 
-            <input type="tel" @focus="inputFocus" v-model="formValue.dry_weight" />
31 
+            <input type="tel" @focus="inputFocus" v-model="formValue.dry_weight"/>
30 
           </div>
 32 
           </div>
31 
         </div>
 33 
         </div>
32
34
33 
-
34 
         <div class="item" v-if="isShow('衣物重')">
 35 
         <div class="item" v-if="isShow('衣物重')">
35 
           <h2 class="name">衣物重(kg)</h2>
 36 
           <h2 class="name">衣物重(kg)</h2>
36 
           <div class="content">
 37 
           <div class="content">
61 
           </div>
 62 
           </div>
62 
         </div>
 63 
         </div>
63
64
64 
-        <div @click="showSubMenu('hemorrhage')" class="item" ref="hemorrhage" v-if="hemorrhage_state&&isShow('出血选项')">
65 
+        <div
66 
+          @click="showSubMenu('hemorrhage')"
67 
+          class="item"
68 
+          ref="hemorrhage"
69 
+          v-if="hemorrhage_state&&isShow('出血选项')"
70 
+        >
65 
           <h2 class="name">—— 出血选项</h2>
 71 
           <h2 class="name">—— 出血选项</h2>
66 
           <div class="content">
 72 
           <div class="content">
67 
             <span class="text" style="width: 50px">{{formValue.hemorrhage}}</span>
 73 
             <span class="text" style="width: 50px">{{formValue.hemorrhage}}</span>
74 
             <input @focus="inputFocus" v-model="formValue.hemorrhage_other"/>
 80 
             <input @focus="inputFocus" v-model="formValue.hemorrhage_other"/>
75 
           </div>
 81 
           </div>
76 
         </div>
 82 
         </div>
77 
-        <div @click="showSubMenu('internal_fistula')" class="item" ref="internal_fistula" v-if="isShow('内瘘')">
83 
+        <div
84 
+          @click="showSubMenu('internal_fistula')"
85 
+          class="item"
86 
+          ref="internal_fistula"
87 
+          v-if="isShow('内瘘')"
88 
+        >
78 
           <h2 class="name">内瘘</h2>
 89 
           <h2 class="name">内瘘</h2>
79 
           <div class="content">
 90 
           <div class="content">
80 
             <span class="text" style="width: 100px">{{formValue.internal_fistula}}</span>
 91 
             <span class="text" style="width: 100px">{{formValue.internal_fistula}}</span>
81 
             <span class="iconfont">&#xe6f9;</span>
 92 
             <span class="iconfont">&#xe6f9;</span>
82 
           </div>
 93 
           </div>
83 
         </div>
 94 
         </div>
84 
-        <div @click="showSubMenu('internal_fistula_skin')" class="item" ref="internal_fistula_skin" v-if="isShow('内瘘皮肤情况')">
95 
+        <div
96 
+          @click="showSubMenu('internal_fistula_skin')"
97 
+          class="item"
98 
+          ref="internal_fistula_skin"
99 
+          v-if="isShow('内瘘皮肤情况')"
100 
+        >
85 
           <h2 class="name">内瘘皮肤情况</h2>
 101 
           <h2 class="name">内瘘皮肤情况</h2>
86 
           <div class="content">
 102 
           <div class="content">
87 
             <span class="text" style="width: 100px">{{formValue.internal_fistula_skin}}</span>
 103 
             <span class="text" style="width: 100px">{{formValue.internal_fistula_skin}}</span>
95 
             <span class="iconfont">&#xe6f9;</span>
 111 
             <span class="iconfont">&#xe6f9;</span>
96 
           </div>
 112 
           </div>
97 
         </div>
 113 
         </div>
98 
-        <div @click="showSubMenu('catheter_bend')" class="item" ref="catheter_bend" v-if="isShow('导管打折')">
114 
+        <div
115 
+          @click="showSubMenu('catheter_bend')"
116 
+          class="item"
117 
+          ref="catheter_bend"
118 
+          v-if="isShow('导管打折')"
119 
+        >
99 
           <h2 class="name">导管打折</h2>
 120 
           <h2 class="name">导管打折</h2>
100 
           <div class="content">
 121 
           <div class="content">
101 
             <span class="text">{{GetCatheterBendById(formValue.catheter_bend)}}</span>
 122 
             <span class="text">{{GetCatheterBendById(formValue.catheter_bend)}}</span>
122 
             <input type="tel" @focus="inputFocus" v-model="formValue.pulse_frequency"/>
 143 
             <input type="tel" @focus="inputFocus" v-model="formValue.pulse_frequency"/>
123 
           </div>
 144 
           </div>
124 
         </div>
 145 
         </div>
125 
-        <div @click="showSubMenu('blood_access_part')" class="item" ref="blood_access_part" v-if="isShow('血管通路部位')">
146 
+        <div
147 
+          @click="showSubMenu('blood_access_part')"
148 
+          class="item"
149 
+          ref="blood_access_part"
150 
+          v-if="isShow('血管通路部位')"
151 
+        >
126 
           <h2 class="name">血管通路部位</h2>
 152 
           <h2 class="name">血管通路部位</h2>
127 
           <div class="content">
 153 
           <div class="content">
128 
             <span class="text">{{QueryPartById(formValue.blood_access_part_id)}}</span>
 154 
             <span class="text">{{QueryPartById(formValue.blood_access_part_id)}}</span>
129 
             <span class="iconfont">&#xe6f9;</span>
 155 
             <span class="iconfont">&#xe6f9;</span>
130 
           </div>
 156 
           </div>
131 
         </div>
 157 
         </div>
132 
-        <div @click="showSubMenu('blood_access_opera')" class="item" ref="blood_access_opera" v-if="isShow('血管通路操作')">
158 
+        <div
159 
+          @click="showSubMenu('blood_access_opera')"
160 
+          class="item"
161 
+          ref="blood_access_opera"
162 
+          v-if="isShow('血管通路操作')"
163 
+        >
133 
           <h2 class="name">血管通路操作</h2>
 164 
           <h2 class="name">血管通路操作</h2>
134 
           <div class="content">
 165 
           <div class="content">
135 
             <span class="text">{{QueryOperaById(formValue.blood_access_part_opera_id)}}</span>
 166 
             <span class="text">{{QueryOperaById(formValue.blood_access_part_opera_id)}}</span>
138 
         </div>
 169 
         </div>
139 
         <div class="line"></div>
 170 
         <div class="line"></div>
140
171
141 
-        <div @click="showSubMenu('complication')" class="item" ref="complication" v-if="isShow('并发症')">
172 
+        <div
173 
+          @click="showSubMenu('complication')"
174 
+          class="item"
175 
+          ref="complication"
176 
+          v-if="isShow('并发症')"
177 
+        >
142 
           <h2 class="name">并发症</h2>
 178 
           <h2 class="name">并发症</h2>
143 
           <div class="content">
 179 
           <div class="content">
144 
             <span class="text" style="width: 50px">{{formValue.complication}}</span>
 180 
             <span class="text" style="width: 50px">{{formValue.complication}}</span>
145 
             <span class="iconfont">&#xe6f9;</span>
 181 
             <span class="iconfont">&#xe6f9;</span>
146 
           </div>
 182 
           </div>
147 
         </div>
 183 
         </div>
148 
-        <div @click="showSubMenu('last_post_dialysis')" class="item" ref="last_post_dialysis" v-if="isShow('前次透析后')">
184 
+        <div
185 
+          @click="showSubMenu('last_post_dialysis')"
186 
+          class="item"
187 
+          ref="last_post_dialysis"
188 
+          v-if="isShow('前次透析后')"
189 
+        >
149 
           <h2 class="name">前次透析后</h2>
 190 
           <h2 class="name">前次透析后</h2>
150 
           <div class="content">
 191 
           <div class="content">
151 
             <span class="text" style="width: 100px">{{formValue.last_post_dialysis}}</span>
 192 
             <span class="text" style="width: 100px">{{formValue.last_post_dialysis}}</span>
152 
             <span class="iconfont">&#xe6f9;</span>
 193 
             <span class="iconfont">&#xe6f9;</span>
153 
           </div>
 194 
           </div>
154 
         </div>
 195 
         </div>
155 
-        <div @click="showSubMenu('dialysis_interphase')" class="item" ref="dialysis_interphase" v-if="isShow('透析期间')">
196 
+        <div
197 
+          @click="showSubMenu('dialysis_interphase')"
198 
+          class="item"
199 
+          ref="dialysis_interphase"
200 
+          v-if="isShow('透析期间')"
201 
+        >
156 
           <h2 class="name">透析期间</h2>
 202 
           <h2 class="name">透析期间</h2>
157 
           <div class="content">
 203 
           <div class="content">
158 
             <span class="text" style="width: 100px">{{formValue.dialysis_interphase}}</span>
 204 
             <span class="text" style="width: 100px">{{formValue.dialysis_interphase}}</span>
159 
             <span class="iconfont">&#xe6f9;</span>
 205 
             <span class="iconfont">&#xe6f9;</span>
160 
           </div>
 206 
           </div>
161 
         </div>
 207 
         </div>
162 
-        <div @click="showSubMenu('symptom_before_dialysis')" class="item" ref="symptom_before_dialysis" v-if="isShow('透析前症状')">
208 
+        <div
209 
+          @click="showSubMenu('symptom_before_dialysis')"
210 
+          class="item"
211 
+          ref="symptom_before_dialysis"
212 
+          v-if="isShow('透析前症状')"
213 
+        >
163 
           <h2 class="name">透析前症状</h2>
 214 
           <h2 class="name">透析前症状</h2>
164 
           <div class="content">
 215 
           <div class="content">
165 
             <span class="text" style="width: 100px">{{formValue.symptom_before_dialysis}}</span>
 216 
             <span class="text" style="width: 100px">{{formValue.symptom_before_dialysis}}</span>
182 
             <input type="tel" @focus="inputFocus" v-model="formValue.dialysis_count"/>
 233 
             <input type="tel" @focus="inputFocus" v-model="formValue.dialysis_count"/>
183 
           </div>
 234 
           </div>
184 
         </div>
 235 
         </div>
185 
-        <div @click="showSubMenu('blood_access_internal_fistula')" class="item" ref="blood_access_internal_fistula" v-if="isShow('血管通路(内瘘)')">
236 
+        <div
237 
+          @click="showSubMenu('blood_access_internal_fistula')"
238 
+          class="item"
239 
+          ref="blood_access_internal_fistula"
240 
+          v-if="isShow('血管通路(内瘘)')"
241 
+        >
186 
           <h2 class="name">血管通路(内瘘)</h2>
 242 
           <h2 class="name">血管通路(内瘘)</h2>
187 
           <div class="content">
 243 
           <div class="content">
188 
             <span class="text" style="width: 100px">{{formValue.blood_access_internal_fistula}}</span>
 244 
             <span class="text" style="width: 100px">{{formValue.blood_access_internal_fistula}}</span>
197 
           </div>
 253 
           </div>
198 
         </div>
 254 
         </div>
199
255
200 
-        <div @click="showSubMenu('blood_access_noise')" class="item" ref="blood_access_noise" v-if="isShow('血管杂音')">
256 
+        <div
257 
+          @click="showSubMenu('blood_access_noise')"
258 
+          class="item"
259 
+          ref="blood_access_noise"
260 
+          v-if="isShow('血管杂音')"
261 
+        >
201 
           <h2 class="name">血管杂音</h2>
 262 
           <h2 class="name">血管杂音</h2>
202 
           <div class="content">
 263 
           <div class="content">
203 
-            <span class="text" style="width: 100px">{{getBloodAccessNoise(formValue.blood_access_noise)}}</span>
264 
+            <span
265 
+              class="text"
266 
+              style="width: 100px"
267 
+            >{{getBloodAccessNoise(formValue.blood_access_noise)}}</span>
204 
             <span class="iconfont">&#xe6f9;</span>
 268 
             <span class="iconfont">&#xe6f9;</span>
205 
           </div>
 269 
           </div>
206 
         </div>
 270 
         </div>
207
271
208 
-
209 
-        <div @click="showSubMenu('puncture_needle')" class="item" ref="puncture_needle" v-if="isShow('穿刺针')">
272 
+        <div
273 
+          @click="showSubMenu('puncture_needle')"
274 
+          class="item"
275 
+          ref="puncture_needle"
276 
+          v-if="isShow('穿刺针')"
277 
+        >
210 
           <h2 class="name">穿刺针</h2>
 278 
           <h2 class="name">穿刺针</h2>
211 
           <div class="content">
 279 
           <div class="content">
212 
             <span class="text" style="width: 100px">{{formValue.puncture_needle}}</span>
 280 
             <span class="text" style="width: 100px">{{formValue.puncture_needle}}</span>
214 
           </div>
 282 
           </div>
215 
         </div>
 283 
         </div>
216
284
217 
-
218 
-        <div @click="showSubMenu('puncture_way')" class="item" ref="puncture_way" v-if="isShow('穿刺方式')">
285 
+        <div
286 
+          @click="showSubMenu('puncture_way')"
287 
+          class="item"
288 
+          ref="puncture_way"
289 
+          v-if="isShow('穿刺方式')"
290 
+        >
219 
           <h2 class="name">穿刺方式</h2>
 291 
           <h2 class="name">穿刺方式</h2>
220 
           <div class="content">
 292 
           <div class="content">
221 
             <span class="text" style="width: 100px">{{getWay(formValue.puncture_way)}}</span>
 293 
             <span class="text" style="width: 100px">{{getWay(formValue.puncture_way)}}</span>
223 
           </div>
 295 
           </div>
224 
         </div>
 296 
         </div>
225
297
226 
-
227 
-        <div @click="showSubMenu('venous_catheterization')" class="item" ref="venous_catheterization" v-if="isShow('中心静脉置管')">
298 
+        <div
299 
+          @click="showSubMenu('venous_catheterization')"
300 
+          class="item"
301 
+          ref="venous_catheterization"
302 
+          v-if="isShow('中心静脉置管')"
303 
+        >
228 
           <h2 class="name">中心静脉置管</h2>
 304 
           <h2 class="name">中心静脉置管</h2>
229 
           <div class="content">
 305 
           <div class="content">
230 
-            <span class="text" style="width: 100px">{{getVenousCatheterization(formValue.venous_catheterization)}}</span>
306 
+            <span
307 
+              class="text"
308 
+              style="width: 100px"
309 
+            >{{getVenousCatheterization(formValue.venous_catheterization)}}</span>
231 
             <span class="iconfont">&#xe6f9;</span>
 310 
             <span class="iconfont">&#xe6f9;</span>
232 
           </div>
 311 
           </div>
233 
         </div>
 312 
         </div>
234
313
235 
-
236 
-        <div @click="showSubMenu('venous_catheterization_part')" class="item" ref="venous_catheterization_part" v-if="isShow('位置')">
314 
+        <div
315 
+          @click="showSubMenu('venous_catheterization_part')"
316 
+          class="item"
317 
+          ref="venous_catheterization_part"
318 
+          v-if="isShow('位置')"
319 
+        >
237 
           <h2 class="name">位置</h2>
 320 
           <h2 class="name">位置</h2>
238 
           <div class="content">
 321 
           <div class="content">
239 
-            <span class="text" style="width: 100px">{{getVenousCatheterizationPart(formValue.venous_catheterization_part)}}</span>
322 
+            <span
323 
+              class="text"
324 
+              style="width: 100px"
325 
+            >{{getVenousCatheterizationPart(formValue.venous_catheterization_part)}}</span>
240 
             <span class="iconfont">&#xe6f9;</span>
 326 
             <span class="iconfont">&#xe6f9;</span>
241 
           </div>
 327 
           </div>
242 
         </div>
 328 
         </div>
243
329
244 
-        <div class="item" ref="venous_catheterization_part_other"
245 
-             v-if="isShow('其他位置')">
330 
+        <div class="item" ref="venous_catheterization_part_other" v-if="isShow('其他位置')">
246 
           <h2 class="name">其他位置</h2>
 331 
           <h2 class="name">其他位置</h2>
247 
           <div class="content">
 332 
           <div class="content">
248 
             <input @focus="inputFocus" v-model="formValue.venous_catheterization_part_other"/>
 333 
             <input @focus="inputFocus" v-model="formValue.venous_catheterization_part_other"/>
249 
           </div>
 334 
           </div>
250 
         </div>
 335 
         </div>
251
336
252 
-
253 
-        <div @click="showSubMenu('ductus_arantii')" class="item" ref="ductus_arantii" v-if="isShow('中心静脉导管')">
337 
+        <div
338 
+          @click="showSubMenu('ductus_arantii')"
339 
+          class="item"
340 
+          ref="ductus_arantii"
341 
+          v-if="isShow('中心静脉导管')"
342 
+        >
254 
           <h2 class="name">中心静脉导管</h2>
 343 
           <h2 class="name">中心静脉导管</h2>
255 
           <div class="content">
 344 
           <div class="content">
256 
             <span class="text" style="width: 100px">{{formValue.ductus_arantii}}</span>
 345 
             <span class="text" style="width: 100px">{{formValue.ductus_arantii}}</span>
265 
           </div>
 354 
           </div>
266 
         </div>
 355 
         </div>
267
356
268 
-
269 
-        <div @click="showSubMenu('emergency_treatment')" class="item" ref="emergency_treatment" v-if="isShow('急诊')">
357 
+        <div
358 
+          @click="showSubMenu('emergency_treatment')"
359 
+          class="item"
360 
+          ref="emergency_treatment"
361 
+          v-if="isShow('急诊')"
362 
+        >
270 
           <h2 class="name">急诊</h2>
 363 
           <h2 class="name">急诊</h2>
271 
           <div class="content">
 364 
           <div class="content">
272 
-            <span class="text" style="width: 100px">{{getEmergencyTreatment(formValue.emergency_treatment)}}</span>
365 
+            <span
366 
+              class="text"
367 
+              style="width: 100px"
368 
+            >{{getEmergencyTreatment(formValue.emergency_treatment)}}</span>
273 
             <span class="iconfont">&#xe6f9;</span>
 369 
             <span class="iconfont">&#xe6f9;</span>
274 
           </div>
 370 
           </div>
275 
         </div>
 371 
         </div>
281 
           </div>
 377 
           </div>
282 
         </div>
 378 
         </div>
283
379
284 
-
285 
-
286 
-        <div class="item" v-if="isShow('感染')" @click="showSubMenu('infect_state')" ref="infect_state">
380 
+        <div
381 
+          class="item"
382 
+          v-if="isShow('感染')"
383 
+          @click="showSubMenu('infect_state')"
384 
+          ref="infect_state"
385 
+        >
287 
           <h2 class="name">感染</h2>
 386 
           <h2 class="name">感染</h2>
288 
           <div class="content">
 387 
           <div class="content">
289 
             <span v-if="formValue.is_infect == 0" class="text" style="width: 50px"></span>
 388 
             <span v-if="formValue.is_infect == 0" class="text" style="width: 50px"></span>
300 
           </div>
 399 
           </div>
301 
         </div>
 400 
         </div>
302
401
303 
-
304 
-
305 
         <div class="item" v-if="isShow('外露')">
 402 
         <div class="item" v-if="isShow('外露')">
306 
           <h2 class="name">外露(cm)</h2>
 403 
           <h2 class="name">外露(cm)</h2>
307 
           <div class="content">
 404 
           <div class="content">
309 
           </div>
 406 
           </div>
310 
         </div>
 407 
         </div>
311
408
312 
-
313 
         <div @click="showSubMenu('skin')" class="item" ref="skin" v-if="isShow('皮肤')">
 409 
         <div @click="showSubMenu('skin')" class="item" ref="skin" v-if="isShow('皮肤')">
314 
           <h2 class="name">皮肤</h2>
 410 
           <h2 class="name">皮肤</h2>
315 
           <div class="content">
 411 
           <div class="content">
325 
           </div>
 421 
           </div>
326 
         </div>
 422 
         </div>
327
423
328 
-
329 
-
330 
         <div class="line"></div>
 424 
         <div class="line"></div>
331 
         <div>
 425 
         <div>
332 
           <div class="item">
 426 
           <div class="item">
335 
               <span class="text"></span>
 429 
               <span class="text"></span>
336 
             </div>
 430 
             </div>
337 
           </div>
 431 
           </div>
338 
-          <textarea class="textarea" placeholder="请输入内容" @focus="lastInputFocus" @blur="lastInputBlur"
339 
-                    v-model="formValue.remark"></textarea>
432 
+          <textarea
433 
+            class="textarea"
434 
+            placeholder="请输入内容"
435 
+            @focus="lastInputFocus"
436 
+            @blur="lastInputBlur"
437 
+            v-model="formValue.remark"
438 
+          ></textarea>
340 
         </div>
 439 
         </div>
341 
       </div>
 440 
       </div>
342 
     </div>
 441 
     </div>
343
442
344 
-    <check-box-sub-menu :visibility="visibility" v-on:menu-cancle="menuCancle" v-on:menu-comfirm="menuComfirm" v-on:menu-empty="menuEmpty"
345 
-                        :propsForm="propForm"></check-box-sub-menu>
346 
-
347 
-    <dry-weight-menu ref="dry"  v-on:menu-cancle-two="menuDryCancle" v-on:menu-comfirm-two="menuDryComfirm" :propsForm="propDryForm"></dry-weight-menu>
348 
-
443 
+    <check-box-sub-menu
444 
+      :visibility="visibility"
445 
+      v-on:menu-cancle="menuCancle"
446 
+      v-on:menu-comfirm="menuComfirm"
447 
+      v-on:menu-empty="menuEmpty"
448 
+      :propsForm="propForm"
449 
+    ></check-box-sub-menu>
450 
+
451 
+    <dry-weight-menu
452 
+      ref="dry"
453 
+      v-on:menu-cancle-two="menuDryCancle"
454 
+      v-on:menu-comfirm-two="menuDryComfirm"
455 
+      :propsForm="propDryForm"
456 
+    ></dry-weight-menu>
349 
   </div>
 457 
   </div>
350 
 </template>
 458 
 </template>
351
459
1320 
   }
 1428 
   }
1321 
 </script>
 1429 
 </script>
1322
1430
1431 
+
1323 
 <style style="stylesheet/scss" lang="scss" scoped>
 1432 
 <style style="stylesheet/scss" lang="scss" scoped>
1324 
   .textarea {
 1433 
   .textarea {
1325 
   width: 100%;
 1434 
   width: 100%;
1326 
   height: 2.4rem;
 1435 
   height: 2.4rem;
1327 
   line-height: 0.6rem;
 1436 
   line-height: 0.6rem;
1328 
   color: $pgh-color;
 1437 
   color: $pgh-color;
1329 
-  font-size: 0.28rem;
1438 
+  font-size: 0.45rem;
1330 
   padding-left: 0.36rem;
 1439 
   padding-left: 0.36rem;
1331 
   border: none;
 1440 
   border: none;
1332 
   border-bottom: 1px #e5e5e5 solid;
 1441 
   border-bottom: 1px #e5e5e5 solid;
1333 
   }
 1442 
   }
1334 
-
1335 
 </style>
 1443 
 </style>
1336
1444

+ 158 - 35
src/pages/main/dialog/ComputerDialog.vue View File

1 
 <template>
 1 
 <template>
2 
   <div>
 2 
   <div>
3 
-
4 
     <div class="Dialog" v-show="!selecting">
 3 
     <div class="Dialog" v-show="!selecting">
5 
       <div class="DialogTit">
 4 
       <div class="DialogTit">
6 
         <span @click="close()" class="iconfont">&#xe6e9;</span>
 5 
         <span @click="close()" class="iconfont">&#xe6e9;</span>
7 
         <h1 class="name">透析上机</h1>
 6 
         <h1 class="name">透析上机</h1>
8 
-        <span class="success" v-if="this.record.id == 0 || this.$store.getters.user.user.id != this.creator"></span>
9 
-        <span class="success" @click="modify()" v-if="isPremission|| this.$store.getters.user.user.id == this.creator">修改</span>
7 
+        <span
8 
+          class="success"
9 
+          v-if="this.record.id == 0 || this.$store.getters.user.user.id != this.creator"
10 
+        ></span>
11 
+        <span
12 
+          class="success"
13 
+          @click="modify()"
14 
+          v-if="isPremission|| this.$store.getters.user.user.id == this.creator"
15 
+        >修改</span>
10 
       </div>
 16 
       </div>
11
17
12 
-      <div class="DialogContent ">
18 
+      <div class="DialogContent">
13 
         <div class="item" @click="select_bed">
 19 
         <div class="item" @click="select_bed">
14 
           <h2 class="name">上机床位</h2>
 20 
           <h2 class="name">上机床位</h2>
15 
           <div class="content">
 21 
           <div class="content">
28 
         <div class="item" @click="select_puncture_nurse">
 34 
         <div class="item" @click="select_puncture_nurse">
29 
           <h2 class="name">穿刺者</h2>
 35 
           <h2 class="name">穿刺者</h2>
30 
           <div class="content">
 36 
           <div class="content">
31 
-            <span class="text" style="width: 100px" v-if="admin_map[puncture_nurse_id]">{{ admin_map[puncture_nurse_id].name}}</span>
37 
+            <span
38 
+              class="text"
39 
+              style="width: 100px"
40 
+              v-if="admin_map[puncture_nurse_id]"
41 
+            >{{ admin_map[puncture_nurse_id].name}}</span>
32 
             <span class="iconfont">&#xe6f9;</span>
 42 
             <span class="iconfont">&#xe6f9;</span>
33 
           </div>
 43 
           </div>
34 
         </div>
 44 
         </div>
36 
         <div class="item" v-if="template_id == 6">
 46 
         <div class="item" v-if="template_id == 6">
37 
           <label class="name" for="xll">引血(ml/min)</label>
 47 
           <label class="name" for="xll">引血(ml/min)</label>
38 
           <div class="content">
 48 
           <div class="content">
39 
-            <input type="tel" @focus="inputFocus"  id="xll" v-model="blood_drawing"/>
49 
+            <input type="tel" @focus="inputFocus" id="xll" v-model="blood_drawing" />
40 
           </div>
 50 
           </div>
41 
         </div>
 51 
         </div>
42
52
43 
         <div class="item">
 53 
         <div class="item">
44 
           <h2 class="name">上机时间</h2>
 54 
           <h2 class="name">上机时间</h2>
45 
           <div class="content">
 55 
           <div class="content">
46 
-            <span class="text" style="width: 100px" @click="selectStartTimeAction">{{ start_time_str }}</span>
56 
+            <span
57 
+              class="text"
58 
+              style="width: 100px"
59 
+              @click="selectStartTimeAction"
60 
+            >{{ start_time_str }}</span>
47 
             <span class="iconfont">&#xe6f9;</span>
 61 
             <span class="iconfont">&#xe6f9;</span>
48 
           </div>
 62 
           </div>
49 
         </div>
 63 
         </div>
50 
-
51 
-
52 
-
53 
-
54 
         <div class="perform">
 64 
         <div class="perform">
55 
           <button @click="commitInfo" v-if="(record == null || record.id == '')">执行上机</button>
 65 
           <button @click="commitInfo" v-if="(record == null || record.id == '')">执行上机</button>
56 
           <button :disabled="true" style="background-color:lightgray;" v-else>已上机</button>
 66 
           <button :disabled="true" style="background-color:lightgray;" v-else>已上机</button>
92 
         zone_beds: [], // 该排班的区里的床位
 102 
         zone_beds: [], // 该排班的区里的床位
93 
         creator: 0,
 103 
         creator: 0,
94 
         template_id: 0,
 104 
         template_id: 0,
95 
-        blood_drawing:100
105 
+        blood_drawing:100,
106 
+        schedual_type:0,
107 
+        schedules_type: [
108 
+          {id: 1, name:"上午"},
109 
+          {id: 2, name:"下午"},
110 
+          {id: 3, name:"晚上"},
111 
+        ], // 该排班的区里的床位
112 
+
96 
       }
 113 
       }
97 
     },
 114 
     },
98 
     props: {
 115 
     props: {
134 
       }
 151 
       }
135 
     },
 152 
     },
136 
     created () {
 153 
     created () {
154 
+      let now = new Date()
155 
+      let hour = now.getHours()
156 
+
157 
+      if (hour >= 6 && hour < 12){
158 
+        this.schedual_type = 1
159 
+
160 
+      }else if(hour >= 12 && hour < 18){
161 
+
162 
+        this.schedual_type = 2
163 
+
164 
+
165 
+      }else if(hour >= 18){
166 
+        this.schedual_type = 3
167 
+      }
168 
+
169 
+
170 
+      this.GetSchedualNumber()
137
171
138 
       this.template_id = this.$store.getters.user.template_info.template_id;
 172 
       this.template_id = this.$store.getters.user.template_info.template_id;
139 
       var date = this.$route.query && this.$route.query.date
 173 
       var date = this.$route.query && this.$route.query.date
167 
       // }
 201 
       // }
168 
       // this.zone_beds = beds
 202 
       // this.zone_beds = beds
169
203
170 
-      for (let index = 0; index < this.device_numbers.length; index++) {
171 
-        const device_number = this.device_numbers[index]
172 
-        this.device_numbers[index]['number'] = device_number['zone_name']+'-'+device_number['number']
173 
-      }
174 
-      this.zone_beds = this.device_numbers
175
204
176 
       if (this.record.id > 0) {
 205 
       if (this.record.id > 0) {
177 
         for (let i = 0; i < this.special_premission.length; i++) {
 206 
         for (let i = 0; i < this.special_premission.length; i++) {
193
222
194 
     },
 223 
     },
195 
     methods: {
 224 
     methods: {
225 
+      getSchedualType:function(type){
226 
+        console.log(type)
227 
+        for (let i = 0; i < this.schedules_type.length; i++){
228 
+          if(this.schedules_type[i].id == type){
229 
+            return  this.schedules_type[i].name
230 
+          }
231 
+        }
232 
+      },
233 
+      GetSchedualNumber:function(){
234 
+        let ParamsQuery = {}
235 
+        ParamsQuery['schedual_type'] = this.schedual_type
236 
+        GetSchedualNumber(ParamsQuery).then(response => {
237 
+          if (response.data.state == 0) {
238 
+            Toast.fail(response.data.msg)
239 
+            return false
240 
+          } else {
241 
+            this.device_numbers = response.data.data.number
242 
+            for (let index = 0; index < this.device_numbers.length; index++) {
243 
+              const device_number = this.device_numbers[index]
244 
+              this.device_numbers[index]['number'] = device_number['zone_name']+'-'+device_number['number']
245 
+            }
246 
+            this.zone_beds = this.device_numbers
247 
+          }
248 
+        })
249 
+      },
196 
       inputFocus: function (event) {
 250 
       inputFocus: function (event) {
197 
         var input = event.target
 251 
         var input = event.target
198 
         setTimeout(function () {
 252 
         setTimeout(function () {
253 
       commitInfo: function () {
 307 
       commitInfo: function () {
254 
         Toast.loading({forbidClick: true, duration: 0})
 308 
         Toast.loading({forbidClick: true, duration: 0})
255 
         let ParamsQuery = {}
 309 
         let ParamsQuery = {}
310 
+        ParamsQuery['schedual_type'] = this.schedual_type
256 
         ParamsQuery['patient_id'] = this.patient_prop.id
 311 
         ParamsQuery['patient_id'] = this.patient_prop.id
257 
         ParamsQuery['record_date'] = this.record_date
 312 
         ParamsQuery['record_date'] = this.record_date
258 
         ParamsQuery['nurse'] = this.nurse_id
 313 
         ParamsQuery['nurse'] = this.nurse_id
260 
         ParamsQuery['start_time'] = this.start_time_str
 315 
         ParamsQuery['start_time'] = this.start_time_str
261 
         ParamsQuery['puncture_nurse'] = this.puncture_nurse_id
 316 
         ParamsQuery['puncture_nurse'] = this.puncture_nurse_id
262 
         ParamsQuery['blood_drawing'] = this.blood_drawing
 317 
         ParamsQuery['blood_drawing'] = this.blood_drawing
318 
+        console.log(ParamsQuery)
263
319
264 
         startDialysis(ParamsQuery).then(response => {
 320 
         startDialysis(ParamsQuery).then(response => {
265 
           if (response.data.state == 0) {
 321 
           if (response.data.state == 0) {
267 
             return false
 323 
             return false
268 
           } else {
 324 
           } else {
269 
             Toast.success('上机成功')
 325 
             Toast.success('上机成功')
270 
-            var monitor = response.data.data.monitor
271 
-            // this.$emit('did_add_monitor', monitor)
272 
             this.$emit('did_start', response.data.data.dialysis_order)
 326 
             this.$emit('did_start', response.data.data.dialysis_order)
273 
             var record = this.record
 327 
             var record = this.record
274 
             for (const key in response.data.data.dialysis_order) {
 328 
             for (const key in response.data.data.dialysis_order) {
275 
               this.$set(record, key, response.data.data.dialysis_order[key])
 329 
               this.$set(record, key, response.data.data.dialysis_order[key])
276 
-              // this.record[key] = response.data.data.dialysis_order[key]
330 
+
277 
             }
 331 
             }
278 
           }
 332 
           }
279 
         })
 333 
         })
280 
       },
 334 
       },
281 
       close: function () {
 335 
       close: function () {
282 
         this.$emit('close')
 336 
         this.$emit('close')
337 
+      },select_type:function(){
338 
+
339 
+        if (this.record.id != 0) {
340 
+          var creator = 0
341 
+          if (this.record.creator == 0) {
342 
+            creator = this.record.start_nurse
343 
+          } else {
344 
+            creator = this.record.creator
345 
+          }
346 
+
347 
+          if (this.$store.getters.user.user.id == creator || this.isPremission) {
348 
+            this.selecting = true
349 
+            var t = this
350 
+            this.$refs.selector.showSingleSelect(this.schedules_type, this.schedual_type, '选择班次', 'name', 'id', function (select_id) {
351 
+              t.schedual_type = select_id
352 
+
353 
+              let ParamsQuery = {}
354 
+              ParamsQuery['schedual_type'] = select_id
355 
+              GetSchedualNumber(ParamsQuery).then(response => {
356 
+                if (response.data.state == 0) {
357 
+                  Toast.fail(response.data.msg)
358 
+                  return false
359 
+                } else {
360 
+                  t.device_numbers = response.data.data.number
361 
+                  for (let index = 0; index < t.device_numbers.length; index++) {
362 
+                    const device_number = t.device_numbers[index]
363 
+                    t.device_numbers[index]['number'] = device_number['zone_name']+'-'+device_number['number']
364 
+                  }
365 
+                  t.zone_beds = t.device_numbers
366 
+                  t.bed_id = t.zone_beds[0].id
367 
+                }
368 
+              })
369 
+            }, function () {
370 
+              t.selecting = false
371 
+            })
372 
+          } else {
373 
+            return
374 
+          }
375 
+        }
376 
+        this.selecting = true
377 
+        var t = this
378 
+        this.$refs.selector.showSingleSelect(this.schedules_type, this.schedual_type, '选择班次', 'name', 'id', function (select_id) {
379 
+          t.schedual_type = select_id
380 
+          let ParamsQuery = {}
381 
+          ParamsQuery['schedual_type'] = select_id
382 
+          GetSchedualNumber(ParamsQuery).then(response => {
383 
+            if (response.data.state == 0) {
384 
+              Toast.fail(response.data.msg)
385 
+              return false
386 
+            } else {
387 
+              t.zone_beds = []
388 
+              t.device_numbers = response.data.data.number
389 
+              for (let index = 0; index < t.device_numbers.length; index++) {
390 
+                const device_number = t.device_numbers[index]
391 
+                t.device_numbers[index]['number'] = device_number['zone_name']+'-'+device_number['number']
392 
+              }
393 
+              t.zone_beds = t.device_numbers
394 
+              t.bed_id = t.zone_beds[0].id
395 
+
396 
+
397 
+            }
398 
+          })
399 
+        }, function () {
400 
+          t.selecting = false
401 
+        })
402 
+
403 
+
404 
+
405 
+
283 
       },
 406 
       },
284 
       select_bed: function () {
 407 
       select_bed: function () {
285 
         if (this.record.id != 0) {
 408 
         if (this.record.id != 0) {
393 
   }
 516 
   }
394 
 </script>
 517 
 </script>
395
518
396 
-<style style="stylesheet/scss" lang="scss" scoped>
397
519
398 
-  .perform{
520 
+<style style="stylesheet/scss" lang="scss" scoped>
521 
+.perform {
399 
   text-align: center;
 522 
   text-align: center;
400 
   font-size: 0.3rem;
 523 
   font-size: 0.3rem;
401 
   padding-top: 2rem;
 524 
   padding-top: 2rem;
402 
-  .crew{
403 
-  color: $pgh-color;
404 
-  }
405 
-  button{
406 
-  background:$main-color;
407 
-  color: #fff;
408 
-  font-size: 0.3rem;
409 
-  text-align:center;
410 
-  width: 3rem;
411 
-  height: 0.7rem;
412 
-  line-height: 0.7rem;
413 
-  border-radius:4px;
414 
-  margin-top:10px;
525 
+  .crew {
526 
+    color: $pgh-color;
415 
   }
 527 
   }
528 
+  button {
529 
+    background: $main-color;
530 
+    color: #fff;
531 
+    font-size: 0.45rem;
532 
+    text-align: center;
533 
+    width: 3rem;
534 
+    height: 1.2rem;
535 
+    line-height: 1.2rem;
536 
+    border-radius: 4px;
537 
+    margin-top: 10px;
416 
   }
 538 
   }
539 
+}
417 
 </style>
 540 
 </style>
418
541

+ 367 - 348
src/pages/main/dialog/DoubleDialog.vue View File

4 
       <div class="DialogTit">
 4 
       <div class="DialogTit">
5 
         <span @click="close()" class="iconfont">&#xe6e9;</span>
 5 
         <span @click="close()" class="iconfont">&#xe6e9;</span>
6 
         <h1 class="name">双人查对</h1>
 6 
         <h1 class="name">双人查对</h1>
7 
-        <span @click="commitInfo" class="success">完成</span>
7 
+        <span @click="commitInfo" class="success">保存</span>
8 
       </div>
 8 
       </div>
9 
       <div style="height: 8rem" class="DialogContent choose">
 9 
       <div style="height: 8rem" class="DialogContent choose">
10 
-        <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="130px">
10 
+        <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="160px">
11 
           <el-form-item label="透析物品核查 : ">
 11 
           <el-form-item label="透析物品核查 : ">
12 
             <el-radio v-model="doubleReview.dialysis_item_check" label="1">正确</el-radio>
 12 
             <el-radio v-model="doubleReview.dialysis_item_check" label="1">正确</el-radio>
13 
             <el-radio v-model="doubleReview.dialysis_item_check" label="2">错误</el-radio>
 13 
             <el-radio v-model="doubleReview.dialysis_item_check" label="2">错误</el-radio>
14 
           </el-form-item>
 14 
           </el-form-item>
15 
-          <el-form-item label="差错描述 : " label-width="90px">
15 
+          <el-form-item label="差错描述 : " label-width="160px">
16 
             <el-input v-model="doubleReview.dialysis_item_desc"></el-input>
 16 
             <el-input v-model="doubleReview.dialysis_item_desc"></el-input>
17 
           </el-form-item>
 17 
           </el-form-item>
18 
         </el-form>
 18 
         </el-form>
19 
-        <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="130px">
19 
+        <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="160px">
20 
           <el-form-item label="透析参数核查 : ">
 20 
           <el-form-item label="透析参数核查 : ">
21 
             <el-radio v-model="doubleReview.dialysis_parameter_check" label="1">正确</el-radio>
 21 
             <el-radio v-model="doubleReview.dialysis_parameter_check" label="1">正确</el-radio>
22 
             <el-radio v-model="doubleReview.dialysis_parameter_check" label="2">错误</el-radio>
 22 
             <el-radio v-model="doubleReview.dialysis_parameter_check" label="2">错误</el-radio>
23 
           </el-form-item>
 23 
           </el-form-item>
24 
-          <el-form-item label="差错描述 : " label-width="90px">
24 
+          <el-form-item label="差错描述 : " label-width="160px">
25 
             <el-input v-model="doubleReview.dialysis_parameter_desc"></el-input>
 25 
             <el-input v-model="doubleReview.dialysis_parameter_desc"></el-input>
26 
           </el-form-item>
 26 
           </el-form-item>
27 
         </el-form>
 27 
         </el-form>
28 
-        <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="130px">
28 
+        <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="160px">
29 
           <el-form-item label="血管通路核查 : ">
 29 
           <el-form-item label="血管通路核查 : ">
30 
             <!--<el-radio-group v-model="form.appetite">-->
 30 
             <!--<el-radio-group v-model="form.appetite">-->
31 
             <!--<el-radio label="正确"></el-radio>-->
 31 
             <!--<el-radio label="正确"></el-radio>-->
33 
             <!--</el-radio-group>-->
 33 
             <!--</el-radio-group>-->
34 
             <el-radio v-model="doubleReview.vascular_access_verification" label="1">正确</el-radio>
 34 
             <el-radio v-model="doubleReview.vascular_access_verification" label="1">正确</el-radio>
35 
             <el-radio v-model="doubleReview.vascular_access_verification" label="2">错误</el-radio>
 35 
             <el-radio v-model="doubleReview.vascular_access_verification" label="2">错误</el-radio>
36 
-
37 
           </el-form-item>
 36 
           </el-form-item>
38 
-          <el-form-item label="差错描述 : " label-width="90px">
37 
+          <el-form-item label="差错描述 : " label-width="160px">
39 
             <el-input v-model="doubleReview.vascular_access_desc"></el-input>
 38 
             <el-input v-model="doubleReview.vascular_access_desc"></el-input>
40 
           </el-form-item>
 39 
           </el-form-item>
41 
         </el-form>
 40 
         </el-form>
42 
-        <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="130px">
41 
+        <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="160px">
43 
           <el-form-item label="管道连接核查 : ">
 42 
           <el-form-item label="管道连接核查 : ">
44 
             <!--<el-radio-group v-model="form.condition">-->
 43 
             <!--<el-radio-group v-model="form.condition">-->
45 
             <el-radio v-model="doubleReview.pipeline_connection_check" label="1">正确</el-radio>
 44 
             <el-radio v-model="doubleReview.pipeline_connection_check" label="1">正确</el-radio>
46 
             <el-radio v-model="doubleReview.pipeline_connection_check" label="2">错误</el-radio>
 45 
             <el-radio v-model="doubleReview.pipeline_connection_check" label="2">错误</el-radio>
47 
             <!--</el-radio-group>-->
 46 
             <!--</el-radio-group>-->
48 
           </el-form-item>
 47 
           </el-form-item>
49 
-          <el-form-item label="差错描述 : " label-width="90px">
48 
+          <el-form-item label="差错描述 : " label-width="160px">
50 
             <el-input v-model="doubleReview.pipeline_connection_desc"></el-input>
 49 
             <el-input v-model="doubleReview.pipeline_connection_desc"></el-input>
51 
           </el-form-item>
 50 
           </el-form-item>
52 
-
53 
         </el-form>
 51 
         </el-form>
54
52
55 
         <div class="item">
 53 
         <div class="item">
56 
           <h2 class="name">核对时间</h2>
 54 
           <h2 class="name">核对时间</h2>
57 
           <div class="content">
 55 
           <div class="content">
58 
-            <span class="text" style="width: 100px" @click="selectCheckTimeAction">{{ check_time_str }}</span>
56 
+            <span
57 
+              class="text"
58 
+              style="width: 160px"
59 
+              @click="selectCheckTimeAction"
60 
+            >{{ check_time_str }}</span>
59 
             <span class="iconfont">&#xe6f9;</span>
 61 
             <span class="iconfont">&#xe6f9;</span>
60 
           </div>
 62 
           </div>
61 
         </div>
 63 
         </div>
62
64
63 
-
64 
-        <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="130px">
65 
-          <p style="margin: 10px 0 10px 13px;" v-if="doubleReview.creater != 0">{{getFirstCheckDesc()}} </p>
66 
-          <p style="margin: 10px 0 10px 13px;" v-if="doubleReview.modifier != 0">{{getScondCheckDesc()}}</p>
65 
+        <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="160px">
66 
+          <p
67 
+            style="margin: 10px 0 10px 13px;"
68 
+            v-if="doubleReview.creater != 0"
69 
+          >{{getFirstCheckDesc()}}</p>
70 
+          <p
71 
+            style="margin: 10px 0 10px 13px;"
72 
+            v-if="doubleReview.modifier != 0"
73 
+          >{{getScondCheckDesc()}}</p>
67 
         </el-form>
 74 
         </el-form>
68
75
69 
         <!-- <div class="button">
 76 
         <!-- <div class="button">
70 
           <button @click="commitInfo" class="submitButton">提交</button>
 77 
           <button @click="commitInfo" class="submitButton">提交</button>
71 
-      </div> -->
78 
+        </div>-->
72 
         <!--<div class="footer">-->
 79 
         <!--<div class="footer">-->
73 
         <!--处方医生：黄梦燕  医生-->
 80 
         <!--处方医生：黄梦燕  医生-->
74 
         <!--</div>-->
 81 
         <!--</div>-->
75 
       </div>
 82 
       </div>
76 
       <!-- <div class="footer">
 83 
       <!-- <div class="footer">
77 
           处方医生：黄梦燕  护士
 84 
           处方医生：黄梦燕  护士
78 
-      </div> -->
85 
+      </div>-->
79 
     </div>
 86 
     </div>
80 
     <mt-datetime-picker
 87 
     <mt-datetime-picker
81 
       ref="start_time_picker"
 88 
       ref="start_time_picker"
84 
       v-model="check_time"
 91 
       v-model="check_time"
85 
     ></mt-datetime-picker>
 92 
     ></mt-datetime-picker>
86 
   </div>
 93 
   </div>
87 
-
88 
 </template>
 94 
 </template>
89
95
90 
 <script>
 96 
 <script>
91 
-  import {commitDoubleCheck} from '@/api/dialysis'
92 
-  import {Toast} from 'vant'
93 
-  import {uParseTime} from '@/utils/tools'
94 
-  import {parseTime} from '@/utils'
95 
-
96 
-  export default {
97 
-    name: 'DoubleDialog',
98 
-    data () {
99 
-      return {
100 
-        admin_users: [],
101 
-        first_check_isShow: false,
102 
-        second_check_isShow: false,
103 
-        first_check_desc: '',
104 
-        second_check_desc: '',
105 
-        doubleReview: {
106 
-          dialysis_item_check: '1',
107 
-          dialysis_parameter_check: '1',
108 
-          vascular_access_verification: '1',
109 
-          pipeline_connection_check: '1',
110 
-          dialysis_item_desc: '',
111 
-          dialysis_parameter_desc: '',
112 
-          vascular_access_desc: '',
113 
-          pipeline_connection_desc: '',
114 
-          collator: '',
115 
-          creater: 0,
116 
-          modifier: 0,
117 
-          created_time: 0,
118 
-          updated_time: 0,
119 
-          check_time: 0,
120 
-          first_check_time: 0,
121 
-        },
122 
-        check_time: new Date(),
123 
-        check_time_str: '',
124 
-        patient: {
125 
-          id: 0
126 
-        },
127 
-        doctor: '',
128 
-        record_date: ''
129 
-      }
130 
-    },
131 
-    props: {
132 
-      record: {
133 
-        type: Object,
134 
-        default: () => {
135 
-          return {id: 0}
136 
-        }
97 
+import { commitDoubleCheck } from "@/api/dialysis";
98 
+import { Toast } from "vant";
99 
+import { uParseTime } from "@/utils/tools";
100 
+import { parseTime } from "@/utils";
101 
+
102 
+export default {
103 
+  name: "DoubleDialog",
104 
+  data() {
105 
+    return {
106 
+      admin_users: [],
107 
+      first_check_isShow: false,
108 
+      second_check_isShow: false,
109 
+      first_check_desc: "",
110 
+      second_check_desc: "",
111 
+      doubleReview: {
112 
+        dialysis_item_check: "1",
113 
+        dialysis_parameter_check: "1",
114 
+        vascular_access_verification: "1",
115 
+        pipeline_connection_check: "1",
116 
+        dialysis_item_desc: "",
117 
+        dialysis_parameter_desc: "",
118 
+        vascular_access_desc: "",
119 
+        pipeline_connection_desc: "",
120 
+        collator: "",
121 
+        creater: 0,
122 
+        modifier: 0,
123 
+        created_time: 0,
124 
+        updated_time: 0,
125 
+        check_time: 0,
126 
+        first_check_time: 0
137 
       },
 127 
       },
138 
-
139 
-      patient_prop: {
140 
-        type: Object
128 
+      check_time: new Date(),
129 
+      check_time_str: "",
130 
+      patient: {
131 
+        id: 0
141 
       },
 132 
       },
142 
-      admin_users_prop: {
143 
-        type: Array
133 
+      doctor: "",
134 
+      record_date: ""
135 
+    };
136 
+  },
137 
+  props: {
138 
+    record: {
139 
+      type: Object,
140 
+      default: () => {
141 
+        return { id: 0 };
144 
       }
 142 
       }
145 
     },
 143 
     },
146 
-    created () {
147 
-      console.log(new Date())
148 
-      this.admin_users = this.admin_users_prop
149 
-      if (this.record.id == '') {
150 
-        this.doubleReview.dialysis_item_check = '1'
151 
-        this.doubleReview.dialysis_parameter_check = '1'
152 
-        this.doubleReview.vascular_access_verification = '1'
153 
-        this.doubleReview.pipeline_connection_check = '1'
154 
-        this.doubleReview.dialysis_item_desc = ''
155 
-        this.doubleReview.dialysis_parameter_desc = ''
156 
-        this.doubleReview.vascular_access_desc = ''
157 
-        this.doubleReview.pipeline_connection_desc = ''
158 
-
159 
-      } else {
160 
-        this.doubleReview.dialysis_item_check =
161 
-          this.record.dialysis_item_check + ''
162 
-        this.doubleReview.dialysis_parameter_check =
163 
-          this.record.dialysis_parameter_check + ''
164 
-        this.doubleReview.vascular_access_verification =
165 
-          this.record.vascular_access_verification + ''
166 
-        this.doubleReview.pipeline_connection_check =
167 
-          this.record.pipeline_connection_check + ''
168 
-        this.doubleReview.dialysis_item_desc = this.record.dialysis_item_desc
169 
-        this.doubleReview.dialysis_parameter_desc = this.record.dialysis_parameter_desc
170 
-        this.doubleReview.vascular_access_desc = this.record.vascular_access_desc
171 
-        this.doubleReview.pipeline_connection_desc = this.record.pipeline_connection_desc
172 
-
173 
-        this.doubleReview.created_time = this.record.created_time
174 
-        this.doubleReview.creater = this.record.creater
175 
-        this.doubleReview.updated_time = this.record.updated_time
176 
-        this.doubleReview.modifier = this.record.modifier
177 
-        this.doubleReview.check_time = this.record.check_time
178 
-        this.doubleReview.first_check_time = this.record.first_check_time
179
144
180 
-      }
145 
+    patient_prop: {
146 
+      type: Object
147 
+    },
148 
+    admin_users_prop: {
149 
+      type: Array
150 
+    }
151 
+  },
152 
+  created() {
153 
+    console.log(new Date());
154 
+    this.admin_users = this.admin_users_prop;
155 
+    if (this.record.id == "") {
156 
+      this.doubleReview.dialysis_item_check = "1";
157 
+      this.doubleReview.dialysis_parameter_check = "1";
158 
+      this.doubleReview.vascular_access_verification = "1";
159 
+      this.doubleReview.pipeline_connection_check = "1";
160 
+      this.doubleReview.dialysis_item_desc = "";
161 
+      this.doubleReview.dialysis_parameter_desc = "";
162 
+      this.doubleReview.vascular_access_desc = "";
163 
+      this.doubleReview.pipeline_connection_desc = "";
164 
+    } else {
165 
+      this.doubleReview.dialysis_item_check =
166 
+        this.record.dialysis_item_check + "";
167 
+      this.doubleReview.dialysis_parameter_check =
168 
+        this.record.dialysis_parameter_check + "";
169 
+      this.doubleReview.vascular_access_verification =
170 
+        this.record.vascular_access_verification + "";
171 
+      this.doubleReview.pipeline_connection_check =
172 
+        this.record.pipeline_connection_check + "";
173 
+      this.doubleReview.dialysis_item_desc = this.record.dialysis_item_desc;
174 
+      this.doubleReview.dialysis_parameter_desc = this.record.dialysis_parameter_desc;
175 
+      this.doubleReview.vascular_access_desc = this.record.vascular_access_desc;
176 
+      this.doubleReview.pipeline_connection_desc = this.record.pipeline_connection_desc;
177 
+
178 
+      this.doubleReview.created_time = this.record.created_time;
179 
+      this.doubleReview.creater = this.record.creater;
180 
+      this.doubleReview.updated_time = this.record.updated_time;
181 
+      this.doubleReview.modifier = this.record.modifier;
182 
+      this.doubleReview.check_time = this.record.check_time;
183 
+      this.doubleReview.first_check_time = this.record.first_check_time;
184 
+    }
181
185
182 
-      var date = this.$route.query && this.$route.query.date
183 
-      date *= 1000
184 
-      var newDate = new Date(date)
185 
-      var y = newDate.getFullYear()
186 
-      var m = newDate.getMonth() + 1
187 
-      var d = newDate.getDate()
188 
-      if (isNaN(y) || isNaN(m) || isNaN(d)) {
189 
-        newDate = new Date()
190 
-        y = newDate.getFullYear()
191 
-        m = newDate.getMonth() + 1
192 
-        d = newDate.getDate()
193 
-      }
194 
-      this.record_date =
195 
-        y + '-' + (m < 10 ? '0' + m : m) + '-' + (d < 10 ? '0' + d : d)
196 
-      // this.patient.id = this.patient_prop.id
186 
+    var date = this.$route.query && this.$route.query.date;
187 
+    date *= 1000;
188 
+    var newDate = new Date(date);
189 
+    var y = newDate.getFullYear();
190 
+    var m = newDate.getMonth() + 1;
191 
+    var d = newDate.getDate();
192 
+    if (isNaN(y) || isNaN(m) || isNaN(d)) {
193 
+      newDate = new Date();
194 
+      y = newDate.getFullYear();
195 
+      m = newDate.getMonth() + 1;
196 
+      d = newDate.getDate();
197 
+    }
198 
+    this.record_date =
199 
+      y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d);
200 
+    // this.patient.id = this.patient_prop.id
201 
+  },
202 
+  methods: {
203 
+    didSelectCheckTime: function(time) {
204 
+      this.check_time_str = parseTime(time, "{y}-{m}-{d} {h}:{i}" + ":00");
197 
     },
 205 
     },
198 
-    methods: {
199 
-      didSelectCheckTime: function (time) {
200 
-        this.check_time_str = parseTime(time, '{y}-{m}-{d} {h}:{i}' + ':00')
201 
-      },
202 
-      selectCheckTimeAction: function () {
203 
-        this.$refs.start_time_picker.open()
204 
-      },
205 
-      checkInf: function () {
206 
-      },
207 
-      // initData(doubleReview, patient, doctor) {
208 
-      //   //上层传值
209 
-      //   this.patient = patient;
210 
-      //   this.doubleReview = doubleReview;
211 
-      //   this.doctor = doctor;
212 
-      // },
213 
-      commitInfo: function () {
214 
-        Toast.loading({forbidClick: true, duration: 0})
215 
-        let ParamsQuery = this.doubleReview
216 
-        // ParamsQuery["patient"] = this.patient.id
217 
-        ParamsQuery['patient'] = this.$route.query.patient_id
218 
-        ParamsQuery['record_date'] = this.record_date
219 
-        ParamsQuery['check_time'] = this.check_time_str
220 
-        commitDoubleCheck(ParamsQuery).then(response => {
221 
-          if (response.data.state == 0) {
222 
-            // this.$toast({message: response.data.msg});
223 
-            Toast.fail(response.data.msg)
224 
-            return false
225 
-          } else {
226 
-            Toast.success('提交成功')
206 
+    selectCheckTimeAction: function() {
207 
+      this.$refs.start_time_picker.open();
208 
+    },
209 
+    checkInf: function() {},
210 
+    // initData(doubleReview, patient, doctor) {
211 
+    //   //上层传值
212 
+    //   this.patient = patient;
213 
+    //   this.doubleReview = doubleReview;
214 
+    //   this.doctor = doctor;
215 
+    // },
216 
+    commitInfo: function() {
217 
+      Toast.loading({ forbidClick: true, duration: 0 });
218 
+      let ParamsQuery = this.doubleReview;
219 
+      // ParamsQuery["patient"] = this.patient.id
220 
+      ParamsQuery["patient"] = this.$route.query.patient_id;
221 
+      ParamsQuery["record_date"] = this.record_date;
222 
+      ParamsQuery["check_time"] = this.check_time_str;
223 
+      commitDoubleCheck(ParamsQuery).then(response => {
224 
+        if (response.data.state == 0) {
225 
+          // this.$toast({message: response.data.msg});
226 
+          Toast.fail(response.data.msg);
227 
+          return false;
228 
+        } else {
229 
+          Toast.success("提交成功");
227
230
228 
-            this.doubleReview.creater = response.data.data.doubleCheck.creater
229 
-            this.doubleReview.check_time =
230 
-              response.data.data.doubleCheck.check_time
231 
-            this.doubleReview.first_check_time =
232 
-              response.data.data.doubleCheck.first_check_time
233 
-            this.doubleReview.modifier = response.data.data.doubleCheck.modifier
231 
+          this.doubleReview.creater = response.data.data.doubleCheck.creater;
232 
+          this.doubleReview.check_time =
233 
+            response.data.data.doubleCheck.check_time;
234 
+          this.doubleReview.first_check_time =
235 
+            response.data.data.doubleCheck.first_check_time;
236 
+          this.doubleReview.modifier = response.data.data.doubleCheck.modifier;
234
237
235 
-            for (const key in response.data.data.doubleCheck) {
236 
-              this.record[key] = response.data.data.doubleCheck[key]
237 
-            }
238 
-            this.$emit('did_update', response.data.data.doubleCheck)
238 
+          for (const key in response.data.data.doubleCheck) {
239 
+            this.record[key] = response.data.data.doubleCheck[key];
240 
+          }
241 
+          this.$emit("did_update", response.data.data.doubleCheck);
242 
+        }
243 
+      });
244 
+    },
245 
+    close: function() {
246 
+      this.$emit("close");
247 
+    },
248 
+    getFirstCheckDesc: function() {
249 
+      if (
250 
+        this.doubleReview.first_check_time > 0 &&
251 
+        this.doubleReview.check_time > 0
252 
+      ) {
253 
+        if (this.doubleReview.first_check_time < this.doubleReview.check_time) {
254 
+          let time = uParseTime(
255 
+            this.doubleReview.first_check_time,
256 
+            "{y}-{m}-{d}  {h}:{i}"
257 
+          );
258 
+          if (this.doubleReview.creater <= 0) {
259 
+            return "";
239 
           }
 260 
           }
240 
-        })
241 
-      },
242 
-      close: function () {
243 
-        this.$emit('close')
244 
-      },
245 
-      getFirstCheckDesc: function () {
246 
-        if (this.doubleReview.first_check_time > 0 && this.doubleReview.check_time > 0) {
247 
-          if (this.doubleReview.first_check_time < this.doubleReview.check_time) {
248 
-            let time = uParseTime(
249 
-              this.doubleReview.first_check_time,
250 
-              '{y}-{m}-{d}  {h}:{i}'
251 
-            )
252 
-            if (this.doubleReview.creater <= 0) {
253 
-              return ''
254 
-            }
255 
-
256 
-            var desc = ''
257 
-            if (
258 
-              this.admin_users == null ||
259 
-              typeof this.admin_users.length == 'undefined'
260 
-            ) {
261 
-              return ''
262 
-            }
263 
-
264 
-            var leng = this.admin_users.length
265 
-            if (leng == 0) {
266 
-              return ''
267 
-            }
268 
-
269 
-            for (let index = 0; index < leng; index++) {
270 
-              if (this.admin_users[index].id == this.doubleReview.creater) {
271 
-                let name = this.admin_users[index].name
272 
-                desc = '首次核对人员:' + name + ' 首次核对时间:' + time
273 
-
274 
-                break
275 
-              }
276 
-            }
277 
-            return desc
278 
-
279 
-          } else {
280 
-
281 
-            let time = uParseTime(
282 
-              this.doubleReview.check_time,
283 
-              '{y}-{m}-{d}  {h}:{i}'
284 
-            )
285 
-            if (this.doubleReview.modifier <= 0) {
286 
-              return ''
287 
-            }
288
261
289 
-            var desc = ''
290 
-            if (
291 
-              this.admin_users == null ||
292 
-              typeof this.admin_users.length == 'undefined'
293 
-            ) {
294 
-              return ''
295 
-            }
262 
+          var desc = "";
263 
+          if (
264 
+            this.admin_users == null ||
265 
+            typeof this.admin_users.length == "undefined"
266 
+          ) {
267 
+            return "";
268 
+          }
296
269
297 
-            var leng = this.admin_users.length
298 
-            if (leng == 0) {
299 
-              return ''
300 
-            }
270 
+          var leng = this.admin_users.length;
271 
+          if (leng == 0) {
272 
+            return "";
273 
+          }
301
274
302 
-            for (let index = 0; index < leng; index++) {
303 
-              if (this.admin_users[index].id == this.doubleReview.modifier) {
304 
-                let name = this.admin_users[index].name
305 
-                desc = '首次核对人员:' + name + ' 首次核对时间:' + time
275 
+          for (let index = 0; index < leng; index++) {
276 
+            if (this.admin_users[index].id == this.doubleReview.creater) {
277 
+              let name = this.admin_users[index].name;
278 
+              desc = "首次核对人员:" + name + " 首次核对时间:" + time;
306
279
307 
-                break
308 
-              }
280 
+              break;
309 
             }
 281 
             }
310 
-            return desc
311 
-
312 
           }
 282 
           }
313 
-
283 
+          return desc;
314 
         } else {
 284 
         } else {
315 
-
316 
           let time = uParseTime(
 285 
           let time = uParseTime(
317 
-            this.doubleReview.first_check_time,
318 
-            '{y}-{m}-{d}  {h}:{i}'
319 
-          )
320 
-          if (this.doubleReview.creater <= 0) {
321 
-            return ''
286 
+            this.doubleReview.check_time,
287 
+            "{y}-{m}-{d}  {h}:{i}"
288 
+          );
289 
+          if (this.doubleReview.modifier <= 0) {
290 
+            return "";
322 
           }
 291 
           }
323
292
324 
-          var desc = ''
293 
+          var desc = "";
325 
           if (
 294 
           if (
326 
             this.admin_users == null ||
 295 
             this.admin_users == null ||
327 
-            typeof this.admin_users.length == 'undefined'
296 
+            typeof this.admin_users.length == "undefined"
328 
           ) {
 297 
           ) {
329 
-            return ''
298 
+            return "";
330 
           }
 299 
           }
331
300
332 
-          var leng = this.admin_users.length
301 
+          var leng = this.admin_users.length;
333 
           if (leng == 0) {
 302 
           if (leng == 0) {
334 
-            return ''
303 
+            return "";
335 
           }
 304 
           }
336
305
337 
           for (let index = 0; index < leng; index++) {
 306 
           for (let index = 0; index < leng; index++) {
338 
-            if (this.admin_users[index].id == this.doubleReview.creater) {
339 
-              let name = this.admin_users[index].name
340 
-              desc = '首次核对人员:' + name + ' 首次核对时间:' + time
307 
+            if (this.admin_users[index].id == this.doubleReview.modifier) {
308 
+              let name = this.admin_users[index].name;
309 
+              desc = "首次核对人员:" + name + " 首次核对时间:" + time;
341
310
342 
-              break
311 
+              break;
343 
             }
 312 
             }
344 
           }
 313 
           }
345 
-          return desc
314 
+          return desc;
315 
+        }
316 
+      } else {
317 
+        let time = uParseTime(
318 
+          this.doubleReview.first_check_time,
319 
+          "{y}-{m}-{d}  {h}:{i}"
320 
+        );
321 
+        if (this.doubleReview.creater <= 0) {
322 
+          return "";
323 
+        }
346
324
325 
+        var desc = "";
326 
+        if (
327 
+          this.admin_users == null ||
328 
+          typeof this.admin_users.length == "undefined"
329 
+        ) {
330 
+          return "";
347 
         }
 331 
         }
348
332
349 
-      },
350 
-      getScondCheckDesc: function () {
351 
-        if (this.doubleReview.first_check_time > 0 && this.doubleReview.check_time > 0) {
333 
+        var leng = this.admin_users.length;
334 
+        if (leng == 0) {
335 
+          return "";
336 
+        }
352
337
353 
-          if (this.doubleReview.first_check_time < this.doubleReview.check_time) {
354 
-            let time = uParseTime(
355 
-              this.doubleReview.check_time,
356 
-              '{y}-{m}-{d} {h}:{i}'
357 
-            )
358 
-            if (this.doubleReview.modifier <= 0) {
359 
-              return ''
360 
-            }
361 
-            var desc = ''
362 
-            if (
363 
-              this.admin_users == null ||
364 
-              typeof this.admin_users.length == 'undefined'
365 
-            ) {
366 
-              return desc
367 
-            }
368 
-            var leng = this.admin_users.length
369 
-            if (leng == 0) {
370 
-              return desc
371 
-            }
372 
-            for (let index = 0; index < leng; index++) {
373 
-              if (this.admin_users[index].id == this.doubleReview.modifier) {
374 
-                let name = this.admin_users[index].name
375 
-                desc = '第二次核对人员:' + name + ' 第二次核对时间:' + time
376 
-                break
377 
-              }
378 
-            }
379 
-            return desc
338 
+        for (let index = 0; index < leng; index++) {
339 
+          if (this.admin_users[index].id == this.doubleReview.creater) {
340 
+            let name = this.admin_users[index].name;
341 
+            desc = "首次核对人员:" + name + " 首次核对时间:" + time;
380
342
381 
-          } else {
382 
-            let time = uParseTime(
383 
-              this.doubleReview.first_check_time,
384 
-              '{y}-{m}-{d} {h}:{i}'
385 
-            )
386 
-            if (this.doubleReview.creater <= 0) {
387 
-              return ''
388 
-            }
389 
-            var desc = ''
390 
-            if (
391 
-              this.admin_users == null ||
392 
-              typeof this.admin_users.length == 'undefined'
393 
-            ) {
394 
-              return desc
395 
-            }
396 
-            var leng = this.admin_users.length
397 
-            if (leng == 0) {
398 
-              return desc
399 
-            }
400 
-            for (let index = 0; index < leng; index++) {
401 
-              if (this.admin_users[index].id == this.doubleReview.creater) {
402 
-                let name = this.admin_users[index].name
403 
-                desc = '第二次核对人员:' + name + ' 第二次核对时间:' + time
404 
-                break
405 
-              }
406 
-            }
407 
-            return desc
343 
+            break;
408 
           }
 344 
           }
409 
-
410 
-        } else {
345 
+        }
346 
+        return desc;
347 
+      }
348 
+    },
349 
+    getScondCheckDesc: function() {
350 
+      if (
351 
+        this.doubleReview.first_check_time > 0 &&
352 
+        this.doubleReview.check_time > 0
353 
+      ) {
354 
+        if (this.doubleReview.first_check_time < this.doubleReview.check_time) {
411 
           let time = uParseTime(
 355 
           let time = uParseTime(
412 
             this.doubleReview.check_time,
 356 
             this.doubleReview.check_time,
413 
-            '{y}-{m}-{d} {h}:{i}'
414 
-          )
357 
+            "{y}-{m}-{d} {h}:{i}"
358 
+          );
415 
           if (this.doubleReview.modifier <= 0) {
 359 
           if (this.doubleReview.modifier <= 0) {
416 
-            return ''
360 
+            return "";
417 
           }
 361 
           }
418 
-          var desc = ''
362 
+          var desc = "";
419 
           if (
 363 
           if (
420 
             this.admin_users == null ||
 364 
             this.admin_users == null ||
421 
-            typeof this.admin_users.length == 'undefined'
365 
+            typeof this.admin_users.length == "undefined"
422 
           ) {
 366 
           ) {
423 
-            return desc
367 
+            return desc;
424 
           }
 368 
           }
425 
-          var leng = this.admin_users.length
369 
+          var leng = this.admin_users.length;
426 
           if (leng == 0) {
 370 
           if (leng == 0) {
427 
-            return desc
371 
+            return desc;
428 
           }
 372 
           }
429 
           for (let index = 0; index < leng; index++) {
 373 
           for (let index = 0; index < leng; index++) {
430 
             if (this.admin_users[index].id == this.doubleReview.modifier) {
 374 
             if (this.admin_users[index].id == this.doubleReview.modifier) {
431 
-              let name = this.admin_users[index].name
432 
-              desc = '第二次核对人员:' + name + ' 第二次核对时间:' + time
433 
-              break
375 
+              let name = this.admin_users[index].name;
376 
+              desc = "第二次核对人员:" + name + " 第二次核对时间:" + time;
377 
+              break;
378 
+            }
379 
+          }
380 
+          return desc;
381 
+        } else {
382 
+          let time = uParseTime(
383 
+            this.doubleReview.first_check_time,
384 
+            "{y}-{m}-{d} {h}:{i}"
385 
+          );
386 
+          if (this.doubleReview.creater <= 0) {
387 
+            return "";
388 
+          }
389 
+          var desc = "";
390 
+          if (
391 
+            this.admin_users == null ||
392 
+            typeof this.admin_users.length == "undefined"
393 
+          ) {
394 
+            return desc;
395 
+          }
396 
+          var leng = this.admin_users.length;
397 
+          if (leng == 0) {
398 
+            return desc;
399 
+          }
400 
+          for (let index = 0; index < leng; index++) {
401 
+            if (this.admin_users[index].id == this.doubleReview.creater) {
402 
+              let name = this.admin_users[index].name;
403 
+              desc = "第二次核对人员:" + name + " 第二次核对时间:" + time;
404 
+              break;
434 
             }
 405 
             }
435 
           }
 406 
           }
436 
-          return desc
407 
+          return desc;
437 
         }
 408 
         }
438 
-
439 
-      },
440 
-      getDate: function (val) {
441 
-        return parseTime(val, '{y}-{m}-{d} {h}:{i}')
442 
-      }
443 
-    }, mounted () {
444 
-
445 
-      if (this.record.id == 0) {
446 
-        this.check_time_str = parseTime(this.check_time, '{y}-{m}-{d} {h}:{i}' + ':00')
447 
       } else {
 409 
       } else {
448 
-        if (this.record.modifier == 0) {
449 
-          this.check_time_str = parseTime(this.check_time, '{y}-{m}-{d} {h}:{i}' + ':00')
450 
-
451 
-        } else {
452 
-          this.check_time_str = parseTime(this.record.check_time, '{y}-{m}-{d} {h}:{i}' + ':00')
410 
+        let time = uParseTime(
411 
+          this.doubleReview.check_time,
412 
+          "{y}-{m}-{d} {h}:{i}"
413 
+        );
414 
+        if (this.doubleReview.modifier <= 0) {
415 
+          return "";
453 
         }
 416 
         }
417 
+        var desc = "";
418 
+        if (
419 
+          this.admin_users == null ||
420 
+          typeof this.admin_users.length == "undefined"
421 
+        ) {
422 
+          return desc;
423 
+        }
424 
+        var leng = this.admin_users.length;
425 
+        if (leng == 0) {
426 
+          return desc;
427 
+        }
428 
+        for (let index = 0; index < leng; index++) {
429 
+          if (this.admin_users[index].id == this.doubleReview.modifier) {
430 
+            let name = this.admin_users[index].name;
431 
+            desc = "第二次核对人员:" + name + " 第二次核对时间:" + time;
432 
+            break;
433 
+          }
434 
+        }
435 
+        return desc;
436 
+      }
437 
+    },
438 
+    getDate: function(val) {
439 
+      return parseTime(val, "{y}-{m}-{d} {h}:{i}");
440 
+    }
441 
+  },
442 
+  mounted() {
443 
+    if (this.record.id == 0) {
444 
+      this.check_time_str = parseTime(
445 
+        this.check_time,
446 
+        "{y}-{m}-{d} {h}:{i}" + ":00"
447 
+      );
448 
+    } else {
449 
+      if (this.record.modifier == 0) {
450 
+        this.check_time_str = parseTime(
451 
+          this.check_time,
452 
+          "{y}-{m}-{d} {h}:{i}" + ":00"
453 
+        );
454 
+      } else {
455 
+        this.check_time_str = parseTime(
456 
+          this.record.check_time,
457 
+          "{y}-{m}-{d} {h}:{i}" + ":00"
458 
+        );
454 
       }
 459 
       }
455 
     }
 460 
     }
456 
   }
 461 
   }
462 
+};
457 
 </script>
 463 
 </script>
458
464
459 
 <style style="stylesheet/scss" lang="scss" scoped>
 465 
 <style style="stylesheet/scss" lang="scss" scoped>
460 
-  .choose {
466 
+.choose {
461 
   .demo-form-inline {
 467 
   .demo-form-inline {
462 
-  border-bottom: 1px #e5e5e5 solid;
463 
-  .el-form-item {
464 
-  margin-bottom: 0;
465 
-  padding: 0.2rem 0.2rem;
466 
-  margin-right: 0;
467 
-  }
468 
-  p {
469 
-  color: $title-color;
470 
-  }
468 
+    border-bottom: 1px #e5e5e5 solid;
469 
+    .el-form-item {
470 
+      margin-bottom: 0;
471 
+      padding: 0.2rem 0.2rem;
472 
+      margin-right: 0;
473 
+    }
474 
+    p {
475 
+      color: $title-color;
476 
+    }
471 
   }
 477 
   }
472
478
473 
   .button {
 479 
   .button {
474 
-  text-align: center;
475 
-  margin-top: 1rem;
476 
-  .submitButton {
477 
-  width: 3rem;
478 
-  height: 0.8rem;
479 
-  line-height: 0.8rem;
480 
-  background: $main-color;
481 
-  color: #fff;
482 
-  font-size: 0.3rem;
483 
-  text-align: center;
484 
-  border-radius: 6px;
480 
+    text-align: center;
481 
+    margin-top: 1rem;
482 
+    .submitButton {
483 
+      width: 3rem;
484 
+      height: 0.8rem;
485 
+      line-height: 0.8rem;
486 
+      background: $main-color;
487 
+      color: #fff;
488 
+      font-size: 0.3rem;
489 
+      text-align: center;
490 
+      border-radius: 6px;
491 
+    }
485 
   }
 492 
   }
493 
+}
494 
+</style>
495 
+<style lang="scss">
496 
+.el-radio__inner {
497 
+  @media only screen and (min-width: 768px) {
498 
+    width: 20px;
499 
+    height: 20px;
486 
   }
 500 
   }
501 
+}
502 
+.el-radio__input {
503 
+  @media only screen and (min-width: 768px) {
504 
+    margin-top: -6px;
487 
   }
 505 
   }
506 
+}
488 
 </style>
 507 
 </style>
489
508

+ 204 - 131
src/pages/main/dialog/LongDialog.vue View File

1 
 <template>
 1 
 <template>
2 
   <div>
 2 
   <div>
3 
-    <div class="Dialog"  v-show="showObj.paden_show">
3 
+    <div class="Dialog" v-show="showObj.paden_show">
4 
       <div class="DialogTit">
 4 
       <div class="DialogTit">
5 
-        <span class="iconfont"  @click="$emit('closeLongDialog')">&#xe6e9;</span>
5 
+        <span class="iconfont" @click="$emit('closeLongDialog')">&#xe6e9;</span>
6 
         <h1 class="name">长期处方</h1>
 6 
         <h1 class="name">长期处方</h1>
7 
         <span @click="submitSolution" class="success">完成</span>
 7 
         <span @click="submitSolution" class="success">完成</span>
8 
       </div>
 8 
       </div>
10 
       <div class="DialogContent">
 10 
       <div class="DialogContent">
11 
         <div class="item" @click="showMenu(0)">
 11 
         <div class="item" @click="showMenu(0)">
12 
           <h2 class="name">透析模式</h2>
 12 
           <h2 class="name">透析模式</h2>
13 
-          <div class="content" >
13 
+          <div class="content">
14 
             <span class="text">{{dialysisSolution.mode_name}}</span>
 14 
             <span class="text">{{dialysisSolution.mode_name}}</span>
15 
             <span class="iconfont">&#xe6f9;</span>
 15 
             <span class="iconfont">&#xe6f9;</span>
16 
           </div>
 16 
           </div>
18 
         <div class="item">
 18 
         <div class="item">
19 
           <h2 class="name">透析时长(h)</h2>
 19 
           <h2 class="name">透析时长(h)</h2>
20 
           <div class="content">
 20 
           <div class="content">
21 
-            <input type="number" v-model="dialysisSolution.dialysis_duration">
21 
+            <input type="number" v-model="dialysisSolution.dialysis_duration" />
22 
             <!-- <span class="text">1</span>   -->
 22 
             <!-- <span class="text">1</span>   -->
23 
             <!-- <span class="iconfont">&#xe6f9;</span>  -->
 23 
             <!-- <span class="iconfont">&#xe6f9;</span>  -->
24 
           </div>
 24 
           </div>
25 
         </div>
 25 
         </div>
26 
         <div class="item" @click="showMenu(1)">
 26 
         <div class="item" @click="showMenu(1)">
27 
           <h2 class="name">透析器</h2>
 27 
           <h2 class="name">透析器</h2>
28 
-          <div class="content" >
28 
+          <div class="content">
29 
             <span class="text">{{dialysisSolution.hemodialysis_machine_name}}</span>
 29 
             <span class="text">{{dialysisSolution.hemodialysis_machine_name}}</span>
30 
             <span class="iconfont">&#xe6f9;</span>
 30 
             <span class="iconfont">&#xe6f9;</span>
31 
           </div>
 31 
           </div>
41 
         <div class="item">
 41 
         <div class="item">
42 
           <h2 class="name">血流量(ml/min)</h2>
 42 
           <h2 class="name">血流量(ml/min)</h2>
43 
           <div class="content">
 43 
           <div class="content">
44 
-            <input type="number" v-model="dialysisSolution.blood_flow_volume">
44 
+            <input type="number" v-model="dialysisSolution.blood_flow_volume" />
45 
             <!-- <span class="text">HD</span>   -->
 45 
             <!-- <span class="text">HD</span>   -->
46 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
 46 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
47 
           </div>
 47 
           </div>
49 
         <div class="item">
 49 
         <div class="item">
50 
           <h2 class="name">脱水量(L)</h2>
 50 
           <h2 class="name">脱水量(L)</h2>
51 
           <div class="content">
 51 
           <div class="content">
52 
-            <input type="number" v-model="dialysisSolution.dewater">
52 
+            <input type="number" v-model="dialysisSolution.dewater" />
53 
             <!-- <span class="text">HD</span>   -->
 53 
             <!-- <span class="text">HD</span>   -->
54 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
 54 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
55 
           </div>
 55 
           </div>
60 
         <div class="item">
 60 
         <div class="item">
61 
           <h2 class="name">置换液(L)</h2>
 61 
           <h2 class="name">置换液(L)</h2>
62 
           <div class="content">
 62 
           <div class="content">
63 
-            <input type="number" v-model="dialysisSolution.displace_liqui">
63 
+            <input type="number" v-model="dialysisSolution.displace_liqui" />
64 
             <!-- <span class="text">HD</span>   -->
 64 
             <!-- <span class="text">HD</span>   -->
65 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
 65 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
66 
           </div>
 66 
           </div>
83 
         <div class="item" v-show="anticoagulant.shouji != -1">
 83 
         <div class="item" v-show="anticoagulant.shouji != -1">
84 
           <h2 class="name">首剂({{anticoagulant.shouji_unit}})</h2>
 84 
           <h2 class="name">首剂({{anticoagulant.shouji_unit}})</h2>
85 
           <div class="content">
 85 
           <div class="content">
86 
-          <input type="text"  v-model="dialysisSolution.anticoagulant_shouji" :disabled="anticoagulant.shouji==1?false:true">
86 
+            <input
87 
+              type="text"
88 
+              v-model="dialysisSolution.anticoagulant_shouji"
89 
+              :disabled="anticoagulant.shouji==1?false:true"
90 
+            />
87 
           </div>
 91 
           </div>
88 
         </div>
 92 
         </div>
89 
         <div class="item" v-show="anticoagulant.weichi != -1">
 93 
         <div class="item" v-show="anticoagulant.weichi != -1">
90 
           <h2 class="name">维持({{anticoagulant.weichi_unit}})</h2>
 94 
           <h2 class="name">维持({{anticoagulant.weichi_unit}})</h2>
91 
           <div class="content">
 95 
           <div class="content">
92 
-          <input type="text"  v-model="dialysisSolution.anticoagulant_weichi" :disabled="anticoagulant.weichi==1?false:true">
96 
+            <input
97 
+              type="text"
98 
+              v-model="dialysisSolution.anticoagulant_weichi"
99 
+              :disabled="anticoagulant.weichi==1?false:true"
100 
+            />
93 
           </div>
 101 
           </div>
94 
         </div>
 102 
         </div>
95 
-        <div class="item"  v-show="anticoagulant.zongliang != -1">
103 
+        <div class="item" v-show="anticoagulant.zongliang != -1">
96 
           <h2 class="name">总量({{anticoagulant.zongliang_unit}})</h2>
 104 
           <h2 class="name">总量({{anticoagulant.zongliang_unit}})</h2>
97 
           <div class="content">
 105 
           <div class="content">
98 
-          <input type="text" v-model="dialysisSolution.anticoagulant_zongliang" :disabled="anticoagulant.zongliang==1?false:true" >
106 
+            <input
107 
+              type="text"
108 
+              v-model="dialysisSolution.anticoagulant_zongliang"
109 
+              :disabled="anticoagulant.zongliang==1?false:true"
110 
+            />
99 
           </div>
 111 
           </div>
100 
         </div>
 112 
         </div>
101 
-        <div class="item"  v-show="anticoagulant.gaimingcheng != -1">
113 
+        <div class="item" v-show="anticoagulant.gaimingcheng != -1">
102 
           <h2 class="name">钙({{anticoagulant.gaimingcheng_unit}})</h2>
 114 
           <h2 class="name">钙({{anticoagulant.gaimingcheng_unit}})</h2>
103 
           <div class="content">
 115 
           <div class="content">
104 
-            <input type="text" v-model="dialysisSolution.anticoagulant_gaimingcheng" :disabled="anticoagulant.gaimingcheng==1?false:true" >
116 
+            <input
117 
+              type="text"
118 
+              v-model="dialysisSolution.anticoagulant_gaimingcheng"
119 
+              :disabled="anticoagulant.gaimingcheng==1?false:true"
120 
+            />
105 
           </div>
 121 
           </div>
106 
         </div>
 122 
         </div>
107 
-        <div class="item"  v-show="anticoagulant.gaijiliang != -1">
123 
+        <div class="item" v-show="anticoagulant.gaijiliang != -1">
108 
           <h2 class="name">钙剂量</h2>
 124 
           <h2 class="name">钙剂量</h2>
109 
           <div class="content">
 125 
           <div class="content">
110 
-            <input type="text" v-model="dialysisSolution.anticoagulant_gaijiliang" :disabled="anticoagulant.gaijiliang==1?false:true" >
126 
+            <input
127 
+              type="text"
128 
+              v-model="dialysisSolution.anticoagulant_gaijiliang"
129 
+              :disabled="anticoagulant.gaijiliang==1?false:true"
130 
+            />
111 
           </div>
 131 
           </div>
112 
         </div>
 132 
         </div>
113
133
116 
         <div class="item">
 136 
         <div class="item">
117 
           <h2 class="name">钾(mmol/L)</h2>
 137 
           <h2 class="name">钾(mmol/L)</h2>
118 
           <div class="content">
 138 
           <div class="content">
119 
-            <input type="number" v-model="dialysisSolution.kalium">
139 
+            <input type="number" v-model="dialysisSolution.kalium" />
120 
             <!-- <span class="text">HD</span>   -->
 140 
             <!-- <span class="text">HD</span>   -->
121 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
 141 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
122 
           </div>
 142 
           </div>
124 
         <div class="item">
 144 
         <div class="item">
125 
           <h2 class="name">钠(mmol/L):</h2>
 145 
           <h2 class="name">钠(mmol/L):</h2>
126 
           <div class="content">
 146 
           <div class="content">
127 
-            <input type="number" v-model="dialysisSolution.sodium">
147 
+            <input type="number" v-model="dialysisSolution.sodium" />
128 
             <!-- <span class="text">HD</span>   -->
 148 
             <!-- <span class="text">HD</span>   -->
129 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
 149 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
130 
           </div>
 150 
           </div>
132 
         <div class="item">
 152 
         <div class="item">
133 
           <h2 class="name">钙(mmol/L)</h2>
 153 
           <h2 class="name">钙(mmol/L)</h2>
134 
           <div class="content">
 154 
           <div class="content">
135 
-            <input type="number" v-model="dialysisSolution.calcium">
155 
+            <input type="number" v-model="dialysisSolution.calcium" />
136 
             <!-- <span class="text">HD</span>   -->
 156 
             <!-- <span class="text">HD</span>   -->
137 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
 157 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
138 
           </div>
 158 
           </div>
140 
         <div class="item">
 160 
         <div class="item">
141 
           <h2 class="name">碳酸氢盐(mmol/L)</h2>
 161 
           <h2 class="name">碳酸氢盐(mmol/L)</h2>
142 
           <div class="content">
 162 
           <div class="content">
143 
-            <input type="number" v-model="dialysisSolution.bicarbonate">
163 
+            <input type="number" v-model="dialysisSolution.bicarbonate" />
144 
             <!-- <span class="text">HD</span>   -->
 164 
             <!-- <span class="text">HD</span>   -->
145 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
 165 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
146 
           </div>
 166 
           </div>
148 
         <div class="item">
 168 
         <div class="item">
149 
           <h2 class="name">葡萄糖(mmol/L)</h2>
 169 
           <h2 class="name">葡萄糖(mmol/L)</h2>
150 
           <div class="content">
 170 
           <div class="content">
151 
-            <input type="number" v-model="dialysisSolution.glucose">
171 
+            <input type="number" v-model="dialysisSolution.glucose" />
152 
             <!-- <span class="text">HD</span>   -->
 172 
             <!-- <span class="text">HD</span>   -->
153 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
 173 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
154 
           </div>
 174 
           </div>
156 
         <div class="item">
 176 
         <div class="item">
157 
           <h2 class="name">干体重(kg)</h2>
 177 
           <h2 class="name">干体重(kg)</h2>
158 
           <div class="content">
 178 
           <div class="content">
159 
-            <input type="number" v-model="dialysisSolution.dry_weight">
179 
+            <input type="number" v-model="dialysisSolution.dry_weight" />
160 
             <!-- <span class="text">HD</span>   -->
 180 
             <!-- <span class="text">HD</span>   -->
161 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
 181 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
162 
           </div>
 182 
           </div>
167 
         <div class="item">
 187 
         <div class="item">
168 
           <h2 class="name">透析液流量(ml/min)</h2>
 188 
           <h2 class="name">透析液流量(ml/min)</h2>
169 
           <div class="content">
 189 
           <div class="content">
170 
-            <input type="number" v-model="dialysisSolution.dialysate_flow">
190 
+            <input type="number" v-model="dialysisSolution.dialysate_flow" />
171 
             <!-- <span class="text">HD</span>   -->
 191 
             <!-- <span class="text">HD</span>   -->
172 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
 192 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
173 
           </div>
 193 
           </div>
175 
         <div class="item">
 195 
         <div class="item">
176 
           <h2 class="name">透析液温度(℃)</h2>
 196 
           <h2 class="name">透析液温度(℃)</h2>
177 
           <div class="content">
 197 
           <div class="content">
178 
-            <input type="number" v-model="dialysisSolution.dialysate_temperature">
198 
+            <input type="number" v-model="dialysisSolution.dialysate_temperature" />
179 
             <!-- <span class="text">HD</span>   -->
 199 
             <!-- <span class="text">HD</span>   -->
180 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
 200 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
181 
           </div>
 201 
           </div>
183 
         <div class="item">
 203 
         <div class="item">
184 
           <h2 class="name">电导率(mS/cm)</h2>
 204 
           <h2 class="name">电导率(mS/cm)</h2>
185 
           <div class="content">
 205 
           <div class="content">
186 
-            <input type="number" v-model="dialysisSolution.conductivity">
206 
+            <input type="number" v-model="dialysisSolution.conductivity" />
187 
             <!-- <span class="text">HD</span>   -->
 207 
             <!-- <span class="text">HD</span>   -->
188 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
 208 
             <!-- <span class="iconfont">&#xe6f9;</span> -->
189 
           </div>
 209 
           </div>
200 
         <textarea class="textarea" placeholder="请输入内容" v-model="dialysisSolution.remark"></textarea>
 220 
         <textarea class="textarea" placeholder="请输入内容" v-model="dialysisSolution.remark"></textarea>
201 
       </div>
 221 
       </div>
202 
       <!--<div class="footer">-->
 222 
       <!--<div class="footer">-->
203 
-        <!--处方医生：{{doctor}}-->
223 
+      <!--处方医生：{{doctor}}-->
204 
       <!--</div>-->
 224 
       <!--</div>-->
205 
     </div>
 225 
     </div>
206
226
217 
             </ul>
 237 
             </ul>
218 
           </div>
 238 
           </div>
219 
         </div>
 239 
         </div>
220 
-    </div> -->
221 
-    <long-dialog-menu title="模式" v-show="showObj.mode_show[0]" :show_index="0" :option_poro="modeList"  :data_prop="dialysisSolution" :show_prop="showObj" data_mode="mode" :index="dialysisSolution.mode_id"></long-dialog-menu>
240 
+    </div>-->
241 
+    <long-dialog-menu
242 
+      title="模式"
243 
+      v-show="showObj.mode_show[0]"
244 
+      :show_index="0"
245 
+      :option_poro="modeList"
246 
+      :data_prop="dialysisSolution"
247 
+      :show_prop="showObj"
248 
+      data-_mode="mode"
249 
+      :index="dialysisSolution.mode_id"
250 
+    ></long-dialog-menu>
222
251
223 
-    <long-dialog-menu title="透析器" v-show="showObj.mode_show[1]" :show_index="1" :option_poro="dialyserList"  :data_prop="dialysisSolution" :show_prop="showObj" data_mode="hemodialysis_machine" :index="dialysisSolution.hemodialysis_machine"></long-dialog-menu>
252 
+    <long-dialog-menu
253 
+      title="透析器"
254 
+      v-show="showObj.mode_show[1]"
255 
+      :show_index="1"
256 
+      :option_poro="dialyserList"
257 
+      :data_prop="dialysisSolution"
258 
+      :show_prop="showObj"
259 
+      data-_mode="hemodialysis_machine"
260 
+      :index="dialysisSolution.hemodialysis_machine"
261 
+    ></long-dialog-menu>
224
262
225 
-    <long-dialog-menu title="灌流器" v-show="showObj.mode_show[2]" :show_index="2" :option_poro="perfusion_apparatus"  :data_prop="dialysisSolution" :show_prop="showObj" data_mode="perfusion_apparatus" :index="dialysisSolution.perfusion_apparatus"></long-dialog-menu>
263 
+    <long-dialog-menu
264 
+      title="灌流器"
265 
+      v-show="showObj.mode_show[2]"
266 
+      :show_index="2"
267 
+      :option_poro="perfusion_apparatus"
268 
+      :data_prop="dialysisSolution"
269 
+      :show_prop="showObj"
270 
+      data-_mode="perfusion_apparatus"
271 
+      :index="dialysisSolution.perfusion_apparatus"
272 
+    ></long-dialog-menu>
226
273
227 
-    <long-dialog-menu title="置换方式" v-show="showObj.mode_show[3]" :show_index="3" :option_poro="replacementWays"  :data_prop="dialysisSolution"  :show_prop="showObj" data_mode="replacement_way" :index="dialysisSolution.replacement_way"></long-dialog-menu>
274 
+    <long-dialog-menu
275 
+      title="置换方式"
276 
+      v-show="showObj.mode_show[3]"
277 
+      :show_index="3"
278 
+      :option_poro="replacementWays"
279 
+      :data_prop="dialysisSolution"
280 
+      :show_prop="showObj"
281 
+      data-_mode="replacement_way"
282 
+      :index="dialysisSolution.replacement_way"
283 
+    ></long-dialog-menu>
228
284
229 
-    <long-dialog-menu title="搞凝剂" v-show="showObj.mode_show[4]" :show_index="4" :option_poro="anticoagulantsConfitList"  :data_prop="dialysisSolution"  :show_prop="showObj" data_mode="anticoagulant" :index="dialysisSolution.anticoagulant"></long-dialog-menu>
285 
+    <long-dialog-menu
286 
+      title="搞凝剂"
287 
+      v-show="showObj.mode_show[4]"
288 
+      :show_index="4"
289 
+      :option_poro="anticoagulantsConfitList"
290 
+      :data_prop="dialysisSolution"
291 
+      :show_prop="showObj"
292 
+      data-_mode="anticoagulant"
293 
+      :index="dialysisSolution.anticoagulant"
294 
+    ></long-dialog-menu>
230 
   </div>
 295 
   </div>
231 
 </template>
 296 
 </template>
232
297
233 
 <script>
 298 
 <script>
234 
-import LongDialogMenu from './subMenu/LongDialogMenu'
235 
-import { createPatientDialysisSolution } from '@/api/patient'
236 
-import { Toast } from 'vant'
299 
+import LongDialogMenu from "./subMenu/LongDialogMenu";
300 
+import { createPatientDialysisSolution } from "@/api/patient";
301 
+import { Toast } from "vant";
237
302
238 
 export default {
 303 
 export default {
239 
-  name: 'LongDialog',
304 
+  name: "LongDialog",
240 
   components: {
 305 
   components: {
241 
     LongDialogMenu
 306 
     LongDialogMenu
242 
   },
 307 
   },
243 
   methods: {
 308 
   methods: {
244 
-    handleDialyser (item) {
245 
-      this.showObj.paden_show = true
309 
+    handleDialyser(item) {
310 
+      this.showObj.paden_show = true;
246 
     },
 311 
     },
247 
-    showModel () {
248 
-      this.showObj.mode_show[0] = true
249 
-      this.showObj.paden_show = false
312 
+    showModel() {
313 
+      this.showObj.mode_show[0] = true;
314 
+      this.showObj.paden_show = false;
250 
     },
 315 
     },
251 
-    showQi () {
252 
-      this.showObj.mode_show[1] = true
253 
-      this.showObj.paden_show = false
316 
+    showQi() {
317 
+      this.showObj.mode_show[1] = true;
318 
+      this.showObj.paden_show = false;
254 
     },
 319 
     },
255 
-    showMenu (index) {
256 
-      this.showObj.mode_show[index] = true
257 
-      this.showObj.paden_show = false
320 
+    showMenu(index) {
321 
+      this.showObj.mode_show[index] = true;
322 
+      this.showObj.paden_show = false;
258 
     },
 323 
     },
259
324
260 
-    submitSolution () {
261 
-      this.dialysisSolution.mode = this.dialysisSolution.mode_id
325 
+    submitSolution() {
326 
+      this.dialysisSolution.mode = this.dialysisSolution.mode_id;
262 
       createPatientDialysisSolution(
 327 
       createPatientDialysisSolution(
263 
         this.patient.id,
 328 
         this.patient.id,
264 
         this.dialysisSolution
 329 
         this.dialysisSolution
265 
       ).then(response => {
 330 
       ).then(response => {
266 
         if (response.data.state == 0) {
 331 
         if (response.data.state == 0) {
267 
-          Toast.fail(response.data.msg)
332 
+          Toast.fail(response.data.msg);
268 
           // this.$toast({message: response.data.msg});
 333 
           // this.$toast({message: response.data.msg});
269 
-          return false
334 
+          return false;
270 
         } else {
 335 
         } else {
271 
-          Toast.success('创建成功')
336 
+          Toast.success("创建成功");
272 
           // this.$toast({message: "创建成功"});
 337 
           // this.$toast({message: "创建成功"});
273 
-          this.$emit('longSolution')
338 
+          this.$emit("longSolution");
274 
           for (const key in response.data.data.solution) {
 339 
           for (const key in response.data.data.solution) {
275 
-            this.solution_prop[key] = response.data.data.solution[key]
340 
+            this.solution_prop[key] = response.data.data.solution[key];
276 
           }
 341 
           }
277 
           // this.solution_prop = response.data.data.solution
 342 
           // this.solution_prop = response.data.data.solution
278 
         }
 343 
         }
279 
-      })
344 
+      });
280 
     }
 345 
     }
281 
   },
 346 
   },
282
347
289 
     },
 354 
     },
290 
     machines_prop: {
 355 
     machines_prop: {
291 
       type: Array,
 356 
       type: Array,
292 
-      default: function () {
293 
-        return new Array()
357 
+      default: function() {
358 
+        return new Array();
294 
       }
 359 
       }
295 
     }
 360 
     }
296 
   },
 361 
   },
297 
-  data () {
362 
+  data() {
298 
     return {
 363 
     return {
299 
-      doctor: '',
364 
+      doctor: "",
300 
       showObj: {
 365 
       showObj: {
301 
         mode_show: {
 366 
         mode_show: {
302 
           0: false,
 367 
           0: false,
319
384
320 
       anticoagulant: {
 385 
       anticoagulant: {
321 
         id: 0,
 386 
         id: 0,
322 
-        name: '',
387 
+        name: "",
323 
         type: 1,
 388 
         type: 1,
324 
         shouji: 1,
 389 
         shouji: 1,
325 
         weichi: 1,
 390 
         weichi: 1,
326 
         zongliang: 1,
 391 
         zongliang: 1,
327 
         gaimingcheng: -1,
 392 
         gaimingcheng: -1,
328 
         gaijiliang: -1,
 393 
         gaijiliang: -1,
329 
-        shouji_unit: 'mg',
330 
-        weichi_unit: 'mg/h',
331 
-        zongliang_unit: 'mg',
332 
-        gaimingcheng_unit: '',
333 
-        gaijiliang_unit: ''
394 
+        shouji_unit: "mg",
395 
+        weichi_unit: "mg/h",
396 
+        zongliang_unit: "mg",
397 
+        gaimingcheng_unit: "",
398 
+        gaijiliang_unit: ""
334 
       },
 399 
       },
335 
       patient: {
 400 
       patient: {
336 
         id: 0
 401 
         id: 0
337 
       },
 402 
       },
338 
       dialysisSolution: {
 403 
       dialysisSolution: {
339 
         id: 0,
 404 
         id: 0,
340 
-        mode: '',
341 
-        mode_id: '',
342 
-        mode_name: '',
343 
-        dialysis_duration: '',
344 
-        hemodialysis_machine: '',
345 
-        perfusion_apparatus: '',
346 
-        perfusion_apparatus_name: '',
347 
-        blood_flow_volume: '',
348 
-        dewater: '',
405 
+        mode: "",
406 
+        mode_id: "",
407 
+        mode_name: "",
408 
+        dialysis_duration: "",
409 
+        hemodialysis_machine: "",
410 
+        perfusion_apparatus: "",
411 
+        perfusion_apparatus_name: "",
412 
+        blood_flow_volume: "",
413 
+        dewater: "",
349 
         displace_liqui: 0,
 414 
         displace_liqui: 0,
350 
-        replacement_way: '',
351 
-        replacement_way_name: '',
352 
-        anticoagulant: '',
353 
-        anticoagulant_name: '',
354 
-        anticoagulant_shouji: '',
355 
-        anticoagulant_weichi: '',
356 
-        anticoagulant_zongliang: '',
357 
-        anticoagulant_gaimingcheng: '',
358 
-        anticoagulant_gaijiliang: '',
359 
-        kalium: '',
360 
-        sodium: '',
361 
-        calcium: '',
362 
-        bicarbonate: '',
363 
-        glucose: '',
364 
-        dry_weight: '',
365 
-        dialysate_flow: '',
366 
-        dialysate_temperature: '',
367 
-        conductivity: '',
368 
-        doctor: '',
369 
-        remark: ''
415 
+        replacement_way: "",
416 
+        replacement_way_name: "",
417 
+        anticoagulant: "",
418 
+        anticoagulant_name: "",
419 
+        anticoagulant_shouji: "",
420 
+        anticoagulant_weichi: "",
421 
+        anticoagulant_zongliang: "",
422 
+        anticoagulant_gaimingcheng: "",
423 
+        anticoagulant_gaijiliang: "",
424 
+        kalium: "",
425 
+        sodium: "",
426 
+        calcium: "",
427 
+        bicarbonate: "",
428 
+        glucose: "",
429 
+        dry_weight: "",
430 
+        dialysate_flow: "",
431 
+        dialysate_temperature: "",
432 
+        conductivity: "",
433 
+        doctor: "",
434 
+        remark: ""
370 
       }
 435 
       }
371 
-    }
436 
+    };
372 
   },
 437 
   },
373 
   watch: {
 438 
   watch: {
374 
-    'dialysisSolution.anticoagulant': function () {
375 
-      var thismode = parseInt(this.dialysisSolution.anticoagulant)
439 
+    "dialysisSolution.anticoagulant": function() {
440 
+      var thismode = parseInt(this.dialysisSolution.anticoagulant);
376 
       if (isNaN(thismode) || thismode <= 0) {
 441 
       if (isNaN(thismode) || thismode <= 0) {
377 
-        return false
442 
+        return false;
378 
       }
 443 
       }
379 
       if (
 444 
       if (
380 
-        typeof this.anticoagulantsConfit[thismode] === 'undefined' ||
445 
+        typeof this.anticoagulantsConfit[thismode] === "undefined" ||
381 
         this.anticoagulantsConfit[thismode] == null
 446 
         this.anticoagulantsConfit[thismode] == null
382 
       ) {
 447 
       ) {
383 
-        return false
448 
+        return false;
384 
       }
 449 
       }
385 
-      this.anticoagulant = this.anticoagulantsConfit[thismode]
386 
-      this.dialysisSolution.anticoagulant_name = this.anticoagulantsConfit[thismode].name
450 
+      this.anticoagulant = this.anticoagulantsConfit[thismode];
451 
+      this.dialysisSolution.anticoagulant_name = this.anticoagulantsConfit[
452 
+        thismode
453 
+      ].name;
387 
     },
 454 
     },
388 
-    'dialysisSolution.hemodialysis_machine': function () {
389 
-      var machine = parseInt(this.dialysisSolution.hemodialysis_machine)
455 
+    "dialysisSolution.hemodialysis_machine": function() {
456 
+      var machine = parseInt(this.dialysisSolution.hemodialysis_machine);
390 
       if (isNaN(machine) || machine <= 0) {
 457 
       if (isNaN(machine) || machine <= 0) {
391 
-        return
458 
+        return;
392 
       }
 459 
       }
393 
       for (let index = 0; index < this.dialyserList.length; index++) {
 460 
       for (let index = 0; index < this.dialyserList.length; index++) {
394 
         if (machine == this.dialyserList[index].id) {
 461 
         if (machine == this.dialyserList[index].id) {
395 
-          this.dialysisSolution.hemodialysis_machine_name = this.dialyserList[index].name
396 
-          break
462 
+          this.dialysisSolution.hemodialysis_machine_name = this.dialyserList[
463 
+            index
464 
+          ].name;
465 
+          break;
397 
         }
 466 
         }
398 
       }
 467 
       }
399 
     },
 468 
     },
400 
-    'dialysisSolution.perfusion_apparatus': function () {
401 
-      var apparatus = parseInt(this.dialysisSolution.perfusion_apparatus)
469 
+    "dialysisSolution.perfusion_apparatus": function() {
470 
+      var apparatus = parseInt(this.dialysisSolution.perfusion_apparatus);
402 
       if (isNaN(apparatus) || apparatus <= 0) {
 471 
       if (isNaN(apparatus) || apparatus <= 0) {
403 
-        return false
472 
+        return false;
404 
       }
 473 
       }
405 
       for (let index = 0; index < this.perfusion_apparatus.length; index++) {
 474 
       for (let index = 0; index < this.perfusion_apparatus.length; index++) {
406 
         if (apparatus == this.perfusion_apparatus[index].id) {
 475 
         if (apparatus == this.perfusion_apparatus[index].id) {
407 
-          this.dialysisSolution.perfusion_apparatus_name = this.perfusion_apparatus[index].name
408 
-          break
476 
+          this.dialysisSolution.perfusion_apparatus_name = this.perfusion_apparatus[
477 
+            index
478 
+          ].name;
479 
+          break;
409 
         }
 480 
         }
410 
       }
 481 
       }
411 
     },
 482 
     },
412 
-    'dialysisSolution.replacement_way': function () {
413 
-      var way = parseInt(this.dialysisSolution.replacement_way)
483 
+    "dialysisSolution.replacement_way": function() {
484 
+      var way = parseInt(this.dialysisSolution.replacement_way);
414 
       if (isNaN(way) || way <= 0) {
 485 
       if (isNaN(way) || way <= 0) {
415 
-        return false
486 
+        return false;
416 
       }
 487 
       }
417 
       for (let index = 0; index < this.replacementWays.length; index++) {
 488 
       for (let index = 0; index < this.replacementWays.length; index++) {
418 
         if (way == this.replacementWays[index].id) {
 489 
         if (way == this.replacementWays[index].id) {
419 
-          this.dialysisSolution.replacement_way_name = this.replacementWays[index].name
420 
-          break
490 
+          this.dialysisSolution.replacement_way_name = this.replacementWays[
491 
+            index
492 
+          ].name;
493 
+          break;
421 
         }
 494 
         }
422 
       }
 495 
       }
423 
     }
 496 
     }
438 
   //   }
 511 
   //   }
439
512
440 
   // },
 513 
   // },
441 
-  created () {
442 
-    this.doctor = this.$store.getters.user.user.user_name
443 
-    this.modeOptions = this.$store.getters.treatment_mode
444 
-    this.perfusion_apparatus = this.$store.getters.perfusion_apparatus
445 
-    this.anticoagulantsConfit = this.$store.getters.anticoagulants_confit
446 
-    this.replacementWays = this.$store.getters.replacement_ways
514 
+  created() {
515 
+    this.doctor = this.$store.getters.user.user.user_name;
516 
+    this.modeOptions = this.$store.getters.treatment_mode;
517 
+    this.perfusion_apparatus = this.$store.getters.perfusion_apparatus;
518 
+    this.anticoagulantsConfit = this.$store.getters.anticoagulants_confit;
519 
+    this.replacementWays = this.$store.getters.replacement_ways;
447
520
448 
     for (var modeOne in this.modeOptions) {
 521 
     for (var modeOne in this.modeOptions) {
449 
-      this.modeList.push(this.modeOptions[modeOne])
522 
+      this.modeList.push(this.modeOptions[modeOne]);
450 
     }
 523 
     }
451 
     for (var one in this.anticoagulantsConfit) {
 524 
     for (var one in this.anticoagulantsConfit) {
452 
-      this.anticoagulantsConfitList.push(this.anticoagulantsConfit[one])
525 
+      this.anticoagulantsConfitList.push(this.anticoagulantsConfit[one]);
453 
     }
 526 
     }
454
527
455 
-    this.patient = this.patient_prop
528 
+    this.patient = this.patient_prop;
456
529
457 
     // console.log("this.solution_prop",this.solution_prop);
 530 
     // console.log("this.solution_prop",this.solution_prop);
458 
-    if (this.solution_prop != null && this.solution_prop.id != '') {
531 
+    if (this.solution_prop != null && this.solution_prop.id != "") {
459 
       for (const key in this.solution_prop) {
 532 
       for (const key in this.solution_prop) {
460 
-        this.dialysisSolution[key] = this.solution_prop[key]
533 
+        this.dialysisSolution[key] = this.solution_prop[key];
461 
       }
 534 
       }
462 
     }
 535 
     }
463
536
464 
-    this.dialyserList = this.machines_prop
537 
+    this.dialyserList = this.machines_prop;
465 
   }
 538 
   }
466 
   // data() {
 539 
   // data() {
467 
   //   return {
 540 
   //   return {
484 
   //     this.show_two_menu = true;
 557 
   //     this.show_two_menu = true;
485 
   //   }
 558 
   //   }
486 
   // }
 559 
   // }
487 
-}
560 
+};
488 
 </script>
 561 
 </script>
489
562
490 
 <style style="stylesheet/scss" lang="scss" scoped>
 563 
 <style style="stylesheet/scss" lang="scss" scoped>
502 
   max-height: 10.6rem;
 575 
   max-height: 10.6rem;
503 
   min-height: 5rem;
 576 
   min-height: 5rem;
504 
   overflow-y: scroll;
 577 
   overflow-y: scroll;
505 
-   @media only screen and (max-width: 812px) {
578 
+  @media only screen and (max-width: 812px) {
506 
     min-height: 8rem !important;
 579 
     min-height: 8rem !important;
507 
   }
 580 
   }
508 
   ul {
 581 
   ul {

+ 478 - 145
src/pages/main/dialog/MonitDialog.vue View File

15 
           </div>
 15 
           </div>
16 
         </div>
 16 
         </div>
17 
         <div class="DialogContent choose" id="dialogTop">
 17 
         <div class="DialogContent choose" id="dialogTop">
18 
-          <div style="width:100%;overflow:hildden;">
18 
+          <!-- <div style="width:100%;overflow:hildden;">
19 
             <table class="table" style="">
 19 
             <table class="table" style="">
20 
               <tr @click="selectRow(-1, null)">
 20 
               <tr @click="selectRow(-1, null)">
21 
                 <th v-if="isShow('监测时间')" width="124px">时间</th>
 21 
                 <th v-if="isShow('监测时间')" width="124px">时间</th>
67 
                 <td v-if="isShow('结果')">{{item.result}}</td>
 67 
                 <td v-if="isShow('结果')">{{item.result}}</td>
68 
               </tr>
 68 
               </tr>
69 
             </table>
 69 
             </table>
70 
-          </div>
70 
+          </div>-->
71 
+          <el-table :data="monitorRecords" border style="width: 100%">
72 
+              <span v-if="isShow('监测时间')" >
73 
+                <el-table-column fixed prop="date" label="时间" width="100" align="center">
74 
+                  <template slot-scope="scope">
75 
+                    {{parseTime(scope.row.operate_time, '{y}-{m}-{d} {h}:{i}')}}
76 
+                  </template>
77 
+                 </el-table-column>
78 
+              </span>
79 
+              <span v-if="isShow('血压')">
80 
+                  <el-table-column prop="name" label="血压(mmHg)" width="100" align="center">
81 
+                    <template slot-scope="scope">
82 
+                      {{scope.row.systolic_blood_pressure?scope.row.systolic_blood_pressure:''}}/{{scope.row.diastolic_blood_pressure?scope.row.diastolic_blood_pressure:''}}
83 
+                    </template>
84 
+                  </el-table-column>
85 
+               </span>
86 
+
87 
+                <span v-if="isShow('脉搏')">
88 
+                  <el-table-column prop="province" label="脉搏(次/分)" width="120" align="center">
89 
+                    <template slot-scope="scope">
90 
+                       {{scope.row.pulse_frequency?scope.row.pulse_frequency:''}}
91 
+                    </template>
92 
+                  </el-table-column>
93 
+               </span>
94 
+
95 
+              <span v-if="isShow('体温')">
96 
+                 <el-table-column prop="city" label="体温(℃)" width="120" align="center">
97 
+                     <template slot-scope="scope">
98 
+                         {{scope.row.temperature?scope.row.temperature:''}}
99 
+                     </template>
100 
+                 </el-table-column>
101 
+              </span>
102 
+
103 
+              <span v-if="isShow('呼吸频率')">
104 
+                 <el-table-column prop="address" label="呼吸频率(次/分)" width="100" align="center">
105 
+                     <template slot-scope="scope">
106 
+                        {{scope.row.breathing_rate?scope.row.breathing_rate:''}}
107 
+                     </template>
108 
+                 </el-table-column>
109 
+              </span>
110 
+
111 
+              <span v-if="isShow('血流量')">
112 
+                <el-table-column prop="date" label="血流量(ml/min)" width="100" align="center">
113 
+                   <template slot-scope="scope">
114 
+                       {{scope.row.blood_flow_volume?scope.row.blood_flow_volume:''}}
115 
+                   </template>
116 
+                </el-table-column>
117 
+              </span>
118 
+
119 
+            <el-table-column prop="name" label="静脉压/动脉压(mmHg)" width="100" align="center">
120 
+                <template slot-scope="scope">
121 
+                   {{scope.row.venous_pressure?scope.row.venous_pressure:''}}/{{scope.row.arterial_pressure?scope.row.arterial_pressure:''}}
122 
+                </template>
123 
+            </el-table-column>
124 
+
125 
+            <span v-if="isShow('跨膜压')">
126 
+             <el-table-column prop="province" label="跨膜压(mmHg)" width="120" align="center">
127 
+                 <template slot-scope="scope">
128 
+                     {{scope.row.transmembrane_pressure?scope.row.transmembrane_pressure:''}}
129 
+                 </template>
130 
+             </el-table-column>
131 
+            </span>
132 
+
133 
+            <span v-if="isShow('超滤量')">
134 
+               <el-table-column prop="city" label="超滤量(ml)" width="120" align="center">
135 
+                   <template slot-scope="scope">
136 
+                      {{scope.row.ultrafiltration_volume?scope.row.ultrafiltration_volume:''}}
137 
+                   </template>
138 
+               </el-table-column>
139 
+            </span>
140 
+
141 
+             <span v-if="isShow('钠浓度')">
142 
+                 <el-table-column prop="date" label="钠浓度(mmol/L)" width="100" align="center">
143 
+                      <template slot-scope="scope">
144 
+                        {{scope.row.sodium_concentration?scope.row.sodium_concentration:''}}
145 
+                      </template>
146 
+                 </el-table-column>
147 
+             </span>
148 
+
149 
+             <span v-if="isShow('透析液温度')">
150 
+                  <el-table-column prop="name" label="透析液温度(℃)" width="100" align="center">
151 
+                     <template slot-scope="scope">
152 
+                       {{scope.row.dialysate_temperature?scope.row.dialysate_temperature:''}}
153 
+                     </template>
154 
+                  </el-table-column>
155 
+             </span>
156 
+
157 
+              <span v-if="isShow('置换率')">
158 
+                 <el-table-column prop="province" label="置换率(ml/min)" width="120" align="center">
159 
+                    <template slot-scope="scope">
160 
+                       {{scope.row.replacement_rate?scope.row.replacement_rate:''}}
161 
+                    </template>
162 
+                 </el-table-column>
163 
+              </span>
164 
+
165 
+              <span v-if="isShow('置换量')">
166 
+                   <el-table-column prop="date" label="置换量(L)" width="100" align="center">
167 
+                      <template slot-scope="scope">
168 
+                         {{scope.row.displacement_quantity?scope.row.displacement_quantity:''}}
169 
+                      </template>
170 
+                   </el-table-column>
171 
+              </span>
172 
+
173 
+              <span v-if="isShow('电导度')">
174 
+                   <el-table-column prop="date" label="电导度(mS/m)" width="100" align="center">
175 
+                         <template slot-scope="scope">
176 
+                            {{scope.row.conductivity?item.conductivity:''}}
177 
+                         </template>
178 
+                   </el-table-column>
179 
+              </span >
180 
+
181 
+               <span v-if="isShow('置换液流量')">
182 
+                     <el-table-column prop="date" label="置换液流量(ml/h)" width="100" align="center">
183 
+                           <template slot-scope="scope">
184 
+                              {{scope.row.displacement_flow_quantity?scope.row.displacement_flow_quantity:''}}
185 
+                           </template>
186 
+                     </el-table-column>
187 
+               </span>
188 
+
189 
+               <span v-if="isShow('病情变化')">
190 
+                    <el-table-column prop="date" label="病情变化" width="100" align="center">
191 
+                        <template slot-scope="scope">
192 
+                          {{scope.row.symptom}}
193 
+                        </template>
194 
+                    </el-table-column>
195 
+               </span>
196 
+
197 
+                 <span  v-if="isShow('处理')">
198 
+                   <el-table-column prop="date" label="处理" width="100" align="center">
199 
+                       <template slot-scope="scope">
200 
+                           {{scope.row.dispose}}
201 
+                       </template>
202 
+                   </el-table-column>
203 
+                 </span>
204 
+
205 
+                 <span  v-if="isShow('结果')">
206 
+                     <el-table-column prop="date" label="结果" width="100" align="center">
207 
+                       <template slot-scope="scope">
208 
+                           {{scope.row.result}}
209 
+                       </template>
210 
+                     </el-table-column>
211 
+                 </span>
212 
+
213 
+          </el-table>
71 
         </div>
 214 
         </div>
72 
       </div>
 215 
       </div>
73 
       <div class="Dialog" v-show="formPanel">
 216 
       <div class="Dialog" v-show="formPanel">
74 
         <div class="DialogTit">
 217 
         <div class="DialogTit">
75 
-          <div class="back" @click="formPanel=false;listPanel=true;"><span class="iconfont">&#xe720; </span>返回</div>
218 
+          <div class="back" @click="formPanel=false;listPanel=true;">
219 
+            <span class="iconfont">&#xe720;</span>返回
220 
+          </div>
76 
           <h1 class="name">{{formTitle}}</h1>
 221 
           <h1 class="name">{{formTitle}}</h1>
77 
           <span class="success" v-if="form.id>0" @click="submitEditAction()">完成</span>
 222 
           <span class="success" v-if="form.id>0" @click="submitEditAction()">完成</span>
78 
           <span class="success" v-else @click="submitAction()">完成</span>
 223 
           <span class="success" v-else @click="submitAction()">完成</span>
79 
-
80 
         </div>
 224 
         </div>
81 
         <div class="DialogContent choose">
 225 
         <div class="DialogContent choose">
82 
           <div class="content">
 226 
           <div class="content">
83 
             <div class="cell" v-if="isShow('监测时间')">
 227 
             <div class="cell" v-if="isShow('监测时间')">
84 
               <label>监测时间</label>
 228 
               <label>监测时间</label>
85 
-              <input type="text" class="inputBox" @click="chooseTime()"
86 
-                     :value="parseTime(this.form.operate_time, '{y}-{m}-{d} {h}:{i}')" readonly>
229 
+              <input
230 
+                type="text"
231 
+                class="inputBox"
232 
+                @click="chooseTime()"
233 
+                :value="parseTime(this.form.operate_time, '{y}-{m}-{d} {h}:{i}')"
234 
+                readonly
235 
+              />
87 
             </div>
 236 
             </div>
88 
             <div class="cell" v-if="isShow('收缩压')">
 237 
             <div class="cell" v-if="isShow('收缩压')">
89 
               <label>收缩压(mmHg)</label>
 238 
               <label>收缩压(mmHg)</label>
90 
-              <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox"
91 
-                     v-model="form.systolic_bp">
239 
+              <input
240 
+                type="number"
241 
+                @focus="inputFocus"
242 
+                onclick="this.select();"
243 
+                class="inputBox"
244 
+                v-model="form.systolic_bp"
245 
+              />
92 
             </div>
 246 
             </div>
93 
             <div class="cell" v-if="isShow('舒张压')">
 247 
             <div class="cell" v-if="isShow('舒张压')">
94 
               <label>舒张压(mmHg)</label>
 248 
               <label>舒张压(mmHg)</label>
95 
-              <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox"
96 
-                     v-model="form.diastolic_bp">
249 
+              <input
250 
+                type="number"
251 
+                @focus="inputFocus"
252 
+                onclick="this.select();"
253 
+                class="inputBox"
254 
+                v-model="form.diastolic_bp"
255 
+              />
97 
             </div>
 256 
             </div>
98 
             <div class="cell" v-if="isShow('脉搏')">
 257 
             <div class="cell" v-if="isShow('脉搏')">
99 
               <label>脉搏(次/分)</label>
 258 
               <label>脉搏(次/分)</label>
100 
-              <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox"
101 
-                     v-model="form.pulse_frequency">
259 
+              <input
260 
+                type="number"
261 
+                @focus="inputFocus"
262 
+                onclick="this.select();"
263 
+                class="inputBox"
264 
+                v-model="form.pulse_frequency"
265 
+              />
102 
             </div>
 266 
             </div>
103 
             <div class="cell" v-if="isShow('体温')">
 267 
             <div class="cell" v-if="isShow('体温')">
104 
               <label>体温(℃)</label>
 268 
               <label>体温(℃)</label>
105 
-              <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox"
106 
-                     v-model="form.temperature">
269 
+              <input
270 
+                type="number"
271 
+                @focus="inputFocus"
272 
+                onclick="this.select();"
273 
+                class="inputBox"
274 
+                v-model="form.temperature"
275 
+              />
107 
             </div>
 276 
             </div>
108 
             <div class="cell" v-if="isShow('呼吸频率')">
 277 
             <div class="cell" v-if="isShow('呼吸频率')">
109 
               <label>呼吸频率(次/分)</label>
 278 
               <label>呼吸频率(次/分)</label>
110 
-              <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox"
111 
-                     v-model="form.breathing_rated">
279 
+              <input
280 
+                type="number"
281 
+                @focus="inputFocus"
282 
+                onclick="this.select();"
283 
+                class="inputBox"
284 
+                v-model="form.breathing_rated"
285 
+              />
112 
             </div>
 286 
             </div>
113 
             <div class="cell" v-if="isShow('血流量')">
 287 
             <div class="cell" v-if="isShow('血流量')">
114 
               <label>血流量(ml/min)</label>
 288 
               <label>血流量(ml/min)</label>
115 
-              <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox"
116 
-                     v-model="form.blood_flow_volume">
289 
+              <input
290 
+                type="number"
291 
+                @focus="inputFocus"
292 
+                onclick="this.select();"
293 
+                class="inputBox"
294 
+                v-model="form.blood_flow_volume"
295 
+              />
117 
             </div>
 296 
             </div>
118 
             <div class="cell">
 297 
             <div class="cell">
119 
               <label>静脉压(mmHg)</label>
 298 
               <label>静脉压(mmHg)</label>
120 
-              <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox" v-model="form.venous_pressure" style="width:60%">
121 
-               <button style="width:30%;padding: 0.18rem 0; color: #fff; background: #409eff;" @click="venousPressureChange(1)" >转换</button>
299 
+              <input
300 
+                type="number"
301 
+                @focus="inputFocus"
302 
+                onclick="this.select();"
303 
+                class="inputBox"
304 
+                v-model="form.venous_pressure"
305 
+                style="width:60%"
306 
+              />
307 
+              <button
308 
+                style="width:30%;padding: 0.18rem 0; color: #fff; background: #409eff;"
309 
+                @click="venousPressureChange(1)"
310 
+              >转换</button>
122 
             </div>
 311 
             </div>
123 
             <div class="cell" v-if="isShow('跨膜压')">
 312 
             <div class="cell" v-if="isShow('跨膜压')">
124 
               <label>跨膜压(mmHg)</label>
 313 
               <label>跨膜压(mmHg)</label>
125 
-              <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox" v-model="form.transmembrane_pressure" style="width:60%">
126 
-              <button style="width:30%;padding: 0.18rem 0; color: #fff; background: #409eff;" @click="venousPressureChange(2)" >转换</button>
314 
+              <input
315 
+                type="number"
316 
+                @focus="inputFocus"
317 
+                onclick="this.select();"
318 
+                class="inputBox"
319 
+                v-model="form.transmembrane_pressure"
320 
+                style="width:60%"
321 
+              />
322 
+              <button
323 
+                style="width:30%;padding: 0.18rem 0; color: #fff; background: #409eff;"
324 
+                @click="venousPressureChange(2)"
325 
+              >转换</button>
127 
             </div>
 326 
             </div>
128 
             <div class="cell" v-if="isShow('超滤量')">
 327 
             <div class="cell" v-if="isShow('超滤量')">
129 
               <label v-if="template_id == 6">超滤量(ml)</label>
 328 
               <label v-if="template_id == 6">超滤量(ml)</label>
130 
               <label v-else>超滤量(L)</label>
 329 
               <label v-else>超滤量(L)</label>
131 
-              <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox"
132 
-                     v-model="form.ultrafiltration_volume">
330 
+              <input
331 
+                type="number"
332 
+                @focus="inputFocus"
333 
+                onclick="this.select();"
334 
+                class="inputBox"
335 
+                v-model="form.ultrafiltration_volume"
336 
+              />
133 
             </div>
 337 
             </div>
134 
             <div class="cell" v-if="isShow('超滤率')">
 338 
             <div class="cell" v-if="isShow('超滤率')">
339 
+<<<<<<< HEAD
135 
               <label v-if="template_id == 6">超滤率(ml/h)</label>
 340 
               <label v-if="template_id == 6">超滤率(ml/h)</label>
136 
               <label v-else>超滤率(L/h)</label>
 341 
               <label v-else>超滤率(L/h)</label>
137
342
138 
               <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox"
 343 
               <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox"
139 
                      v-model="form.ultrafiltration_rate">
 344 
                      v-model="form.ultrafiltration_rate">
345 
+=======
346 
+              <label>超滤率(ml/h)</label>
347 
+              <input
348 
+                type="number"
349 
+                @focus="inputFocus"
350 
+                onclick="this.select();"
351 
+                class="inputBox"
352 
+                v-model="form.ultrafiltration_rate"
353 
+              />
354 
+>>>>>>> wzf_temp
140 
             </div>
 355 
             </div>
141 
             <div class="cell">
 356 
             <div class="cell">
142 
               <label>动脉压(mmHg)</label>
 357 
               <label>动脉压(mmHg)</label>
143 
-              <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox" v-model="form.arterial_pressure" style="width:60%">
144 
-              <button style="width:30%;padding: 0.18rem 0; color: #fff; background: #409eff;" @click="venousPressureChange(3)" >转换</button>
358 
+              <input
359 
+                type="number"
360 
+                @focus="inputFocus"
361 
+                onclick="this.select();"
362 
+                class="inputBox"
363 
+                v-model="form.arterial_pressure"
364 
+                style="width:60%"
365 
+              />
366 
+              <button
367 
+                style="width:30%;padding: 0.18rem 0; color: #fff; background: #409eff;"
368 
+                @click="venousPressureChange(3)"
369 
+              >转换</button>
145 
             </div>
 370 
             </div>
146 
             <div class="cell" v-if="isShow('透析液温度')">
 371 
             <div class="cell" v-if="isShow('透析液温度')">
147 
               <label>透析液温度(℃)</label>
 372 
               <label>透析液温度(℃)</label>
148 
-              <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox"
149 
-                     v-model="form.dialysate_temperature">
373 
+              <input
374 
+                type="number"
375 
+                @focus="inputFocus"
376 
+                onclick="this.select();"
377 
+                class="inputBox"
378 
+                v-model="form.dialysate_temperature"
379 
+              />
150 
             </div>
 380 
             </div>
151 
-             <div class="cell" v-if="isShow('钠浓度')">
381 
+            <div class="cell" v-if="isShow('钠浓度')">
152 
               <label>钠浓度(mmol/L)</label>
 382 
               <label>钠浓度(mmol/L)</label>
153 
-              <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox"
154 
-                     v-model="form.sodium_concentration">
383 
+              <input
384 
+                type="number"
385 
+                @focus="inputFocus"
386 
+                onclick="this.select();"
387 
+                class="inputBox"
388 
+                v-model="form.sodium_concentration"
389 
+              />
155 
             </div>
 390 
             </div>
156 
             <div class="cell" v-if="isShow('置换率')">
 391 
             <div class="cell" v-if="isShow('置换率')">
157 
               <label v-if="template_id == 6">置换率(ml/min)</label>
 392 
               <label v-if="template_id == 6">置换率(ml/min)</label>
158 
               <label v-else>置换率(L/h)</label>
 393 
               <label v-else>置换率(L/h)</label>
159 
-              <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox"
160 
-                     v-model="form.replacement_rate">
394 
+              <input
395 
+                type="number"
396 
+                @focus="inputFocus"
397 
+                onclick="this.select();"
398 
+                class="inputBox"
399 
+                v-model="form.replacement_rate"
400 
+              />
161 
             </div>
 401 
             </div>
162 
             <div class="cell" v-if="isShow('置换量')">
 402 
             <div class="cell" v-if="isShow('置换量')">
163 
               <label v-if="template_id == 6">置换量(ml)</label>
 403 
               <label v-if="template_id == 6">置换量(ml)</label>
164 
               <label v-else>置换量(L)</label>
 404 
               <label v-else>置换量(L)</label>
165 
-              <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox"
166 
-                     v-model="form.displacement_quantity">
405 
+              <input
406 
+                type="number"
407 
+                @focus="inputFocus"
408 
+                onclick="this.select();"
409 
+                class="inputBox"
410 
+                v-model="form.displacement_quantity"
411 
+              />
167 
             </div>
 412 
             </div>
168 
             <div class="cell" v-if="isShow('电导度')">
 413 
             <div class="cell" v-if="isShow('电导度')">
169 
               <label>电导度(mS/m)</label>
 414 
               <label>电导度(mS/m)</label>
170 
-              <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox"
171 
-                     v-model="form.conductivity">
415 
+              <input
416 
+                type="number"
417 
+                @focus="inputFocus"
418 
+                onclick="this.select();"
419 
+                class="inputBox"
420 
+                v-model="form.conductivity"
421 
+              />
172 
             </div>
 422 
             </div>
173
423
174 
             <div class="cell" v-if="isShow('置换液流量')">
 424 
             <div class="cell" v-if="isShow('置换液流量')">
175 
               <label>置换液流量(ml/h)</label>
 425 
               <label>置换液流量(ml/h)</label>
176 
-              <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox"
177 
-                     v-model="form.displacement_flow_quantity">
426 
+              <input
427 
+                type="number"
428 
+                @focus="inputFocus"
429 
+                onclick="this.select();"
430 
+                class="inputBox"
431 
+                v-model="form.displacement_flow_quantity"
432 
+              />
178 
             </div>
 433 
             </div>
179
434
180 
             <div class="cell width" v-if="isShow('KT/V')">
 435 
             <div class="cell width" v-if="isShow('KT/V')">
181 
               <label>KT/V(在线)</label>
 436 
               <label>KT/V(在线)</label>
182 
               <!-- <input type="text" class="inputBox" v-model="form.ktv"> -->
 437 
               <!-- <input type="text" class="inputBox" v-model="form.ktv"> -->
183 
-              <textarea @focus="inputFocus" class="inputBox" style="width: 100%;" :rows="4"
184 
-                        v-model="form.ktv"></textarea>
438 
+              <textarea
439 
+                @focus="inputFocus"
440 
+                class="inputBox"
441 
+                style="width: 100%;"
442 
+                :rows="4"
443 
+                v-model="form.ktv"
444 
+              ></textarea>
185 
             </div>
 445 
             </div>
186 
             <div class="cell width" v-if="isShow('病情变化')">
 446 
             <div class="cell width" v-if="isShow('病情变化')">
187 
               <label>病情变化</label>
 447 
               <label>病情变化</label>
188 
-              <input type="text" class="inputBox" style="width: 100%;margin-bottom:5px;" v-model="form.symptom" readonly
189 
-                     placeholder="选择 " @click="showSubMenu('symptom')">
190 
-              <textarea @focus="inputFocus" class="inputBox" style="width: 100%;" :rows="4"
191 
-                        v-model="form.symptom"></textarea>
448 
+              <input
449 
+                type="text"
450 
+                class="inputBox"
451 
+                style="width: 100%;margin-bottom:5px;"
452 
+                v-model="form.symptom"
453 
+                readonly
454 
+                placeholder="选择 "
455 
+                @click="showSubMenu('symptom')"
456 
+              />
457 
+              <textarea
458 
+                @focus="inputFocus"
459 
+                class="inputBox"
460 
+                style="width: 100%;"
461 
+                :rows="4"
462 
+                v-model="form.symptom"
463 
+              ></textarea>
192 
             </div>
 464 
             </div>
193 
             <div class="cell width" v-if="isShow('处理')">
 465 
             <div class="cell width" v-if="isShow('处理')">
194 
               <label>处理</label>
 466 
               <label>处理</label>
195 
               <!-- <input type="text" class="inputBox" v-model="form.dispose"> -->
 467 
               <!-- <input type="text" class="inputBox" v-model="form.dispose"> -->
196 
-              <input type="text" class="inputBox" style="width: 100%;margin-bottom:5px;" v-model="form.dispose" readonly
197 
-                     placeholder="选择" @click="showSubMenu('dispose')">
198 
-              <textarea @focus="inputFocus" class="inputBox" style="width: 100%;" :rows="4"
199 
-                        v-model="form.dispose"></textarea>
468 
+              <input
469 
+                type="text"
470 
+                class="inputBox"
471 
+                style="width: 100%;margin-bottom:5px;"
472 
+                v-model="form.dispose"
473 
+                readonly
474 
+                placeholder="选择"
475 
+                @click="showSubMenu('dispose')"
476 
+              />
477 
+              <textarea
478 
+                @focus="inputFocus"
479 
+                class="inputBox"
480 
+                style="width: 100%;"
481 
+                :rows="4"
482 
+                v-model="form.dispose"
483 
+              ></textarea>
200 
             </div>
 484 
             </div>
201 
             <div class="cell width" v-if="isShow('结果')">
 485 
             <div class="cell width" v-if="isShow('结果')">
202 
               <label>结果</label>
 486 
               <label>结果</label>
203 
               <!-- <input type="text" class="inputBox" v-model="form.result"> -->
 487 
               <!-- <input type="text" class="inputBox" v-model="form.result"> -->
204 
-              <input type="text" class="inputBox" style="width: 100%;margin-bottom:5px;" v-model="form.result" readonly
205 
-                     placeholder="选择" @click="showSubMenu('result')">
206 
-              <textarea @focus="lastInputFocus" @blur="lastInputBlur" class="inputBox" style="width: 100%;" :rows="4"
207 
-                        v-model="form.result"></textarea>
488 
+              <input
489 
+                type="text"
490 
+                class="inputBox"
491 
+                style="width: 100%;margin-bottom:5px;"
492 
+                v-model="form.result"
493 
+                readonly
494 
+                placeholder="选择"
495 
+                @click="showSubMenu('result')"
496 
+              />
497 
+              <textarea
498 
+                @focus="lastInputFocus"
499 
+                @blur="lastInputBlur"
500 
+                class="inputBox"
501 
+                style="width: 100%;"
502 
+                :rows="4"
503 
+                v-model="form.result"
504 
+              ></textarea>
208 
             </div>
 505 
             </div>
209
506
210 
             <div class="cell width">
 507 
             <div class="cell width">
211 
               <label>监测人：</label>
 508 
               <label>监测人：</label>
212 
               <span>{{doctor}}</span>
 509 
               <span>{{doctor}}</span>
213 
             </div>
 510 
             </div>
214 
-
215 
           </div>
 511 
           </div>
216 
         </div>
 512 
         </div>
217 
       </div>
 513 
       </div>
218 
     </div>
 514 
     </div>
219
515
220 
-    <mt-datetime-picker
221 
-      ref="picker"
222 
-      type="datetime"
223 
-      @confirm="handleConfirm"
224 
-      v-model="pickertime">
225 
-    </mt-datetime-picker>
226 
-
227 
-    <check-box-sub-menu :visibility="visibility" v-on:menu-cancle="menuCancle" v-on:menu-comfirm="menuComfirm"
228 
-                        :propsForm="propForm"></check-box-sub-menu>
516 
+    <mt-datetime-picker ref="picker" type="datetime" @confirm="handleConfirm" v-model="pickertime"></mt-datetime-picker>
229
517
518 
+    <check-box-sub-menu
519 
+      :visibility="visibility"
520 
+      v-on:menu-cancle="menuCancle"
521 
+      v-on:menu-comfirm="menuComfirm"
522 
+      :propsForm="propForm"
523 
+    ></check-box-sub-menu>
230 
   </div>
 524 
   </div>
231 
 </template>
 525 
 </template>
232
526
233 
 <script>
 527 
 <script>
234 
-import {addMonitorRecord, deleteMonitorRecord, editMonitorRecord, GetMonitor, GetMonitorToday} from '@/api/dialysis'
235 
-import {parseTime} from '@/utils'
236 
-import {Dialog, Toast} from 'vant'
528 
+import {
529 
+  addMonitorRecord,
530 
+  deleteMonitorRecord,
531 
+  editMonitorRecord,
532 
+  GetMonitor,
533 
+  GetMonitorToday
534 
+} from '@/api/dialysis'
535 
+import { parseTime } from '@/utils'
536 
+import { Dialog, Toast } from 'vant'
237 
 import CheckBoxSubMenu from './subMenu/checkBoxSubMenu'
 537 
 import CheckBoxSubMenu from './subMenu/checkBoxSubMenu'
238 
-import {getDataConfig} from '@/utils/data'
538 
+import { getDataConfig } from '@/utils/data'
239
539
240 
 export default {
 540 
 export default {
241 
   name: 'MonitDialog',
 541 
   name: 'MonitDialog',
348 
       if (type == 1) {
 648 
       if (type == 1) {
349 
         this.form.venous_pressure =Math.ceil(Math.round(this.form.venous_pressure * 7.5))
 649 
         this.form.venous_pressure =Math.ceil(Math.round(this.form.venous_pressure * 7.5))
350 
       } else if (type == 2) {
 650 
       } else if (type == 2) {
651 
+
351 
         this.form.transmembrane_pressure = Math.ceil(Math.round(this.form.transmembrane_pressure * 7.5))
 652 
         this.form.transmembrane_pressure = Math.ceil(Math.round(this.form.transmembrane_pressure * 7.5))
653 
+
352 
       } else {
 654 
       } else {
353 
         this.form.arterial_pressure =  Math.ceil(Math.round(this.form.arterial_pressure * 7.5))
 655 
         this.form.arterial_pressure =  Math.ceil(Math.round(this.form.arterial_pressure * 7.5))
354 
       }
 656 
       }
357 
       var filedList = this.$store.getters.user.fileds
 659 
       var filedList = this.$store.getters.user.fileds
358
660
359 
       for (let i = 0; i < filedList.length; i++) {
 661 
       for (let i = 0; i < filedList.length; i++) {
360 
-        if (filedList[i].module == 4 && filedList[i].filed_name_cn == name && filedList[i].is_show == 1) {
662 
+        if (
663 
+          filedList[i].module == 4 &&
664 
+          filedList[i].filed_name_cn == name &&
665 
+          filedList[i].is_show == 1
666 
+        ) {
361 
           return true
 667 
           return true
362 
         }
 668 
         }
363 
       }
 669 
       }
373 
         this.today_last_monitor_record = resp.monitor
 679 
         this.today_last_monitor_record = resp.monitor
374
680
375 
         // this.form.operate_time = Date.parse(new Date())
 681 
         // this.form.operate_time = Date.parse(new Date())
376 
-        this.form.operate_time = resp.monitor.operate_time ? (resp.monitor.operate_time + 3600) * 1000 : Date.parse(new Date())
682 
+        this.form.operate_time = resp.monitor.operate_time
683 
+          ? (resp.monitor.operate_time + 3600) * 1000
684 
+          : Date.parse(new Date())
377 
         this.form.pulse_frequency = '' // this.last_monitor_record.pulse_frequency;
 685 
         this.form.pulse_frequency = '' // this.last_monitor_record.pulse_frequency;
378 
-        this.form.breathing_rated = resp.monitor.breathing_rate ? resp.monitor.breathing_rate : ''
686 
+        this.form.breathing_rated = resp.monitor.breathing_rate
687 
+          ? resp.monitor.breathing_rate
688 
+          : ''
379 
         this.form.systolic_bp = '' // this.last_monitor_record.systolic_blood_pressure;
 689 
         this.form.systolic_bp = '' // this.last_monitor_record.systolic_blood_pressure;
380 
         this.form.diastolic_bp = '' // this.last_monitor_record.diastolic_blood_pressure;
 690 
         this.form.diastolic_bp = '' // this.last_monitor_record.diastolic_blood_pressure;
381 
-        this.form.blood_flow_volume = resp.monitor.blood_flow_volume ? resp.monitor.blood_flow_volume : ''
382 
-        this.form.venous_pressure = ''// this.last_monitor_record.venous_pressure;
691 
+        this.form.blood_flow_volume = resp.monitor.blood_flow_volume
692 
+          ? resp.monitor.blood_flow_volume
693 
+          : ''
694 
+        this.form.venous_pressure = '' // this.last_monitor_record.venous_pressure;
383 
         this.form.arterial_pressure = '' // this.last_monitor_record.arterial_pressure;
 695 
         this.form.arterial_pressure = '' // this.last_monitor_record.arterial_pressure;
384 
         this.form.transmembrane_pressure = '' // this.last_monitor_record.transmembrane_pressure;
 696 
         this.form.transmembrane_pressure = '' // this.last_monitor_record.transmembrane_pressure;
385 
-        this.form.ultrafiltration_rate = resp.monitor.ultrafiltration_rate ? resp.monitor.ultrafiltration_rate : ''
386 
-        this.form.ultrafiltration_volume = resp.monitor.ultrafiltration_volume ? resp.monitor.ultrafiltration_volume : ''
387 
-        this.form.sodium_concentration = resp.monitor.sodium_concentration ? resp.monitor.sodium_concentration : ''
388 
-        this.form.dialysate_temperature = resp.monitor.dialysate_temperature ? resp.monitor.dialysate_temperature : ''
389 
-        this.form.temperature = resp.monitor.temperature ? resp.monitor.temperature : ''
390 
-        this.form.replacement_rate = resp.monitor.replacement_rate ? resp.monitor.replacement_rate : ''
697 
+        this.form.ultrafiltration_rate = resp.monitor.ultrafiltration_rate
698 
+          ? resp.monitor.ultrafiltration_rate
699 
+          : ''
700 
+        this.form.ultrafiltration_volume = resp.monitor.ultrafiltration_volume
701 
+          ? resp.monitor.ultrafiltration_volume
702 
+          : ''
703 
+        this.form.sodium_concentration = resp.monitor.sodium_concentration
704 
+          ? resp.monitor.sodium_concentration
705 
+          : ''
706 
+        this.form.dialysate_temperature = resp.monitor.dialysate_temperature
707 
+          ? resp.monitor.dialysate_temperature
708 
+          : ''
709 
+        this.form.temperature = resp.monitor.temperature
710 
+          ? resp.monitor.temperature
711 
+          : ''
712 
+        this.form.replacement_rate = resp.monitor.replacement_rate
713 
+          ? resp.monitor.replacement_rate
714 
+          : ''
391 
         this.form.displacement_quantity = '' // this.last_monitor_record.displacement_quantity;
 715 
         this.form.displacement_quantity = '' // this.last_monitor_record.displacement_quantity;
392 
         this.form.conductivity = ''
 716 
         this.form.conductivity = ''
393 
         this.form.displacement_flow_quantity = ''
 717 
         this.form.displacement_flow_quantity = ''
394
718
395 
         this.form.ktv = '' // this.last_monitor_record.ktv;
 719 
         this.form.ktv = '' // this.last_monitor_record.ktv;
396 
-        this.form.symptom = ''// this.last_monitor_record.symptom;
720 
+        this.form.symptom = '' // this.last_monitor_record.symptom;
397 
         this.form.dispose = '' // this.last_monitor_record.dispose;
 721 
         this.form.dispose = '' // this.last_monitor_record.dispose;
398 
         this.form.result = '' // this.last_monitor_record.result;
 722 
         this.form.result = '' // this.last_monitor_record.result;
399 
         this.form.id = -1
 723 
         this.form.id = -1
508 
           if (monitor.displacement_flow_quantity == 0) {
 832 
           if (monitor.displacement_flow_quantity == 0) {
509 
             this.form.displacement_flow_quantity = ''
 833 
             this.form.displacement_flow_quantity = ''
510 
           } else {
 834 
           } else {
511 
-            this.form.displacement_flow_quantity = monitor.displacement_flow_quantity
835 
+            this.form.displacement_flow_quantity =
836 
+              monitor.displacement_flow_quantity
512 
           }
 837 
           }
513
838
514 
           this.form.ktv = monitor.ktv
 839 
           this.form.ktv = monitor.ktv
598 
             }
 923 
             }
599 
           })
 924 
           })
600 
         })
 925 
         })
601 
-        .catch(() => {
602 
-        })
926 
+        .catch(() => {})
603 
     },
 927 
     },
604 
     handleConfirm (time) {
 928 
     handleConfirm (time) {
605 
       this.form.operate_time = time.getTime()
 929 
       this.form.operate_time = time.getTime()
779 
       var m = newDate.getMonth() + 1
 1103 
       var m = newDate.getMonth() + 1
780 
       var d = newDate.getDate()
 1104 
       var d = newDate.getDate()
781 
       var record_date =
 1105 
       var record_date =
782 
-          y + '/' + (m < 10 ? '0' + m : m) + '/' + (d < 10 ? '0' + d : d)
783 
-      this.form.monitor_date = new Date(record_date + ' 00:00:00').getTime() / 1000
1106 
+        y + '/' + (m < 10 ? '0' + m : m) + '/' + (d < 10 ? '0' + d : d)
1107 
+      this.form.monitor_date =
1108 
+        new Date(record_date + ' 00:00:00').getTime() / 1000
784 
       var nowTime = new Date()
 1109 
       var nowTime = new Date()
785 
       // this.form.monitor_time = parseTime(nowTime, "{h}:{i}");
 1110 
       // this.form.monitor_time = parseTime(nowTime, "{h}:{i}");
786 
       // this.monitor_time_str = this.handleTime(nowTime);
 1111 
       // this.monitor_time_str = this.handleTime(nowTime);
792 
     },
 1117 
     },
793 
     submitEditAction: function () {
 1118 
     submitEditAction: function () {
794 
       this.loading = true
 1119 
       this.loading = true
795 
-      Toast.loading({forbidClick: true, duration: 0})
1120 
+      Toast.loading({ forbidClick: true, duration: 0 })
796 
       var params = {}
 1121 
       var params = {}
797 
       params.patient_id = this.patient.id
 1122 
       params.patient_id = this.patient.id
798 
       params.order_id = this.order == null ? 0 : this.order.id
 1123 
       params.order_id = this.order == null ? 0 : this.order.id
867 
     },
 1192 
     },
868 
     submitAction: function () {
 1193 
     submitAction: function () {
869 
       this.loading = true
 1194 
       this.loading = true
870 
-      Toast.loading({forbidClick: true, duration: 0})
1195 
+      Toast.loading({ forbidClick: true, duration: 0 })
871 
       var params = {}
 1196 
       var params = {}
872 
       params.patient_id = this.patient.id
 1197 
       params.patient_id = this.patient.id
873 
       params.order_id = this.order == null ? 0 : this.order.id
 1198 
       params.order_id = this.order == null ? 0 : this.order.id
1076 
 </script>
 1401 
 </script>
1077
1402
1078 
 <style style="stylesheet/scss" lang="scss" scoped>
 1403 
 <style style="stylesheet/scss" lang="scss" scoped>
1079 
-  .DialogContent {
1404 
+.DialogContent {
1080 
   .content {
 1405 
   .content {
1081 
-  .cell {
1082 
-  float: left;
1083 
-  width: 4.93rem;
1084 
-  margin: 0.35rem 0 0 0.5rem !important;
1085 
-  label {
1086 
-  display: block;
1087 
-  height: 0.55rem;
1088 
-  line-height: 0.55rem;
1089 
-  color: $pgh-color;
1090 
-  }
1091 
-  select {
1092 
-  width: 100%;
1093 
-  padding: 0.2rem 0;
1094 
-  border: 1px $border-color solid;
1095 
-  border-radius: 2px;
1096 
-  padding-left: 5px;
1097 
-  }
1406 
+    .cell {
1407 
+      float: left;
1408 
+      width: 4.93rem;
1409 
+      margin: 0.35rem 0 0 0.5rem !important;
1410 
+      label {
1411 
+        display: block;
1412 
+        height: 0.55rem;
1413 
+        line-height: 0.55rem;
1414 
+        color: $pgh-color;
1415 
+      }
1416 
+      select {
1417 
+        width: 100%;
1418 
+        padding: 0.2rem 0;
1419 
+        border: 1px $border-color solid;
1420 
+        border-radius: 2px;
1421 
+        padding-left: 5px;
1422 
+      }
1098
1423
1099 
-  .inputBox {
1100 
-  border: 1px $border-color solid;
1101 
-  border-radius: 2px;
1102 
-  padding: 0.18rem 0;
1103 
-  padding-left: 5px;
1104 
-  width: 100%;
1105 
-  }
1106 
-  .input_focus {
1107 
-  margin-bottom: 2rem;
1108 
-  }
1109 
-  .textarea {
1110 
-  width: 100%;
1111 
-  height: 1.22rem;
1112 
-  border: 1px $border-color solid;
1113 
-  border-radius: 2px;
1114 
-  padding-left: 5px;
1115 
-  }
1116 
-  }
1117 
-  .width {
1118 
-  width: 95%;
1119 
-  @include box-sizing;
1120 
-  label {
1121 
-  display: inline-block;
1122 
-  }
1123 
-  button {
1124 
-  background: $main-color;
1125 
-  color: #fff;
1126 
-  border-radius: 6px;
1127 
-  width: 3.1rem;
1128 
-  height: 0.9rem;
1129 
-  line-height: 0.9rem;
1130 
-  text-align: center;
1131 
-  margin: 0 0 0.9rem 0;
1132 
-  }
1133 
-  }
1134 
-  .center {
1135 
-  text-align: center;
1136 
-  }
1137 
-  }
1424 
+      .inputBox {
1425 
+        border: 1px $border-color solid;
1426 
+        border-radius: 2px;
1427 
+        padding: 0.18rem 0;
1428 
+        padding-left: 5px;
1429 
+        width: 100%;
1430 
+      }
1431 
+      .input_focus {
1432 
+        margin-bottom: 2rem;
1433 
+      }
1434 
+      .textarea {
1435 
+        width: 100%;
1436 
+        height: 1.22rem;
1437 
+        border: 1px $border-color solid;
1438 
+        border-radius: 2px;
1439 
+        padding-left: 5px;
1440 
+      }
1441 
+    }
1442 
+    .width {
1443 
+      width: 95%;
1444 
+      @include box-sizing;
1445 
+      label {
1446 
+        display: inline-block;
1447 
+      }
1448 
+      button {
1449 
+        background: $main-color;
1450 
+        color: #fff;
1451 
+        border-radius: 6px;
1452 
+        width: 3.1rem;
1453 
+        height: 0.9rem;
1454 
+        line-height: 0.9rem;
1455 
+        text-align: center;
1456 
+        margin: 0 0 0.9rem 0;
1457 
+      }
1458 
+    }
1459 
+    .center {
1460 
+      text-align: center;
1461 
+    }
1138 
   }
 1462 
   }
1463 
+}
1139
1464
1140 
-  .row-class-active > td {
1465 
+.row-class-active > td {
1141 
   background: #badcff !important;
 1466 
   background: #badcff !important;
1142 
-  }
1467 
+}
1468 
+</style>
1469 
+<style lang="scss">
1470 
+.el-table td {
1471 
+  padding: 0;
1472 
+}
1473 
+.el-table th {
1474 
+  padding: 6px 0;
1475 
+}
1143 
 </style>
 1476 
 </style>

+ 199 - 136
src/pages/main/dialog/OrdersDialog.vue View File

1 
 <template>
 1 
 <template>
2 
   <div>
 2 
   <div>
3 
-    <div class="Dialog" v-show="index==0" style="width: 18rem;">
3 
+    <div class="Dialog" v-show="index==0" style="width: 11.8rem;">
4 
       <div class="DialogTit" @click="$emit('orderDialog')">
 4 
       <div class="DialogTit" @click="$emit('orderDialog')">
5 
         <span class="iconfont">&#xe6e9;</span>
 5 
         <span class="iconfont">&#xe6e9;</span>
6 
         <h1 class="name">临时医嘱</h1>
 6 
         <h1 class="name">临时医嘱</h1>
7 
         <span class="success">&nbsp;</span>
 7 
         <span class="success">&nbsp;</span>
8 
       </div>
 8 
       </div>
9 
       <div class="yzNav" style="width:100%;">
 9 
       <div class="yzNav" style="width:100%;">
10 
-        <span  @click="openNewAdvice"
11 
-               :class="{ forbid: this.$store.getters.user.user.user_type == 3 }"
10 
+        <span
11 
+          @click="openNewAdvice"
12 
+          :class="{ forbid: this.$store.getters.user.user.user_type == 3 }"
12 
         >新增医嘱</span>
 13 
         >新增医嘱</span>
13 
         <span
 14 
         <span
14 
           v-if="isShowExce"
 15 
           v-if="isShowExce"
20 
           @click="modifyExecAdvice"
 21 
           @click="modifyExecAdvice"
21 
           :class="{ forbid: (current_advice&& current_advice.parent_id > 0) }"
 22 
           :class="{ forbid: (current_advice&& current_advice.parent_id > 0) }"
22 
         >修改执行医嘱</span>
 23 
         >修改执行医嘱</span>
23 
-        <span v-if="template_id != 6"
24 
+        <span
25 
+          v-if="template_id != 6"
24 
           @click="checkAdvice"
 26 
           @click="checkAdvice"
25 
           :class="{ forbid: (current_advice&& current_advice.parent_id > 0) || (this.$store.getters.user.user.user_type == 2 && !isPremission) }"
 27 
           :class="{ forbid: (current_advice&& current_advice.parent_id > 0) || (this.$store.getters.user.user.user_type == 2 && !isPremission) }"
26 
         >医嘱核对</span>
 28 
         >医嘱核对</span>
28 
           @click="openNewChild"
 30 
           @click="openNewChild"
29 
           :class="{ forbid: current_advice == null || current_advice.parent_id > 0 ||  currentAdvices.length != 1 || this.$store.getters.user.user.user_type == 3 }"
 31 
           :class="{ forbid: current_advice == null || current_advice.parent_id > 0 ||  currentAdvices.length != 1 || this.$store.getters.user.user.user_type == 3 }"
30 
         >添加子药</span>
 32 
         >添加子药</span>
31 
-        <span v-if="currentSubAdvices.length <= 0" @click="modifyAdviceAction"
32 
-              :class="{ forbid: current_group_index < 0 ||  currentAdvices.length != 1 }">修改医嘱</span>
33 
-        <span v-if="currentSubAdvices.length <= 0" @click="deleteAdviceAction"
34 
-              :class="{ forbid: current_group_index < 0 || currentAdvices.length <= 0  }">删除医嘱</span>
33 
+        <span
34 
+          v-if="currentSubAdvices.length <= 0"
35 
+          @click="modifyAdviceAction"
36 
+          :class="{ forbid: current_group_index < 0 ||  currentAdvices.length != 1 }"
37 
+        >修改医嘱</span>
38 
+        <span
39 
+          v-if="currentSubAdvices.length <= 0"
40 
+          @click="deleteAdviceAction"
41 
+          :class="{ forbid: current_group_index < 0 || currentAdvices.length <= 0  }"
42 
+        >删除医嘱</span>
35
43
36 
         <span v-if="currentSubAdvices.length > 0" @click="modifySubdviceAction">修改子医嘱</span>
 44 
         <span v-if="currentSubAdvices.length > 0" @click="modifySubdviceAction">修改子医嘱</span>
37 
         <span v-if="currentSubAdvices.length > 0" @click="deleteSubAdviceAction">删除子医嘱</span>
 45 
         <span v-if="currentSubAdvices.length > 0" @click="deleteSubAdviceAction">删除子医嘱</span>
38 
-
39 
       </div>
 46 
       </div>
40 
       <div class="DialogContent choose" id="dialogTop" style="height:6.5rem;">
 47 
       <div class="DialogContent choose" id="dialogTop" style="height:6.5rem;">
41 
         <div class="content clearfix">
 48 
         <div class="content clearfix">
42 
-
43 
           <table class="table">
 49 
           <table class="table">
44 
             <tr @click="cancelAdviceSelect">
 50 
             <tr @click="cancelAdviceSelect">
45 
-              <th width="8%">开嘱医生</th>
46 
-              <th width="10%">开始时间</th>
51 
+              <th width="11%">开嘱医生</th>
52 
+              <th width="14%">开始时间</th>
47 
               <th width="40%">医嘱内容</th>
 53 
               <th width="40%">医嘱内容</th>
48 
-              <th width="10%">执行时间</th>
49 
-              <th width="10%">执行护士</th>
54 
+              <th width="14%">执行时间</th>
55 
+              <th width="11%">执行护士</th>
50 
               <th v-if="template_id != 6" width="10%">核对人员</th>
 56 
               <th v-if="template_id != 6" width="10%">核对人员</th>
51 
             </tr>
 57 
             </tr>
52 
             <template v-for="(group, group_index) in advice_groups">
 58 
             <template v-for="(group, group_index) in advice_groups">
82 
                     <span v-if="advice.prescribing_number">&nbsp;&nbsp;{{advice.prescribing_number}}{{advice.prescribing_number_unit}}</span>
 88 
                     <span v-if="advice.prescribing_number">&nbsp;&nbsp;{{advice.prescribing_number}}{{advice.prescribing_number_unit}}</span>
83 
                     <span v-if="advice.single_dose && template_id == 6" >{{advice.single_dose}}{{advice.single_dose_unit}}</span>
 89 
                     <span v-if="advice.single_dose && template_id == 6" >{{advice.single_dose}}{{advice.single_dose_unit}}</span>
84 
                     <span v-if="advice.single_dose && template_id != 6" >单次用量{{advice.single_dose}}{{advice.single_dose_unit}}</span>
 90 
                     <span v-if="advice.single_dose && template_id != 6" >单次用量{{advice.single_dose}}{{advice.single_dose_unit}}</span>
91 
+
85 
                     <span v-if="advice.parent_id == 0">{{advice.delivery_way}}</span>
 92 
                     <span v-if="advice.parent_id == 0">{{advice.delivery_way}}</span>
86 
                     <span v-if="advice.parent_id == 0">{{advice.execution_frequency}}</span>
 93 
                     <span v-if="advice.parent_id == 0">{{advice.execution_frequency}}</span>
87 
-                    <span v-if="advice.parent_id == 0 && advice.remark.length > 0">({{advice.remark}})</span>
88 
-
94 
+                    <span
95 
+                      v-if="advice.parent_id == 0 && advice.remark.length > 0"
96 
+                    >({{advice.remark}})</span>
89 
                   </div>
 97 
                   </div>
90 
                 </td>
 98 
                 </td>
91
99
92 
                 <td
 100 
                 <td
93 
                   :class="{'td-active':current_group_index == group_index  && advice.is_selected == 1}"
 101 
                   :class="{'td-active':current_group_index == group_index  && advice.is_selected == 1}"
94 
-
95 
                   @click="selectAdviceAction(group_index,advice_index, advice)"
 102 
                   @click="selectAdviceAction(group_index,advice_index, advice)"
96 
-                >{{uParseTime(advice.execution_time, '{m}-{d} {h}:{i}')}}
97 
-                </td>
103 
+                >{{uParseTime(advice.execution_time, '{m}-{d} {h}:{i}')}}</td>
98
104
99 
                 <td
 105 
                 <td
100 
                   :class="{'td-active':current_group_index == group_index  && advice.is_selected == 1}"
 106 
                   :class="{'td-active':current_group_index == group_index  && advice.is_selected == 1}"
105 
                 <td v-if="template_id != 6"
 111 
                 <td v-if="template_id != 6"
106 
                   :class="{'td-active':current_group_index == group_index  && advice.is_selected == 1}"
 112 
                   :class="{'td-active':current_group_index == group_index  && advice.is_selected == 1}"
107 
                   @click="selectAdviceAction(group_index,advice_index, advice)"
 113 
                   @click="selectAdviceAction(group_index,advice_index, advice)"
108 
-                >{{getXuserName(advice.checker)}}
109 
-                </td>
114 
+                >{{getXuserName(advice.checker)}}</td>
110 
               </tr>
 115 
               </tr>
111 
             </template>
 116 
             </template>
112 
           </table>
 117 
           </table>
118 
+
119 
+          <!-- <el-table
120 
+              :data="tableData"
121 
+              border
122 
+              style="width: 100%">
123 
+              <el-table-column  fixed  prop="date" label="开嘱医生"  width="180" align="center">
124 
+                 <template slot-scope="scope">
125 
+                     {{getXuserName(scope.row.advice_doctor)}}
126 
+                 </template>
127 
+              </el-table-column>
128 
+              <el-table-column    prop="name"  label="开始时间"  width="180" align="center">
129 
+                <template slot-scope="scope">
130 
+                   {{uParseTime(scope.row.start_time, '{m}-{d} {h}:{i}')}}
131 
+                </template>
132 
+             </el-table-column>
133 
+             <el-table-column prop="address" label="医嘱内容" align="center">
134 
+               <template slot-scope="scope">
135 
+                    <span>{{scope.row.advice_name }}</span>
136 
+                    <span
137 
+                      v-if="scope.row.advice_desc"
138 
+                    >({{ scope.row.advice_desc }}{{scope.row.drug_spec_unit}})</span>
139 
+                    <span
140 
+                      v-if="scope.row.prescribing_number"
141 
+                    >&nbsp;&nbsp;{{scope.row.prescribing_number}}{{scope.row.prescribing_number_unit}})</span>
142 
+                    <span
143 
+                      v-if="scope.row.single_dose && template_id != 6"
144 
+                    >单次用量{{scope.row.single_dose}}{{scope.row.single_dose_unit}}</span>
145 
+
146 
+                    <span v-if="scope.row.parent_id == 0">{{scope.row.delivery_way}}</span>
147 
+                    <span v-if="scope.row.parent_id == 0">{{scope.row.execution_frequency}}</span>
148 
+                    <span
149 
+                      v-if="scope.row.parent_id == 0 && scope.row.remark.length > 0"
150 
+                    >({{scope.row.remark}})</span>
151 
+               </template>
152 
+            </el-table-column>
153 
+             <el-table-column   prop="address" label="执行时间" align="center">
154 
+               <template slot-scope="scope">
155 
+                     {{uParseTime(scope.row.execution_time, '{m}-{d} {h}:{i}')}}
156 
+               </template>
157 
+            </el-table-column>
158 
+             <el-table-column prop="address" label="执行护士" align="center">
159 
+               <template slot-scope="scope">
160 
+                    {{getXuserName(scope.row.checker)}}
161 
+               </template>
162 
+            </el-table-column>
163 
+          </el-table>-->
113 
         </div>
 164 
         </div>
114 
       </div>
 165 
       </div>
115 
     </div>
 166 
     </div>
332 
         // if(!this.isPremission){
 383 
         // if(!this.isPremission){
333 
         //   Toast.fail('你没有权限修改医嘱！')
 384 
         //   Toast.fail('你没有权限修改医嘱！')
334 
         // }else{
 385 
         // }else{
335 
-          this.nowExecTime = new Date(this.currentAdvices[0].start_time * 1000)
336 
-          this.$refs.mofify_exec_time.open()
386 
+        this.nowExecTime = new Date(this.currentAdvices[0].start_time * 1000)
387 
+        this.$refs.mofify_exec_time.open()
337
388
338 
         // }
 389 
         // }
339
390
406 
                     advice.start_time = resp_advice.start_time;
 457 
                     advice.start_time = resp_advice.start_time;
407 
                     advice.drug_spec = resp_advice.drug_spec;
 458 
                     advice.drug_spec = resp_advice.drug_spec;
408 
                     (advice.drug_spec_unit = resp_advice.drug_spec_unit),
 459 
                     (advice.drug_spec_unit = resp_advice.drug_spec_unit),
409 
-                    (advice.delivery_way = resp_advice.delivery_way),
460 
+                      (advice.delivery_way = resp_advice.delivery_way),
410 
                       (advice.execution_frequency =
 461 
                       (advice.execution_frequency =
411 
                         resp_advice.execution_frequency),
 462 
                         resp_advice.execution_frequency),
412 
                       (advice.single_dose = resp_advice.single_dose),
 463 
                       (advice.single_dose = resp_advice.single_dose),
1229 
           }
 1280 
           }
1230 
         }
 1281 
         }
1231
1282
1232 
-          for (let i = 0; i < this.advice_groups.length; i++) {  //选择子医嘱，将已经选择的医嘱选择状态清除
1233 
-            for (let y = 0; y < this.advice_groups[i].advices.length; y++) {
1234 
-              var advices = this.advice_groups[i].advices[y]
1235 
-              if (advices.parent_id > 0) {
1236 
-                advices.is_selected = 0
1237 
-              }
1283 
+        for (let i = 0; i < this.advice_groups.length; i++) {  //选择子医嘱，将已经选择的医嘱选择状态清除
1284 
+          for (let y = 0; y < this.advice_groups[i].advices.length; y++) {
1285 
+            var advices = this.advice_groups[i].advices[y]
1286 
+            if (advices.parent_id > 0) {
1287 
+              advices.is_selected = 0
1238 
             }
 1288 
             }
1239 
           }
 1289 
           }
1290 
+        }
1240
1291
1241 
         for (let i = 0; i < this.advice_groups.length; i++) { //设置选择状态
 1292 
         for (let i = 0; i < this.advice_groups.length; i++) { //设置选择状态
1242 
           for (let y = 0; y < this.advice_groups[i].advices.length; y++) {
 1293 
           for (let y = 0; y < this.advice_groups[i].advices.length; y++) {
1311 
   }
 1362 
   }
1312 
 </script>
 1363 
 </script>
1313
1364
1365 
+
1314 
 <style style="stylesheet/scss" lang="scss" scoped>
 1366 
 <style style="stylesheet/scss" lang="scss" scoped>
1315 
-  .DialogContent{
1316 
-  .content{
1317 
-  .yzNav{
1318 
-  position: fixed;
1319 
-  top: 0.16rem;
1320 
-  }
1321 
-  }
1367 
+.DialogContent {
1368 
+  .content {
1369 
+    .yzNav {
1370 
+      position: fixed;
1371 
+      top: 0.16rem;
1372 
+    }
1322 
   }
 1373 
   }
1323 
-  .table {
1374 
+}
1375 
+.table {
1324 
   width: 100%;
 1376 
   width: 100%;
1325 
   tr {
 1377 
   tr {
1326 
-  th {
1327 
-  background: $main-color;
1328 
-  color: #fff;
1329 
-  height: 0.88rem;
1330 
-  line-height: 0.88rem;
1331 
-  }
1332 
-  td {
1333 
-  line-height: 0.4rem;
1334 
-  .txt {
1335 
-  // float: left;
1336 
-  padding: 0 10px 0 10px;
1337 
-  // width: 75%;
1338 
-  text-align: left;
1339 
-  }
1340 
-  .ico {
1341 
-  float: right;
1342 
-  width: 60px;
1343 
-  text-align: right;
1344 
-  padding-right: 3px;
1345 
-  }
1346 
-  .iconfont {
1347 
-  font-size: 20px;
1348 
-  padding: 0 2px;
1349 
-  color: #7b8a97;
1350 
-  }
1351 
-  .handle {
1352 
-  color: #409eff;
1353 
-  // padding: 0 7px;
1354 
-  }
1355 
-  }
1356 
-  .advice_content {
1357 
-  // background: #eff6fc;
1358 
-  }
1359 
-  .subadvice_content {
1360 
-  // background: #fafcfe;
1361 
-  padding-left: 20px;
1362 
-  }
1363 
-  .td-active {
1364 
-  background: #badcff !important;
1365 
-  }
1378 
+    th {
1379 
+      background: $main-color;
1380 
+      color: #fff;
1381 
+      height: 0.88rem;
1382 
+      line-height: 0.88rem;
1383 
+    }
1384 
+    td {
1385 
+      line-height: 0.4rem;
1386 
+      .txt {
1387 
+        // float: left;
1388 
+        padding: 0 10px 0 10px;
1389 
+        // width: 75%;
1390 
+        text-align: left;
1391 
+      }
1392 
+      .ico {
1393 
+        float: right;
1394 
+        width: 60px;
1395 
+        text-align: right;
1396 
+        padding-right: 3px;
1397 
+      }
1398 
+      .iconfont {
1399 
+        font-size: 20px;
1400 
+        padding: 0 2px;
1401 
+        color: #7b8a97;
1402 
+      }
1403 
+      .handle {
1404 
+        color: #409eff;
1405 
+        // padding: 0 7px;
1406 
+      }
1407 
+    }
1408 
+    .advice_content {
1409 
+      // background: #eff6fc;
1410 
+    }
1411 
+    .subadvice_content {
1412 
+      // background: #fafcfe;
1413 
+      padding-left: 20px;
1414 
+    }
1415 
+    .td-active {
1416 
+      background: #badcff !important;
1417 
+    }
1366 
   }
 1418 
   }
1367 
   .row-class-active {
 1419 
   .row-class-active {
1368 
-  td {
1369 
-  background: #badcff;
1370 
-  }
1371 
-  }
1420 
+    td {
1421 
+      background: #badcff;
1422 
+    }
1372 
   }
 1423 
   }
1373 
-  .content {
1374 
-
1424 
+}
1425 
+.content {
1375 
   .cell {
 1426 
   .cell {
1376 
-  float: left;
1377 
-  width: 3.42rem;
1378 
-  margin: 0.35rem 0.3rem 0 0.4rem;
1379 
-  label {
1380 
-  display: block;
1381 
-  height: 0.55rem;
1382 
-  line-height: 0.55rem;
1383 
-  color: $pgh-color;
1384 
-  }
1385 
-  select {
1386 
-  width: 100%;
1387 
-  padding: 0.2rem 0;
1388 
-  border: 1px $border-color solid;
1389 
-  border-radius: 2px;
1390 
-  padding-left: 5px;
1391 
-  }
1427 
+    float: left;
1428 
+    width: 3.42rem;
1429 
+    margin: 0.35rem 0.3rem 0 0.4rem;
1430 
+    label {
1431 
+      display: block;
1432 
+      height: 0.55rem;
1433 
+      line-height: 0.55rem;
1434 
+      color: $pgh-color;
1435 
+    }
1436 
+    select {
1437 
+      width: 100%;
1438 
+      padding: 0.2rem 0;
1439 
+      border: 1px $border-color solid;
1440 
+      border-radius: 2px;
1441 
+      padding-left: 5px;
1442 
+    }
1392
1443
1393 
-  .inputBox {
1394 
-  border: 1px $border-color solid;
1395 
-  border-radius: 2px;
1396 
-  padding: 0.18rem 0;
1397 
-  padding-left: 5px;
1398 
-  }
1444 
+    .inputBox {
1445 
+      border: 1px $border-color solid;
1446 
+      border-radius: 2px;
1447 
+      padding: 0.18rem 0;
1448 
+      padding-left: 5px;
1449 
+    }
1399
1450
1400 
-  .textarea {
1401 
-  width: 100%;
1402 
-  height: 1.22rem;
1403 
-  border: 1px $border-color solid;
1404 
-  border-radius: 2px;
1405 
-  padding-left: 5px;
1406 
-  }
1451 
+    .textarea {
1452 
+      width: 100%;
1453 
+      height: 1.22rem;
1454 
+      border: 1px $border-color solid;
1455 
+      border-radius: 2px;
1456 
+      padding-left: 5px;
1457 
+    }
1407 
   }
 1458 
   }
1408 
   .width {
 1459 
   .width {
1409 
-  width: 90%;
1410 
-  @include box-sizing;
1411 
-  margin-top: 1rem;
1412 
-  label {
1413 
-  display: inline-block;
1414 
-  }
1415 
-  button {
1416 
-  background: $main-color;
1417 
-  color: #fff;
1418 
-  border-radius: 6px;
1419 
-  width: 3rem;
1420 
-  height: 0.9rem;
1421 
-  line-height: 0.9rem;
1422 
-  text-align: center;
1423 
-  margin: 0 0.1rem 0.6rem 0.1rem;
1424 
-  border: 1px $main-color solid;
1425 
-  &.smt-danger {
1426 
-  background: #fff;
1427 
-  color: $main-color;
1428 
-  }
1429 
-  }
1460 
+    width: 90%;
1461 
+    @include box-sizing;
1462 
+    margin-top: 1rem;
1463 
+    label {
1464 
+      display: inline-block;
1465 
+    }
1466 
+    button {
1467 
+      background: $main-color;
1468 
+      color: #fff;
1469 
+      border-radius: 6px;
1470 
+      width: 3rem;
1471 
+      height: 0.9rem;
1472 
+      line-height: 0.9rem;
1473 
+      text-align: center;
1474 
+      margin: 0 0.1rem 0.6rem 0.1rem;
1475 
+      border: 1px $main-color solid;
1476 
+      &.smt-danger {
1477 
+        background: #fff;
1478 
+        color: $main-color;
1479 
+      }
1480 
+    }
1430 
   }
 1481 
   }
1431 
   .center {
 1482 
   .center {
1432 
-  text-align: center;
1483 
+    text-align: center;
1433 
   }
 1484 
   }
1485 
+}
1486 
+.yzNav {
1487 
+  display: flex;
1488 
+  flex-wrap: wrap;
1489 
+  span {
1490 
+    width: 18%;
1491 
+    @media only screen and (max-width: 415px) {
1492 
+      padding: 0;
1493 
+    }
1494 
+    // @media only screen and (min-width: 666px) and (max-width: 737px) {
1495 
+    //   width: 16% !important;
1496 
+    // }
1434 
   }
 1497 
   }
1498 
+}
1435 
 </style>
 1499 
 </style>
1436 
-

File diff suppressed because it is too large
+ 332 - 333
src/pages/main/dialog/OrdersDialog_olddddd.vue


+ 50 - 27
src/pages/main/dialog/PlaneDialog.vue View File

4 
       <div class="DialogTit">
 4 
       <div class="DialogTit">
5 
         <span @click="close()" class="iconfont">&#xe6e9;</span>
 5 
         <span @click="close()" class="iconfont">&#xe6e9;</span>
6 
         <h1 class="name">透析下机</h1>
 6 
         <h1 class="name">透析下机</h1>
7 
-        <span class="success" v-if="this.record.state == 1 || this.$store.getters.user.user.id != this.creator"></span>
8 
-        <span class="success" @click="modify()" v-if="isPremission|| this.$store.getters.user.user.id == this.creator">修改</span>
9
7
8 
+        <span
9 
+          class="success"
10 
+          v-if="this.record.state == 1 || this.$store.getters.user.user.id != this.creator"
11 
+        ></span>
12 
+        <span
13 
+          class="success"
14 
+          @click="modify()"
15 
+          v-if="isPremission|| this.$store.getters.user.user.id == this.creator"
16 
+        >修改</span>
10 
       </div>
 17 
       </div>
11
18
12 
-      <div class="DialogContent ">
19 
+      <div class="DialogContent">
13 
         <div class="item" @click="select_nurse">
 20 
         <div class="item" @click="select_nurse">
14 
           <h2 class="name">下机护士</h2>
 21 
           <h2 class="name">下机护士</h2>
15 
           <div class="content">
 22 
           <div class="content">
16 
-            <span class="text" style="width: 100px">{{ nurse_id == 0 ? '' : admin_map[nurse_id].name }}</span>
23 
+            <span
24 
+              class="text"
25 
+              style="width: 100px"
26 
+            >{{ nurse_id == 0 ? '' : admin_map[nurse_id].name }}</span>
27 
+
17 
             <span class="iconfont">&#xe6f9;</span>
 28 
             <span class="iconfont">&#xe6f9;</span>
18 
           </div>
 29 
           </div>
19 
         </div>
 30 
         </div>
22 
         <div class="item">
 33 
         <div class="item">
23 
           <h2 class="name">下机时间</h2>
 34 
           <h2 class="name">下机时间</h2>
24 
           <div class="content">
 35 
           <div class="content">
25 
-            <span class="text" style="width: 100px" @click="selectStartTimeAction">{{ end_time_str }}</span>
36 
+            <span
37 
+              class="text"
38 
+              style="width: 100px"
39 
+              @click="selectStartTimeAction"
40 
+            >{{ end_time_str }}</span>
41 
+
26 
             <span class="iconfont">&#xe6f9;</span>
 42 
             <span class="iconfont">&#xe6f9;</span>
27 
           </div>
 43 
           </div>
28 
         </div>
 44 
         </div>
29
45
30 
         <div class="perform">
 46 
         <div class="perform">
31 
-          <button @click="commitInfo" v-show="(record != null && record.id != '' && record.stage == 1)">执行下机</button>
32 
-          <button :disabled="true" style="background-color:lightgray;"
33 
-                  v-show="(record != null && record.id != '' && record.stage == 2)">已下机
34 
-          </button>
35 
-          <button :disabled="true" style="background-color:lightgray;" v-show="record == null || record.id == ''">未上机
36 
-          </button>
47 
+          <button
48 
+            @click="commitInfo"
49 
+            v-show="(record != null && record.id != '' && record.stage == 1)"
50 
+          >执行下机</button>
51 
+          <button
52 
+            :disabled="true"
53 
+            style="background-color:lightgray;"
54 
+            v-show="(record != null && record.id != '' && record.stage == 2)"
55 
+          >已下机</button>
56 
+          <button
57 
+            :disabled="true"
58 
+            style="background-color:lightgray;"
59 
+            v-show="record == null || record.id == ''"
60 
+          >未上机</button>
37 
         </div>
 61 
         </div>
38 
       </div>
 62 
       </div>
39 
     </div>
 63 
     </div>
294 
         console.log(this.$store.getters.user.user.id)
 318 
         console.log(this.$store.getters.user.user.id)
295
319
296 
       }
 320 
       }
297 
-      // 212m3k12kl3nm123lk12nl3kk123sasasassaasasasdasdsadas
298 
-      //sdsadsadasdasdasdassss
321 
+
299 
     }
 322 
     }
300 
   }
 323 
   }
301 
 </script>
 324 
 </script>
302
325
303 
-<style style="stylesheet/scss" lang="scss" scoped>
304
326
305 
-  .perform{
327 
+<style style="stylesheet/scss" lang="scss" scoped>
328 
+.perform {
306 
   text-align: center;
 329 
   text-align: center;
307 
   font-size: 0.3rem;
 330 
   font-size: 0.3rem;
308 
   padding-top: 2rem;
 331 
   padding-top: 2rem;
309 
-  .crew{
310 
-  color: $pgh-color;
332 
+  .crew {
333 
+    color: $pgh-color;
311 
   }
 334 
   }
312 
-  button{
313 
-  background:$main-color;
314 
-  color: #fff;
315 
-  font-size: 0.3rem;
316 
-  text-align:center;
317 
-  width: 3rem;
318 
-  height: 0.7rem;
319 
-  line-height: 0.7rem;
320 
-  border-radius:4px;
321 
-  margin-top:10px;
335 
+  button {
336 
+    background: $main-color;
337 
+    color: #fff;
338 
+    font-size: 0.45rem;
339 
+    text-align: center;
340 
+    width: 3rem;
341 
+    height: 1.2rem;
342 
+    line-height: 1.2rem;
343 
+    border-radius: 4px;
344 
+    margin-top: 10px;
322 
   }
 345 
   }
323 
   }
 346 
   }
324 
 </style>
 347 
 </style>

+ 30 - 7
src/pages/main/dialog/PrescriptionDialog.vue View File

4 
     <div v-if="isShowDialog" class="Dialog">
 4 
     <div v-if="isShowDialog" class="Dialog">
5 
       <div class="DialogTit">
 5 
       <div class="DialogTit">
6 
         <span @click="close()" class="iconfont">&#xe6e9;</span>
 6 
         <span @click="close()" class="iconfont">&#xe6e9;</span>
7 
-        <h1 class="name">透析处方</h1>
8 
-        <button @click="showmsgtip">{{patient.name}} [透析号 {{patient.dialysis_no}} ]</button>
9 
-        <span @click="commitInfo" class="success" v-if="isPermission()">完成</span>
7 
+        <h1 class="name newName">透析处方</h1>
8 
+        <button class="newButton" @click="showmsgtip">{{patient.name}}</button>
9 
+        <span @click="commitInfo" class="success" v-if="isPermission()">保存</span>
10 
         <span @click="commitInfo" class="success" v-if="!isPermission()"></span>
 10 
         <span @click="commitInfo" class="success" v-if="!isPermission()"></span>
11
11
12 
       </div>
 12 
       </div>
13
13
14 
-      <div class="DialogContent" id="dialogTop">
14 
+      <div class="DialogContent newDialogContent" id="dialogTop">
15 
+        <div>
15 
         <div @click="showSubMenu('mode')" class="item" ref="mode" v-if="isShow('透析模式')">
 16 
         <div @click="showSubMenu('mode')" class="item" ref="mode" v-if="isShow('透析模式')">
16 
           <label class="name" for="txms">透析模式</label>
 17 
           <label class="name" for="txms">透析模式</label>
17 
           <div class="content">
 18 
           <div class="content">
298 
           <textarea class="textarea" id="bz" placeholder="请输入内容" v-model="dialysisPrescription.remark"
 299 
           <textarea class="textarea" id="bz" placeholder="请输入内容" v-model="dialysisPrescription.remark"
299 
                     @focus="lastInputFocus" @blur="lastInputBlur"></textarea>
 300 
                     @focus="lastInputFocus" @blur="lastInputBlur"></textarea>
300 
         </div>
 301 
         </div>
301 
-
302 
+        </div>
302 
         <!--<div class="footer">-->
 303 
         <!--<div class="footer">-->
303 
         <!--处方医生：刘小军 医生-->
 304 
         <!--处方医生：刘小军 医生-->
304 
         <!--</div>-->
 305 
         <!--</div>-->
330 
     <long-advice-sub-menu :visibility="advice_visibility" v-on:menu-cancle-three="menuCancleThree"
 331 
     <long-advice-sub-menu :visibility="advice_visibility" v-on:menu-cancle-three="menuCancleThree"
331 
                           v-on:menu-comfirm-three="menuComfirmThree" :propsForm="advicePropForm"></long-advice-sub-menu>
 332 
                           v-on:menu-comfirm-three="menuComfirmThree" :propsForm="advicePropForm"></long-advice-sub-menu>
332
333
333 
-    <msg-tip style="width:500px;" :visibility="msgtip_visibility" :predialysis="predialysis"
334 
+    <msg-tip  :visibility="msgtip_visibility" :predialysis="predialysis"
334 
              :last_predialysis="last_predialysis"
 335 
              :last_predialysis="last_predialysis"
335 
              :record="record"
 336 
              :record="record"
336 
              :last_record="last_record"
 337 
              :last_record="last_record"
2080 
   height: 2.4rem;
 2081 
   height: 2.4rem;
2081 
   line-height: 0.6rem;
 2082 
   line-height: 0.6rem;
2082 
   color: $pgh-color;
 2083 
   color: $pgh-color;
2083 
-  font-size: 0.28rem;
2084 
+  font-size: 0.45rem;
2084 
   padding-left: 0.36rem;
 2085 
   padding-left: 0.36rem;
2085 
   border: none;
 2086 
   border: none;
2086 
   border-bottom: 1px #e5e5e5 solid;
 2087 
   border-bottom: 1px #e5e5e5 solid;
2087 
   }
 2088 
   }
2088 
   }
 2089 
   }
2090 
+  .newButton{
2091 
+    background: #258ffc;
2092 
+    padding: 0 0.2rem;
2093 
+    height: 0.85rem;
2094 
+    line-height: 0.85rem;
2095 
+    border-radius:5px;
2096 
+    color: #fff;
2097 
+    margin-right: -3.5rem;
2098 
+  }
2099 
+  .newName{
2100 
+    margin-right: -3rem;
2101 
+  }
2102 
+  .newDialogContent{
2103 
+    display: flex;
2104 
+    flex-direction: column;
2105 
+    height: 100%;
2106 
+    overflow: hidden;
2107 
+    >:first-child{
2108 
+      flex: 1;
2109 
+      overflow: auto;
2110 
+    }
2111 
+  }
2089 
 </style>
 2112 
 </style>
2090
2113

+ 180 - 62
src/pages/main/dialog/ThorougDialog.vue View File

4 
       <div class="DialogTit">
 4 
       <div class="DialogTit">
5 
         <span @click="close()" class="iconfont">&#xe6e9;</span>
 5 
         <span @click="close()" class="iconfont">&#xe6e9;</span>
6 
         <h1 class="name">透后评估</h1>
 6 
         <h1 class="name">透后评估</h1>
7 
-        <span @click="commitInfo" class="success">完成</span>
7 
+        <span @click="commitInfo" class="success">保存</span>
8 
       </div>
 8 
       </div>
9
9
10 
-
11 
       <div class="DialogContent" id="dialogTop">
 10 
       <div class="DialogContent" id="dialogTop">
12 
         <div @click="openPicker" class="item" v-if="isShow('实际治疗时长')">
 11 
         <div @click="openPicker" class="item" v-if="isShow('实际治疗时长')">
13 
           <h2 class="name">实际治疗时长</h2>
 12 
           <h2 class="name">实际治疗时长</h2>
21 
           <label v-if="template_id == 6" class="name" for="sjcll">实际超滤量(ml)</label>
 20 
           <label v-if="template_id == 6" class="name" for="sjcll">实际超滤量(ml)</label>
22 
           <label v-else class="name" for="sjcll">实际超滤量(L)</label>
 21 
           <label v-else class="name" for="sjcll">实际超滤量(L)</label>
23 
           <div class="content">
 22 
           <div class="content">
24 
-            <input type="tel" @focus="inputFocus" id="sjcll" v-model="formValue.actual_ultrafiltration"/>
25 
-
23 
+            <input
24 
+              type="tel"
25 
+              @focus="inputFocus"
26 
+              id="sjcll"
27 
+              v-model="formValue.actual_ultrafiltration"
28 
+            />
26 
           </div>
 29 
           </div>
27 
         </div>
 30 
         </div>
28
31
29 
         <div class="item" v-if="isShow('透后体重')">
 32 
         <div class="item" v-if="isShow('透后体重')">
30 
           <label class="name" for="sjcll">透后体重(kg)</label>
 33 
           <label class="name" for="sjcll">透后体重(kg)</label>
31 
           <div class="content">
 34 
           <div class="content">
32 
-            <input type="tel" @focus="inputFocus" id="sjcll" v-model="formValue.weight_after"/>
33 
-
35 
+            <input type="tel" @focus="inputFocus" id="sjcll" v-model="formValue.weight_after" />
34 
           </div>
 36 
           </div>
35 
         </div>
 37 
         </div>
36
38
37 
-
38 
         <!--<div class=item" v-if="isShow('透后体重')">-->
 39 
         <!--<div class=item" v-if="isShow('透后体重')">-->
39 
         <!--<label class="name" for="thtz">透后体重(kg)</label>-->
 40 
         <!--<label class="name" for="thtz">透后体重(kg)</label>-->
40 
         <!--<div class="content">-->
 41 
         <!--<div class="content">-->
42 
         <!--</div>-->
 43 
         <!--</div>-->
43 
         <!--</div>-->
 44 
         <!--</div>-->
44
45
45 
-
46 
         <div @click="showSubMenu('cruor')" class="item" ref="cruor" v-if="isShow('透析器凝血')">
 46 
         <div @click="showSubMenu('cruor')" class="item" ref="cruor" v-if="isShow('透析器凝血')">
47 
           <label class="name" for="nx">透析器凝血</label>
 47 
           <label class="name" for="nx">透析器凝血</label>
48 
           <div class="content">
 48 
           <div class="content">
51 
           </div>
 51 
           </div>
52 
         </div>
 52 
         </div>
53
53
54 
-
55 
-        <div class="item" v-if="isShow('拔针后穿刺点渗血')" @click="showSubMenu('puncture_point_oozing_blood')">
54 
+        <div
55 
+          class="item"
56 
+          v-if="isShow('拔针后穿刺点渗血')"
57 
+          @click="showSubMenu('puncture_point_oozing_blood')"
58 
+        >
56 
           <h2 class="name">拔针后穿刺点渗血</h2>
 59 
           <h2 class="name">拔针后穿刺点渗血</h2>
57 
           <div class="content">
 60 
           <div class="content">
58 
             <!--<span class="text" style="width: 50px;"><div style="padding-top: 0.08rem; height: 0.8rem;">-->
 61 
             <!--<span class="text" style="width: 50px;"><div style="padding-top: 0.08rem; height: 0.8rem;">-->
59 
             <!--<van-switch v-model="puncture_point_oozing_blood_state" @change="puncturePointOozingBlood"/></div></span>-->
 62 
             <!--<van-switch v-model="puncture_point_oozing_blood_state" @change="puncturePointOozingBlood"/></div></span>-->
60 
             <div class="content">
 63 
             <div class="content">
61 
-              <span v-if="formValue.puncture_point_oozing_blood == 0" class="text" style="width: 50px"></span>
62 
-              <span v-if="formValue.puncture_point_oozing_blood == 1" class="text" style="width: 50px">有</span>
63 
-              <span v-if="formValue.puncture_point_oozing_blood == 2" class="text" style="width: 50px">无</span>
64 
+              <span
65 
+                v-if="formValue.puncture_point_oozing_blood == 0"
66 
+                class="text"
67 
+                style="width: 50px"
68 
+              ></span>
69 
+              <span
70 
+                v-if="formValue.puncture_point_oozing_blood == 1"
71 
+                class="text"
72 
+                style="width: 50px"
73 
+              >有</span>
74 
+              <span
75 
+                v-if="formValue.puncture_point_oozing_blood == 2"
76 
+                class="text"
77 
+                style="width: 50px"
78 
+              >无</span>
64 
               <span class="iconfont">&#xe6f9;</span>
 79 
               <span class="iconfont">&#xe6f9;</span>
65 
             </div>
 80 
             </div>
66 
           </div>
 81 
           </div>
76 
           </div>
 91 
           </div>
77 
         </div>
 92 
         </div>
78
93
79 
-        <div @click="showSubMenu('internal_fistula_tremor_ac')" class="item" ref="internal_fistula_tremor_ac"
80 
-             v-if="isShow('压迫后内瘘震颤')">
94 
+        <div
95 
+          @click="showSubMenu('internal_fistula_tremor_ac')"
96 
+          class="item"
97 
+          ref="internal_fistula_tremor_ac"
98 
+          v-if="isShow('压迫后内瘘震颤')"
99 
+        >
100 
+
81 
           <label class="name" for="internal_fistula_tremor_ac">压迫后内瘘震颤</label>
 101 
           <label class="name" for="internal_fistula_tremor_ac">压迫后内瘘震颤</label>
82 
           <div class="content">
 102 
           <div class="content">
83 
-            <span class="text" id="internal_fistula_tremor_ac" style="width: 50px">{{GetIFTAValue(formValue.internal_fistula_tremor_ac)}}</span>
103 
+            <span
104 
+              class="text"
105 
+              id="internal_fistula_tremor_ac"
106 
+              style="width: 50px"
107 
+            >{{GetIFTAValue(formValue.internal_fistula_tremor_ac)}}</span>
84 
             <span class="iconfont">&#xe6f9;</span>
 108 
             <span class="iconfont">&#xe6f9;</span>
85 
           </div>
 109 
           </div>
86 
         </div>
 110 
         </div>
87
111
88 
-        <div @click="showSubMenu('complication')" class="item" ref="complication" v-if="isShow('并发症')">
112 
+        <div
113 
+          @click="showSubMenu('complication')"
114 
+          class="item"
115 
+          ref="complication"
116 
+          v-if="isShow('并发症')"
117 
+        >
89 
           <label class="name" for="bfz">并发症</label>
 118 
           <label class="name" for="bfz">并发症</label>
90 
           <div class="content">
 119 
           <div class="content">
91 
             <span class="text" id="bfz" style="width: 50px">{{formValue.complication}}</span>
 120 
             <span class="text" id="bfz" style="width: 50px">{{formValue.complication}}</span>
93 
           </div>
 122 
           </div>
94 
         </div>
 123 
         </div>
95
124
96 
-        <div @click="showSubMenu('patient_gose')" class="item" ref="patient_gose" v-if="isShow('患者去向')">
125 
+        <div
126 
+          @click="showSubMenu('patient_gose')"
127 
+          class="item"
128 
+          ref="patient_gose"
129 
+          v-if="isShow('患者去向')"
130 
+        >
97 
           <label class="name" for="patient_gose">患者去向</label>
 131 
           <label class="name" for="patient_gose">患者去向</label>
98 
           <div class="content">
 132 
           <div class="content">
99 
-            <span class="text" id="patient_gose" style="width: 50px">{{GetPatientGoes(formValue.patient_gose)}}</span>
133 
+            <span
134 
+              class="text"
135 
+              id="patient_gose"
136 
+              style="width: 50px"
137 
+            >{{GetPatientGoes(formValue.patient_gose)}}</span>
100 
             <span class="iconfont">&#xe6f9;</span>
 138 
             <span class="iconfont">&#xe6f9;</span>
101 
           </div>
 139 
           </div>
102 
         </div>
 140 
         </div>
104 
         <div class="item" v-if="formValue.patient_gose==3&&isShow('科室')">
 142 
         <div class="item" v-if="formValue.patient_gose==3&&isShow('科室')">
105 
           <label class="name" for="inpatient_department">科室</label>
 143 
           <label class="name" for="inpatient_department">科室</label>
106 
           <div class="content">
 144 
           <div class="content">
107 
-            <input type="text" @focus="inputFocus" id="inpatient_department" v-model="formValue.inpatient_department"/>
145 
+            <input
146 
+              type="text"
147 
+              @focus="inputFocus"
148 
+              id="inpatient_department"
149 
+              v-model="formValue.inpatient_department"
150 
+            />
108 
           </div>
 151 
           </div>
109 
         </div>
 152 
         </div>
110
153
111 
-
112 
-        <div @click="showSubMenu('observation_content')" class="item" ref="observation_content"
113 
-             v-if="formValue.patient_gose==3&&isShow('交待病房护士/患者/陪人观察内容')">
154 
+        <div
155 
+          @click="showSubMenu('observation_content')"
156 
+          class="item"
157 
+          ref="observation_content"
158 
+          v-if="formValue.patient_gose==3&&isShow('交待病房护士/患者/陪人观察内容')"
159 
+        >
114 
           <label class="name" for="observation_content">交待病房护士/患者/陪人观察内容</label>
 160 
           <label class="name" for="observation_content">交待病房护士/患者/陪人观察内容</label>
115 
           <div class="content">
 161 
           <div class="content">
116 
-            <span class="text" id="observation_content" style="width: 50px">{{formValue.observation_content}}</span>
162 
+            <span
163 
+              class="text"
164 
+              id="observation_content"
165 
+              style="width: 50px"
166 
+            >{{formValue.observation_content}}</span>
117 
             <span class="iconfont">&#xe6f9;</span>
 167 
             <span class="iconfont">&#xe6f9;</span>
118 
           </div>
 168 
           </div>
119 
         </div>
 169 
         </div>
121 
         <div class="item" v-if="formValue.patient_gose==3&&isShow('其他观察内容')">
 171 
         <div class="item" v-if="formValue.patient_gose==3&&isShow('其他观察内容')">
122 
           <label class="name" for="observation_content_other">其他观察内容</label>
 172 
           <label class="name" for="observation_content_other">其他观察内容</label>
123 
           <div class="content">
 173 
           <div class="content">
124 
-            <input type="text" @focus="inputFocus" id="observation_content_other"
125 
-                   v-model="formValue.observation_content_other"/>
174 
+            <input
175 
+              type="text"
176 
+              @focus="inputFocus"
177 
+              id="observation_content_other"
178 
+              v-model="formValue.observation_content_other"
179 
+            />
126 
           </div>
 180 
           </div>
127 
         </div>
 181 
         </div>
128
182
141 
         <div class="item" v-if="isShow('体重减少')">
 195 
         <div class="item" v-if="isShow('体重减少')">
142 
           <label class="name" for="tzjs">体重减少(kg)</label>
 196 
           <label class="name" for="tzjs">体重减少(kg)</label>
143 
           <div class="content">
 197 
           <div class="content">
144 
-            <input type="tel" @focus="inputFocus" id="tzjs" v-model="formValue.weight_loss"/>
198 
+            <input type="tel" @focus="inputFocus" id="tzjs" v-model="formValue.weight_loss" />
145 
             <!--<span class="text">1</span>-->
 199 
             <!--<span class="text">1</span>-->
146 
             <!--<span class="iconfont">&#xe6f9;</span>-->
 200 
             <!--<span class="iconfont">&#xe6f9;</span>-->
147 
           </div>
 201 
           </div>
149 
         <div class="item" v-if="isShow('体温')">
 203 
         <div class="item" v-if="isShow('体温')">
150 
           <label class="name" for="tw">体温(℃)</label>
 204 
           <label class="name" for="tw">体温(℃)</label>
151 
           <div class="content">
 205 
           <div class="content">
152 
-            <input type="tel" @focus="inputFocus" id="tw" v-model="formValue.temperature"/>
206 
+            <input type="tel" @focus="inputFocus" id="tw" v-model="formValue.temperature" />
153
207
154 
             <!--<span class="text">HD</span>-->
 208 
             <!--<span class="text">HD</span>-->
155 
             <!--<span class="iconfont">&#xe6f9;</span>-->
 209 
             <!--<span class="iconfont">&#xe6f9;</span>-->
158 
         <div class="item" v-if="isShow('收缩压')">
 212 
         <div class="item" v-if="isShow('收缩压')">
159 
           <label class="name" for="ssy">收缩压(mmHg)</label>
 213 
           <label class="name" for="ssy">收缩压(mmHg)</label>
160 
           <div class="content">
 214 
           <div class="content">
161 
-            <input type="tel" @focus="inputFocus" id="ssy" v-model="formValue.systolic_blood_pressure"/>
215 
+            <input
216 
+              type="tel"
217 
+              @focus="inputFocus"
218 
+              id="ssy"
219 
+              v-model="formValue.systolic_blood_pressure"
220 
+            />
162 
             <!--<span class="text">HD</span>-->
 221 
             <!--<span class="text">HD</span>-->
163 
             <!--<span class="iconfont">&#xe6f9;</span>-->
 222 
             <!--<span class="iconfont">&#xe6f9;</span>-->
164 
           </div>
 223 
           </div>
167 
         <div class="item" v-if="isShow('舒张压')">
 226 
         <div class="item" v-if="isShow('舒张压')">
168 
           <label class="name" for="szy">舒张压(mmHg)</label>
 227 
           <label class="name" for="szy">舒张压(mmHg)</label>
169 
           <div class="content">
 228 
           <div class="content">
170 
-            <input type="tel" @focus="inputFocus" id="szy" v-model="formValue.diastolic_blood_pressure"/>
229 
+            <input
230 
+              type="tel"
231 
+              @focus="inputFocus"
232 
+              id="szy"
233 
+              v-model="formValue.diastolic_blood_pressure"
234 
+            />
171 
             <!--<span class="text">HD</span>-->
 235 
             <!--<span class="text">HD</span>-->
172 
             <!--<span class="iconfont">&#xe6f9;</span>-->
 236 
             <!--<span class="iconfont">&#xe6f9;</span>-->
173 
           </div>
 237 
           </div>
175 
         <div class="item" v-if="isShow('呼吸频率')">
 239 
         <div class="item" v-if="isShow('呼吸频率')">
176 
           <label class="name" for="ml">呼吸频率(次/min)</label>
 240 
           <label class="name" for="ml">呼吸频率(次/min)</label>
177 
           <div class="content">
 241 
           <div class="content">
178 
-            <input type="tel" @focus="inputFocus" id="ml" v-model="formValue.breathing_rate"/>
242 
+            <input type="tel" @focus="inputFocus" id="ml" v-model="formValue.breathing_rate" />
179 
             <!--<span class="text">HD</span>-->
 243 
             <!--<span class="text">HD</span>-->
180 
             <!--<span class="iconfont">&#xe6f9;</span>-->
 244 
             <!--<span class="iconfont">&#xe6f9;</span>-->
181 
           </div>
 245 
           </div>
182 
         </div>
 246 
         </div>
183
247
184 
-
185 
         <div class="item" v-if="isShow('脉搏')">
 248 
         <div class="item" v-if="isShow('脉搏')">
186 
           <label class="name" for="ml">脉搏(次/分)</label>
 249 
           <label class="name" for="ml">脉搏(次/分)</label>
187 
           <div class="content">
 250 
           <div class="content">
188 
-            <input type="tel" @focus="inputFocus" id="ml" v-model="formValue.pulse_frequency"/>
251 
+            <input type="tel" @focus="inputFocus" id="ml" v-model="formValue.pulse_frequency" />
189 
             <!--<span class="text">HD</span>-->
 252 
             <!--<span class="text">HD</span>-->
190 
             <!--<span class="iconfont">&#xe6f9;</span>-->
 253 
             <!--<span class="iconfont">&#xe6f9;</span>-->
191 
           </div>
 254 
           </div>
192 
         </div>
 255 
         </div>
193
256
194
257
195 
-        <div @click="showSubMenu('symptom_after_dialysis')" class="item" ref="symptom_after_dialysis"
196 
-             v-if="isShow('透后症状')">
258 
+
259 
+        <div @click="showSubMenu('symptom_after_dialysis')" class="item" ref="symptom_after_dialysis" v-if="isShow('透后症状')">
260 
+
197 
           <label class="name" for="thzz">透后症状</label>
 261 
           <label class="name" for="thzz">透后症状</label>
198 
           <div class="content">
 262 
           <div class="content">
199 
             <span class="text" id="thzz" style="width: 100px">{{formValue.symptom_after_dialysis}}</span>
 263 
             <span class="text" id="thzz" style="width: 100px">{{formValue.symptom_after_dialysis}}</span>
200 
             <span class="iconfont">&#xe6f9;</span>
 264 
             <span class="iconfont">&#xe6f9;</span>
201 
           </div>
 265 
           </div>
202 
         </div>
 266 
         </div>
203 
-        <div class="item" ref="dialysis_intakes" v-if="isShow('透析中入量')">
267 
+
268 
+        <div
269 
+          @click="showSubMenu('dialysis_intakes')"
270 
+          class="item"
271 
+          ref="dialysis_intakes"
272 
+          v-if="isShow('透析中入量')"
273 
+        >
204 
           <label class="name" for="txz">透析中入量</label>
 274 
           <label class="name" for="txz">透析中入量</label>
205 
           <div class="content">
 275 
           <div class="content">
206 
-            <input type="tel" @focus="inputFocus" id="txz" v-model="formValue.dialysis_intakes"/>
276 
+            <input type="tel" @focus="inputFocus" id="txz" v-model="formValue.dialysis_intakes" />
207 
             <!--<span class="text" style="width: 100px">{{formValue.dialysis_intakes}}</span>-->
 277 
             <!--<span class="text" style="width: 100px">{{formValue.dialysis_intakes}}</span>-->
208 
             <!--<span class="iconfont">&#xe6f9;</span>-->
 278 
             <!--<span class="iconfont">&#xe6f9;</span>-->
209 
           </div>
 279 
           </div>
227 
         </div>
 297 
         </div>
228
298
229 
         <div class="line"></div>
 299 
         <div class="line"></div>
230 
-        <div @click="showSubMenu('blood_access_part')" class="item" ref="blood_access_part" v-if="isShow('血管通路部位')">
300 
+        <div
301 
+          @click="showSubMenu('blood_access_part')"
302 
+          class="item"
303 
+          ref="blood_access_part"
304 
+          v-if="isShow('血管通路部位')"
305 
+        >
231 
           <label class="name" for="xgtl">血管通路部位</label>
 306 
           <label class="name" for="xgtl">血管通路部位</label>
232 
           <div class="content">
 307 
           <div class="content">
233 
             <span class="text" id="xgtl">{{QueryPartById(formValue.blood_access_part_id)}}</span>
 308 
             <span class="text" id="xgtl">{{QueryPartById(formValue.blood_access_part_id)}}</span>
234 
             <span class="iconfont">&#xe6f9;</span>
 309 
             <span class="iconfont">&#xe6f9;</span>
235 
           </div>
 310 
           </div>
236 
         </div>
 311 
         </div>
237 
-        <div @click="showSubMenu('blood_access_opera')" class="item" ref="blood_access_opera" v-if="isShow('血管通路操作')">
312 
+        <div
313 
+          @click="showSubMenu('blood_access_opera')"
314 
+          class="item"
315 
+          ref="blood_access_opera"
316 
+          v-if="isShow('血管通路操作')"
317 
+        >
238 
           <label class="name" for="xgtlcz">血管通路操作</label>
 318 
           <label class="name" for="xgtlcz">血管通路操作</label>
239 
           <div class="content">
 319 
           <div class="content">
240 
             <span class="text" id="xgtlcz">{{QueryOperaById(formValue.blood_access_part_opera_id)}}</span>
 320 
             <span class="text" id="xgtlcz">{{QueryOperaById(formValue.blood_access_part_opera_id)}}</span>
253
333
254 
         <div class="line"></div>
 334 
         <div class="line"></div>
255
335
256 
-        <div @click="showSubMenu('dialysis_process')" class="item" ref="dialysis_process" v-if="isShow('透析过程')">
336 
+        <div
337 
+          @click="showSubMenu('dialysis_process')"
338 
+          class="item"
339 
+          ref="dialysis_process"
340 
+          v-if="isShow('透析过程')"
341 
+        >
257 
           <label class="name" for="dg">透析过程</label>
 342 
           <label class="name" for="dg">透析过程</label>
258 
           <div class="content">
 343 
           <div class="content">
259 
             <span class="text" id="dg">{{getDialysisProcess(formValue.dialysis_process)}}</span>
 344 
             <span class="text" id="dg">{{getDialysisProcess(formValue.dialysis_process)}}</span>
260 
             <span class="iconfont">&#xe6f9;</span>
 345 
             <span class="iconfont">&#xe6f9;</span>
261 
           </div>
 346 
           </div>
262 
         </div>
 347 
         </div>
348 
+
263 
         <div class="item" ref="in_advance_minute" v-if="formValue.dialysis_process == 2 && isShow('透析过程提前时间') ">
 349 
         <div class="item" ref="in_advance_minute" v-if="formValue.dialysis_process == 2 && isShow('透析过程提前时间') ">
350 
+
264 
           <label class="name" for="dg">透析过程提前时间(min)</label>
 351 
           <label class="name" for="dg">透析过程提前时间(min)</label>
265 
           <div class="content">
 352 
           <div class="content">
266 
-            <input type="tel" @focus="inputFocus" id="txz" v-model="formValue.in_advance_minute"/>
353 
+            <input type="tel" @focus="inputFocus" id="txz" v-model="formValue.in_advance_minute" />
267 
           </div>
 354 
           </div>
268 
         </div>
 355 
         </div>
356 
+
269 
         <div @click="showSubMenu('in_advance_reason')" class="item" ref="in_advance_reason"
 357 
         <div @click="showSubMenu('in_advance_reason')" class="item" ref="in_advance_reason"
270 
              v-if="formValue.dialysis_process == 2 && isShow('透析过程提前原因')">
 358 
              v-if="formValue.dialysis_process == 2 && isShow('透析过程提前原因')">
359 
+
271 
           <label class="name" for="dg">透析过程提前原因</label>
 360 
           <label class="name" for="dg">透析过程提前原因</label>
272 
           <div class="content">
 361 
           <div class="content">
273 
             <span class="text" id="dg">{{formValue.in_advance_reason}}</span>
 362 
             <span class="text" id="dg">{{formValue.in_advance_reason}}</span>
275 
           </div>
 364 
           </div>
276 
         </div>
 365 
         </div>
277 
         <div class="item" ref="in_advance_reason_other" v-if="formValue.dialysis_process == 2 && isShow('透析过程提前其他原因')">
 366 
         <div class="item" ref="in_advance_reason_other" v-if="formValue.dialysis_process == 2 && isShow('透析过程提前其他原因')">
367 
+
278 
           <label class="name" for="dg">透析过程提前其他原因</label>
 368 
           <label class="name" for="dg">透析过程提前其他原因</label>
279 
           <div class="content">
 369 
           <div class="content">
280 
-            <input type="tel" @focus="inputFocus" id="txz" v-model="formValue.in_advance_reason_other"/>
370 
+            <input
371 
+              type="tel"
372 
+              @focus="inputFocus"
373 
+              id="txz"
374 
+              v-model="formValue.in_advance_reason_other"
375 
+            />
281 
           </div>
 376 
           </div>
282 
         </div>
 377 
         </div>
283 
         <div class="item" ref="hemostasis_minute" v-if="isShow('内瘘管拔针后压迫止血时间')">
 378 
         <div class="item" ref="hemostasis_minute" v-if="isShow('内瘘管拔针后压迫止血时间')">
284 
           <label class="name" for="dg">内瘘管拔针后压迫止血时间(min)</label>
 379 
           <label class="name" for="dg">内瘘管拔针后压迫止血时间(min)</label>
285 
           <div class="content">
 380 
           <div class="content">
286 
-            <input type="tel" @focus="inputFocus" id="txz" v-model="formValue.hemostasis_minute"/>
381 
+            <input type="tel" @focus="inputFocus" id="txz" v-model="formValue.hemostasis_minute" />
287 
           </div>
 382 
           </div>
288 
         </div>
 383 
         </div>
289
384
290 
-        <div @click="showSubMenu('hemostasis_opera')" class="item" ref="hemostasis_opera" v-if="isShow('内瘘管拔针后压迫止血操作')">
385 
+        <div
386 
+          @click="showSubMenu('hemostasis_opera')"
387 
+          class="item"
388 
+          ref="hemostasis_opera"
389 
+          v-if="isShow('内瘘管拔针后压迫止血操作')"
390 
+        >
291 
           <label class="name" for="dg">内瘘管拔针后压迫止血操作</label>
 391 
           <label class="name" for="dg">内瘘管拔针后压迫止血操作</label>
292 
           <div class="content">
 392 
           <div class="content">
293 
             <span class="text" id="dg">{{getOpera(formValue.hemostasis_opera)}}</span>
 393 
             <span class="text" id="dg">{{getOpera(formValue.hemostasis_opera)}}</span>
295 
           </div>
 395 
           </div>
296 
         </div>
 396 
         </div>
297
397
298 
-
299 
-        <div @click="showSubMenu('tremor_noise')" class="item" ref="tremor_noise" v-if="isShow('内瘘震颤和血管杂音')">
398 
+        <div
399 
+          @click="showSubMenu('tremor_noise')"
400 
+          class="item"
401 
+          ref="tremor_noise"
402 
+          v-if="isShow('内瘘震颤和血管杂音')"
403 
+        >
300 
           <label class="name" for="dg">内瘘震颤和血管杂音</label>
 404 
           <label class="name" for="dg">内瘘震颤和血管杂音</label>
301 
           <div class="content">
 405 
           <div class="content">
302 
             <span class="text" id="dg">{{getTremorNoise(formValue.tremor_noise)}}</span>
 406 
             <span class="text" id="dg">{{getTremorNoise(formValue.tremor_noise)}}</span>
307
411
308 
         <div @click="showSubMenu('disequilibrium_syndrome')" class="item" ref="disequilibrium_syndrome"
 412 
         <div @click="showSubMenu('disequilibrium_syndrome')" class="item" ref="disequilibrium_syndrome"
309 
              v-if="isShow('失衡综合症')">
 413 
              v-if="isShow('失衡综合症')">
414 
+
310 
           <label class="name" for="dg">失衡综合症</label>
 415 
           <label class="name" for="dg">失衡综合症</label>
311 
           <div class="content">
 416 
           <div class="content">
312 
-            <span class="text" id="dg">{{getDisequilibriumSyndrome(formValue.disequilibrium_syndrome)}}</span>
417 
+            <span
418 
+              class="text"
419 
+              id="dg"
420 
+            >{{getDisequilibriumSyndrome(formValue.disequilibrium_syndrome)}}</span>
313 
             <span class="iconfont">&#xe6f9;</span>
 421 
             <span class="iconfont">&#xe6f9;</span>
314 
           </div>
 422 
           </div>
315 
         </div>
 423 
         </div>
316
424
425 
+
317 
         <div @click="showSubMenu('disequilibrium_syndrome_option')" class="item" ref="disequilibrium_syndrome_option"
 426 
         <div @click="showSubMenu('disequilibrium_syndrome_option')" class="item" ref="disequilibrium_syndrome_option"
318 
              v-if="formValue.disequilibrium_syndrome == 2 && isShow('失衡综合症症状')">
 427 
              v-if="formValue.disequilibrium_syndrome == 2 && isShow('失衡综合症症状')">
428 
+
319 
           <label class="name" for="dg">失衡综合症症状</label>
 429 
           <label class="name" for="dg">失衡综合症症状</label>
320 
           <div class="content">
 430 
           <div class="content">
321 
             <span class="text" id="dg">{{formValue.disequilibrium_syndrome_option}}</span>
 431 
             <span class="text" id="dg">{{formValue.disequilibrium_syndrome_option}}</span>
323 
           </div>
 433 
           </div>
324 
         </div>
 434 
         </div>
325
435
326 
-
327 
-        <div @click="showSubMenu('arterial_tube')" class="item" ref="arterial_tube" v-if="isShow('动脉管道')">
436 
+        <div
437 
+          @click="showSubMenu('arterial_tube')"
438 
+          class="item"
439 
+          ref="arterial_tube"
440 
+          v-if="isShow('动脉管道')"
441 
+        >
328 
           <label class="name" for="dg">动脉管道</label>
 442 
           <label class="name" for="dg">动脉管道</label>
329 
           <div class="content">
 443 
           <div class="content">
330 
             <span class="text" id="dg">{{getArterialTubeName(formValue.arterial_tube)}}</span>
 444 
             <span class="text" id="dg">{{getArterialTubeName(formValue.arterial_tube)}}</span>
332 
           </div>
 446 
           </div>
333 
         </div>
 447 
         </div>
334
448
335 
-
336 
-        <div @click="showSubMenu('intravenous_tube')" class="item" ref="intravenous_tube" v-if="isShow('静脉管道')">
449 
+        <div
450 
+          @click="showSubMenu('intravenous_tube')"
451 
+          class="item"
452 
+          ref="intravenous_tube"
453 
+          v-if="isShow('静脉管道')"
454 
+        >
337 
           <label class="name" for="dg">静脉管道</label>
 455 
           <label class="name" for="dg">静脉管道</label>
338 
           <div class="content">
 456 
           <div class="content">
339 
             <span class="text" id="dg">{{getIntravenousTubeName(formValue.intravenous_tube)}}</span>
 457 
             <span class="text" id="dg">{{getIntravenousTubeName(formValue.intravenous_tube)}}</span>
370 
               <span class="text"></span>
 488 
               <span class="text"></span>
371 
             </div>
 489 
             </div>
372 
           </div>
 490 
           </div>
491 
+
373 
           <textarea @focus="lastInputFocus" @blur="lastInputBlur" class="textarea" id="bz" placeholder="请输入内容"
 492 
           <textarea @focus="lastInputFocus" @blur="lastInputBlur" class="textarea" id="bz" placeholder="请输入内容"
374 
                     v-model="formValue.remark"></textarea>
 493 
                     v-model="formValue.remark"></textarea>
494 
+
375 
         </div>
 495 
         </div>
376 
       </div>
 496 
       </div>
377 
-
378 
     </div>
 497 
     </div>
379 
     <!--<two-menu title="二级菜单" v-show="true" ></two-menu>-->
 498 
     <!--<two-menu title="二级菜单" v-show="true" ></two-menu>-->
380 
     <check-box-sub-menu :visibility="visibility" v-on:menu-cancle="menuCancle" v-on:menu-comfirm="menuComfirm"
 499 
     <check-box-sub-menu :visibility="visibility" v-on:menu-cancle="menuCancle" v-on:menu-comfirm="menuComfirm"
381 
                         v-on:menu-empty="menuEmpty"
 500 
                         v-on:menu-empty="menuEmpty"
382 
                         :propsForm="propForm"></check-box-sub-menu>
 501 
                         :propsForm="propForm"></check-box-sub-menu>
383
502
503 
+
384 
     <mt-datetime-picker
 504 
     <mt-datetime-picker
385 
       ref="picker"
 505 
       ref="picker"
386 
       type="time"
 506 
       type="time"
387 
       hourFormat="{value}小时"
 507 
       hourFormat="{value}小时"
388 
       minuteFormat="{value}分钟"
 508 
       minuteFormat="{value}分钟"
389 
       @confirm="handleTimeConfirm"
 509 
       @confirm="handleTimeConfirm"
390 
-      v-model="time">
391 
-    </mt-datetime-picker>
392 
-
393 
-
510 
+      v-model="time"
511 
+    ></mt-datetime-picker>
394 
   </div>
 512 
   </div>
395 
 </template>
 513 
 </template>
396
514
1375 
   }
 1493 
   }
1376 
 </script>
 1494 
 </script>
1377
1495
1496 
+
1378 
 <style style="stylesheet/scss" lang="scss" scoped>
 1497 
 <style style="stylesheet/scss" lang="scss" scoped>
1379 
-  .textarea {
1498 
+.textarea {
1380 
   width: 100%;
 1499 
   width: 100%;
1381 
   height: 2.4rem;
 1500 
   height: 2.4rem;
1382 
   line-height: 0.6rem;
 1501 
   line-height: 0.6rem;
1383 
   color: $pgh-color;
 1502 
   color: $pgh-color;
1384 
-  font-size: 0.28rem;
1503 
+  font-size: 0.45rem;
1385 
   padding-left: 0.36rem;
 1504 
   padding-left: 0.36rem;
1386 
   border: none;
 1505 
   border: none;
1387 
   border-bottom: 1px #e5e5e5 solid;
 1506 
   border-bottom: 1px #e5e5e5 solid;
1388 
-  }
1389 
-  .DialogContent{
1507 
+}
1508 
+.DialogContent {
1390 
   padding-bottom: 2rem !important;
 1509 
   padding-bottom: 2rem !important;
1391 
-
1392 
-  }
1510 
+}
1393 
 </style>
 1511 
 </style>
1394
1512
1395
1513

+ 115 - 88
src/pages/main/dialog/TreatmentDialog.vue View File

1 
 <template>
 1 
 <template>
2 
- <div>
3 
-    <div class="Dialog" v-show="isShowDialog" >
4 
-        <div class="DialogTit">
5 
-            <span @click="close()" class="iconfont">&#xe6e9;</span>
6 
-            <h1 class="name">治疗小结</h1>
7 
-            <span @click="commitInfo" class="success">完成</span>
8 
-        </div>
2 
+  <div>
3 
+    <div class="Dialog" v-show="isShowDialog">
4 
+      <div class="DialogTit">
5 
+        <span @click="close()" class="iconfont">&#xe6e9;</span>
6 
+        <h1 class="name">治疗小结</h1>
7 
+        <span @click="commitInfo" class="success">保存</span>
8 
+      </div>
9
9
10 
-        <div class="DialogContent choose " id="dialogTop">
11 
-          <el-form  :model="dialysisSummary" label-width="90px">
12 
-              <el-form-item label="透后宣教 : ">
13 
-                <!-- <el-select @change="dialysisAfterTeachSelectChange" v-model="dialysisSummary.text1" placeholder="请选择">
10 
+      <div class="DialogContent choose" id="dialogTop">
11 
+        <el-form :model="dialysisSummary" label-width="120px">
12 
+          <el-form-item label="透后宣教 : ">
13 
+            <!-- <el-select @change="dialysisAfterTeachSelectChange" v-model="dialysisSummary.text1" placeholder="请选择">
14 
                   <el-option v-for="(s, index) in teach" :label="s.text" :value="s.value" :key="index"></el-option>
 14 
                   <el-option v-for="(s, index) in teach" :label="s.text" :value="s.value" :key="index"></el-option>
15 
-                </el-select> -->
16 
-              <el-input readonly v-model="dialysisSummary.propagandaAndEducationContentSelect" placeholder="请选择" @focus="showSubMenu('education')" ></el-input>
17 
-              </el-form-item>
18 
-              <el-form-item label-width="0"  >
19 
-                <el-input type="textarea" v-model="dialysisSummary.propagandaAndEducationContent" :rows="5"></el-input>
20 
-
21 
-              </el-form-item>
22 
-              <el-form-item label="透析小结 : ">
23 
-                <!-- <el-select @change="dialysisSummarySelectChange"  v-model="dialysisSummary.text2"
24 
-                           placeholder="请选择">
25 
-                  <el-option v-for="(s, index) in summary" :label="s.text" :value="s.value"
26 
-                             :key="index"></el-option>
27 
-                </el-select> -->
15 
+            </el-select>-->
16 
+            <el-input
17 
+              readonly
18 
+              v-model="dialysisSummary.propagandaAndEducationContentSelect"
19 
+              placeholder="请选择"
20 
+              @focus="showSubMenu('education')"
21 
+            ></el-input>
22 
+          </el-form-item>
23 
+          <el-form-item label-width="0">
24 
+            <el-input
25 
+              class="newTextarea"
26 
+              type="textarea"
27 
+              v-model="dialysisSummary.propagandaAndEducationContent"
28 
+              :rows="5"
29 
+            ></el-input>
30 
+          </el-form-item>
31 
+          <el-form-item label="透析小结 : ">
28
32
29 
               <el-input readonly v-model="dialysisSummary.summaryContentSelect" placeholder="请选择" @focus="showSubMenu('summary')" ></el-input>
 33 
               <el-input readonly v-model="dialysisSummary.summaryContentSelect" placeholder="请选择" @focus="showSubMenu('summary')" ></el-input>
30
34
31 
-              </el-form-item>
35 
+            <el-input
36 
+              readonly
37 
+              v-model="dialysisSummary.summaryContentSelect"
38 
+              placeholder="请选择"
39 
+              @focus="showSubMenu('summary')"
40 
+            ></el-input>
41 
+          </el-form-item>
32
42
33 
-              <el-form-item label-width="0"  >
34 
-                <el-input @focus="lastInputFocus" @blur="lastInputBlur" type="textarea" v-model="dialysisSummary.summaryContent" :rows="5"></el-input>
35 
-              </el-form-item>
36 
-          </el-form>
37 
-          <!-- <div class="button">
43 
+          <el-form-item label-width="0">
44 
+            <el-input
45 
+              class="newTextarea"
46 
+              @focus="lastInputFocus"
47 
+              @blur="lastInputBlur"
48 
+              type="textarea"
49 
+              v-model="dialysisSummary.summaryContent"
50 
+              :rows="5"
51 
+            ></el-input>
52 
+          </el-form-item>
53 
+        </el-form>
54 
+        <!-- <div class="button">
38 
               <button @click="commitInfo" class="submitButton">提交</button>
 55 
               <button @click="commitInfo" class="submitButton">提交</button>
39 
-          </div> -->
40 
-        </div>
56 
+        </div>-->
57 
+      </div>
41 
     </div>
 58 
     </div>
42
59
43 
     <check-box-sub-menu :visibility="visibility" v-on:menu-cancle="menuCancle" v-on:menu-comfirm="menuComfirm" :propsForm="propForm"></check-box-sub-menu>
 60 
     <check-box-sub-menu :visibility="visibility" v-on:menu-cancle="menuCancle" v-on:menu-comfirm="menuComfirm" :propsForm="propForm"></check-box-sub-menu>
61 
+
44 
   </div>
 62 
   </div>
45 
 </template>
 63 
 </template>
46
64
48 
 import { commitTreatmentSummary } from "@/api/dialysis";
 66 
 import { commitTreatmentSummary } from "@/api/dialysis";
49 
 import { Toast } from "vant";
 67 
 import { Toast } from "vant";
50 
 import CheckBoxSubMenu from "./subMenu/checkBoxSubMenu";
 68 
 import CheckBoxSubMenu from "./subMenu/checkBoxSubMenu";
51 
-import {getDataConfig} from '@/utils/data';
69 
+import { getDataConfig } from "@/utils/data";
52
70
53 
 export default {
 71 
 export default {
54 
   name: "TreatmentDialog",
 72 
   name: "TreatmentDialog",
55 
   data() {
 73 
   data() {
56 
     return {
 74 
     return {
57 
       isShowDialog:true,
 75 
       isShowDialog:true,
58 
-
59 
       visibility: false,
 76 
       visibility: false,
60 
       propForm: {
 77 
       propForm: {
61 
-        title: '',
78 
+        title: "",
62 
         list: [],
 79 
         list: [],
63 
         optionList: [],
 80 
         optionList: [],
64 
         isMultiple: 2,
 81 
         isMultiple: 2,
65 
         result: [], //选中的值
 82 
         result: [], //选中的值
66 
         type: 1, //用来区分不同子菜单，方便对返回值进行赋值
 83 
         type: 1, //用来区分不同子菜单，方便对返回值进行赋值
67 
-        selectId: 0,
84 
+        selectId: 0
68 
       },
 85 
       },
69
86
70 
       dialysisSummary: {
 87 
       dialysisSummary: {
71 
         text: "",
 88 
         text: "",
72 
         propagandaAndEducationContent: "",
 89 
         propagandaAndEducationContent: "",
73 
-        propagandaAndEducationContentSelect:'',
90 
+        propagandaAndEducationContentSelect: "",
74 
         text2: "",
 91 
         text2: "",
75 
         summaryContent: "",
 92 
         summaryContent: "",
76 
         summaryContentSelect: "",
 93 
         summaryContentSelect: "",
83 
       summary: [],
 100 
       summary: [],
84 
       summaryObj: {},
 101 
       summaryObj: {},
85 
       teach: [],
 102 
       teach: [],
86 
-      teachObj:{},
103 
+      teachObj: {},
87 
       title: "治疗小结 ",
 104 
       title: "治疗小结 ",
88 
-      record_date:"",
105 
+      record_date: "",
89 
       patient: {
 106 
       patient: {
90 
         id: 0
 107 
         id: 0
91 
       }
 108 
       }
101 
   },
 118 
   },
102 
   created() {
 119 
   created() {
103 
     // this.summary = this.$store.getters.summary;
 120 
     // this.summary = this.$store.getters.summary;
104 
-    this.summary = getDataConfig('summary','summary');
121 
+    this.summary = getDataConfig("summary", "summary");
105 
     // console.log("this.summary",this.summary)
 122 
     // console.log("this.summary",this.summary)
106 
     // this.teach = this.$store.getters.teach;
 123 
     // this.teach = this.$store.getters.teach;
107 
-    this.teach =  getDataConfig('education','education');
124 
+    this.teach = getDataConfig("education", "education");
108
125
109 
-    if (this.teach.length>0) {
126 
+    if (this.teach.length > 0) {
110 
       var tlen = this.teach.length;
 127 
       var tlen = this.teach.length;
111 
       for (let index = 0; index < tlen; index++) {
 128 
       for (let index = 0; index < tlen; index++) {
112 
         this.teach[index].name = this.teach[index].text;
 129 
         this.teach[index].name = this.teach[index].text;
113 
         this.teachObj[this.teach[index].id] = this.teach[index];
 130 
         this.teachObj[this.teach[index].id] = this.teach[index];
114 
       }
 131 
       }
115 
     }
 132 
     }
116 
-    if (this.summary.length>0) {
133 
+    if (this.summary.length > 0) {
117 
       var tlen = this.summary.length;
 134 
       var tlen = this.summary.length;
118 
       for (let index = 0; index < tlen; index++) {
 135 
       for (let index = 0; index < tlen; index++) {
119 
         this.summary[index].name = this.summary[index].text;
 136 
         this.summary[index].name = this.summary[index].text;
134 
       m = newDate.getMonth() + 1;
 151 
       m = newDate.getMonth() + 1;
135 
       d = newDate.getDate();
 152 
       d = newDate.getDate();
136 
     }
 153 
     }
137 
-    this.record_date = y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d);
154 
+    this.record_date =
155 
+      y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d);
138 
     // this.patient.id = this.patient_prop.id
 156 
     // this.patient.id = this.patient_prop.id
139
157
140 
     if (this.record != null && this.record.id != '') {
 158 
     if (this.record != null && this.record.id != '') {
164 
         input.style.marginBottom = "";
 182 
         input.style.marginBottom = "";
165 
       }, 0);
 183 
       }, 0);
166 
     },
 184 
     },
167 
-    showSubMenu: function (val) {
185 
+    showSubMenu: function(val) {
168 
       switch (val) {
 186 
       switch (val) {
169 
-        case 'education':
170 
-          this.propForm.type = 1
171 
-          this.isShowDialog = false
172 
-          this.propForm.title = '透后宣教'
173 
-          this.visibility = true
174 
-          this.propForm.list = []
187 
+        case "education":
188 
+          this.propForm.type = 1;
189 
+          this.isShowDialog = false;
190 
+          this.propForm.title = "透后宣教";
191 
+          this.visibility = true;
192 
+          this.propForm.list = [];
175 
           this.propForm.optionList = this.teach;
 193 
           this.propForm.optionList = this.teach;
176 
           this.propForm.isMultiple = 1;
 194 
           this.propForm.isMultiple = 1;
177 
           this.propForm.selectId = this.dialysisSummary.xjid;
 195 
           this.propForm.selectId = this.dialysisSummary.xjid;
178 
           break;
 196 
           break;
179 
-        case 'summary':
180 
-          this.propForm.type = 2
181 
-          this.isShowDialog = false
182 
-          this.propForm.title = '透析小结'
183 
-          this.visibility = true
184 
-          this.propForm.list = []
197 
+        case "summary":
198 
+          this.propForm.type = 2;
199 
+          this.isShowDialog = false;
200 
+          this.propForm.title = "透析小结";
201 
+          this.visibility = true;
202 
+          this.propForm.list = [];
185 
           this.propForm.optionList = this.summary;
 203 
           this.propForm.optionList = this.summary;
186 
           this.propForm.isMultiple = 1;
 204 
           this.propForm.isMultiple = 1;
187 
           this.propForm.selectId = this.dialysisSummary.xxjid;
 205 
           this.propForm.selectId = this.dialysisSummary.xxjid;
188 
           break;
 206 
           break;
189 
       }
 207 
       }
190 
-
191 
     },
 208 
     },
192 
     menuCancle: function () {
 209 
     menuCancle: function () {
193 
         this.visibility = false
 210 
         this.visibility = false
197
214
198 
       this.visibility = false
 215 
       this.visibility = false
199 
       this.isShowDialog = true
 216 
       this.isShowDialog = true
217 
+
200 
       switch (val.type) {
 218 
       switch (val.type) {
201 
         case 1:
 219 
         case 1:
202 
-          if(val.selectId in this.teachObj) {
220 
+          if (val.selectId in this.teachObj) {
203 
             var theValue = this.teachObj[val.selectId].value;
 221 
             var theValue = this.teachObj[val.selectId].value;
204 
             this.dialysisAfterTeachSelectChange(theValue);
 222 
             this.dialysisAfterTeachSelectChange(theValue);
205 
             this.dialysisSummary.xjid = val.selectId;
 223 
             this.dialysisSummary.xjid = val.selectId;
206 
-            this.dialysisSummary.propagandaAndEducationContentSelect = this.teachObj[val.selectId].name;
224 
+            this.dialysisSummary.propagandaAndEducationContentSelect = this.teachObj[
225 
+              val.selectId
226 
+            ].name;
207 
           }
 227 
           }
208 
-          break
228 
+          break;
209 
         case 2:
 229 
         case 2:
210 
-          if(val.selectId in this.summaryObj) {
230 
+          if (val.selectId in this.summaryObj) {
211 
             var theValue = this.summaryObj[val.selectId].value;
 231 
             var theValue = this.summaryObj[val.selectId].value;
212 
             this.dialysisSummarySelectChange(theValue);
 232 
             this.dialysisSummarySelectChange(theValue);
213 
             this.dialysisSummary.xxjid = val.selectId;
 233 
             this.dialysisSummary.xxjid = val.selectId;
214 
-            this.dialysisSummary.summaryContentSelect = this.summaryObj[val.selectId].name;
234 
+            this.dialysisSummary.summaryContentSelect = this.summaryObj[
235 
+              val.selectId
236 
+            ].name;
215 
           }
 237 
           }
216 
-          break
238 
+          break;
217 
       }
 239 
       }
218 
-
219 
     },
 240 
     },
220
241
221 
     dialysisSummarySelectChange: function(values) {
 242 
     dialysisSummarySelectChange: function(values) {
222 
-      if(this.dialysisSummary.summaryContent == null){
223 
-        this.dialysisSummary.summaryContent == ""
243 
+      if (this.dialysisSummary.summaryContent == null) {
244 
+        this.dialysisSummary.summaryContent == "";
224 
       }
 245 
       }
225
246
226 
       if (this.dialysisSummary.summaryContent == "") {
 247 
       if (this.dialysisSummary.summaryContent == "") {
244 
       }
 265 
       }
245 
     },
 266 
     },
246 
     dialysisAfterTeachSelectChange: function(values) {
 267 
     dialysisAfterTeachSelectChange: function(values) {
247 
-      if(this.dialysisSummary.propagandaAndEducationContent == null){
248 
-        this.dialysisSummary.propagandaAndEducationContent == ""
268 
+      if (this.dialysisSummary.propagandaAndEducationContent == null) {
269 
+        this.dialysisSummary.propagandaAndEducationContent == "";
249 
       }
 270 
       }
250 
       if (this.dialysisSummary.propagandaAndEducationContent == "") {
 271 
       if (this.dialysisSummary.propagandaAndEducationContent == "") {
251 
         this.dialysisSummary.propagandaAndEducationContent = values;
 272 
         this.dialysisSummary.propagandaAndEducationContent = values;
252 
       } else {
 273 
       } else {
253 
-        if (this.dialysisSummary.propagandaAndEducationContent.indexOf(values) == -1) {
274 
+        if (
275 
+          this.dialysisSummary.propagandaAndEducationContent.indexOf(values) ==
276 
+          -1
277 
+        ) {
254 
           if (
 278 
           if (
255 
             this.dialysisSummary.propagandaAndEducationContent
 279 
             this.dialysisSummary.propagandaAndEducationContent
256 
               .charAt(
 280 
               .charAt(
268 
       }
 292 
       }
269 
     },
 293 
     },
270 
     commitInfo: function() {
 294 
     commitInfo: function() {
271 
-      Toast.loading({forbidClick: true, duration: 0})
295 
+      Toast.loading({ forbidClick: true, duration: 0 });
272 
       let ParamsQuery = this.dialysisSummary;
 296 
       let ParamsQuery = this.dialysisSummary;
273 
-      ParamsQuery['patient'] = this.$route.query.patient_id
274 
-      ParamsQuery["record_date"] = this.record_date
297 
+      ParamsQuery["patient"] = this.$route.query.patient_id;
298 
+      ParamsQuery["record_date"] = this.record_date;
275 
       commitTreatmentSummary(ParamsQuery).then(response => {
 299 
       commitTreatmentSummary(ParamsQuery).then(response => {
276 
         if (response.data.state == 0) {
 300 
         if (response.data.state == 0) {
277 
           Toast.fail(response.data.msg);
 301 
           Toast.fail(response.data.msg);
281
305
282 
           this.$emit("did_update", response.data.data.summary);
 306 
           this.$emit("did_update", response.data.data.summary);
283 
           for (const key in response.data.data.summary) {
 307 
           for (const key in response.data.data.summary) {
284 
-            this.record[key] = response.data.data.summary[key]
308 
+            this.record[key] = response.data.data.summary[key];
285 
           }
 309 
           }
286 
         }
 310 
         }
287 
       });
 311 
       });
288 
     },
 312 
     },
289 
     close: function() {
 313 
     close: function() {
290 
       this.$emit("close");
 314 
       this.$emit("close");
291 
-    }, open:function(){
292 
-        this.isShowDialog = true;
293 
-        this.visibility = false;
294 
-        var dialogTop = document.querySelector('#dialogTop');
295 
-        if (dialogTop != null) {
296 
-          this.$nextTick(() => {
297 
-              dialogTop.scrollTop = 0;
298 
-          });
299 
-        }
315 
+    },
316 
+    open: function() {
317 
+      this.isShowDialog = true;
318 
+      this.visibility = false;
319 
+      var dialogTop = document.querySelector("#dialogTop");
320 
+      if (dialogTop != null) {
321 
+        this.$nextTick(() => {
322 
+          dialogTop.scrollTop = 0;
323 
+        });
300 
       }
 324 
       }
325 
+    }
301 
   },
 326 
   },
302
327
303 
   components: {
 328 
   components: {
304 
-    CheckBoxSubMenu,
305 
-  },
306 
-
307 
-
329 
+    CheckBoxSubMenu
330 
+  }
308 
 };
 331 
 };
309 
 </script>
 332 
 </script>
310
333
325 
     }
 348 
     }
326 
   }
 349 
   }
327 
 }
 350 
 }
328 
-
351 
+</style>
352 
+<style lang="scss">
353 
+.newTextarea {
354 
+  font-size: 0.45rem;
355 
+}
329 
 </style>
 356 
 </style>
330
357

+ 11 - 12
src/pages/main/dialog/TwoMenu.vue View File

2 
   <div class="Dialog" v-show="show">
 2 
   <div class="Dialog" v-show="show">
3 
     <div class="DialogTit">
 3 
     <div class="DialogTit">
4 
       <div class="back" @click="hide()">
 4 
       <div class="back" @click="hide()">
5 
-        <span class="iconfont">&#xe720; </span>返回
5 
+        <span class="iconfont">&#xe720;</span>返回
6 
       </div>
 6 
       </div>
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>
10 
-      <span v-if="type == 2" @click="handle_selected" class="success"
11 
-        >确定</span
12 
-      >
9 
+      <span v-if="type == 1" class="success"></span>
10 
+      <span v-if="type == 2" @click="handle_selected" class="success">确定</span>
13 
     </div>
 11 
     </div>
14
12
15 
     <div class="optionsBox" v-show="type == 1">
 13 
     <div class="optionsBox" v-show="type == 1">
30 
                 single.id_key.lenght == 0 ? item : item[single.id_key]
 28 
                 single.id_key.lenght == 0 ? item : item[single.id_key]
31 
               )
 29 
               )
32 
             "
 30 
             "
33 
-          >
34 
-            {{ single.show_key.lenght == 0 ? item : item[single.show_key] }}
35 
-          </li>
31 
+          >{{ single.show_key.lenght == 0 ? item : item[single.show_key] }}</li>
36 
         </ul>
 32 
         </ul>
37 
       </div>
 33 
       </div>
38 
     </div>
 34 
     </div>
47 
               :key="index"
 43 
               :key="index"
48 
               :name="mutable.id_key.lenght == 0 ? item : item[mutable.id_key]"
 44 
               :name="mutable.id_key.lenght == 0 ? item : item[mutable.id_key]"
49 
             >
 45 
             >
50 
-              {{ mutable.show_key.lenght == 0 ? item : item[mutable.show_key] }}
46 
+              {{
47 
+              mutable.show_key.lenght == 0 ? item : item[mutable.show_key]
48 
+              }}
51 
             </van-checkbox>
 49 
             </van-checkbox>
52 
           </van-checkbox-group>
 50 
           </van-checkbox-group>
53 
         </li>
 51 
         </li>
104 
       this.single.id_key = id_key;
 102 
       this.single.id_key = id_key;
105 
       this.handle_select = handle_select;
 103 
       this.handle_select = handle_select;
106 
       this.handle_hide = handle_hide;
 104 
       this.handle_hide = handle_hide;
107 
-      console.log( this.single.cur_id )
105 
+      console.log(this.single.cur_id);
108 
     },
 106 
     },
109 
     // showMutableSelect(list_options, selected_values, title, show_key, id_key, handle_select) {
 107 
     // showMutableSelect(list_options, selected_values, title, show_key, id_key, handle_select) {
110 
     //   this.show = true
 108 
     //   this.show = true
152 
   }
 150 
   }
153 
   ul {
 151 
   ul {
154 
     li {
 152 
     li {
155 
-      height: 1rem;
156 
-      line-height: 1rem;
153 
+      height: 1.2rem;
154 
+      line-height: 1.2rem;
157 
       border-bottom: 1px #e5e5e5 solid;
 155 
       border-bottom: 1px #e5e5e5 solid;
158 
       padding: 0 0.38rem;
 156 
       padding: 0 0.38rem;
157 
+      font-size: 0.45rem;
159 
     }
 158 
     }
160 
     .tick {
 159 
     .tick {
161 
       position: relative;
 160 
       position: relative;

+ 103 - 93
src/pages/main/dialog/modify_order/ModifyAdviceGroup.vue View File

30 
             <div class="cell" style="margin-top: 0;">
 30 
             <div class="cell" style="margin-top: 0;">
31 
               <label>开嘱医生</label>
 31 
               <label>开嘱医生</label>
32 
               <span>{{ $store.getters.user.user.user_name }}</span>
 32 
               <span>{{ $store.getters.user.user.user_name }}</span>
33 
-
34 
             </div>
 33 
             </div>
35 
           </div>
 34 
           </div>
36 
           <table class="table">
 35 
           <table class="table">
42 
               <th width="15%">给药途径</th>
 41 
               <th width="15%">给药途径</th>
43 
               <th width="15%">执行频率</th>
 42 
               <th width="15%">执行频率</th>
44 
             </tr>
 43 
             </tr>
45 
-            <tr v-for="(advice, index) in advices" :key="index" :class="{ 'row-class-active': index == current_advice_index }" @click="selectAdviceAction(index, advice)">
46 
-              <td :class="{ 'advice_name': advice.parent_id == 0, 'subdrug_name': advice.parent_id > 0 }">{{ advice.advice_name }}</td>
44 
+            <tr
45 
+              v-for="(advice, index) in advices"
46 
+              :key="index"
47 
+              :class="{ 'row-class-active': index == current_advice_index }"
48 
+              @click="selectAdviceAction(index, advice)"
49 
+            >
50 
+              <td
51 
+                :class="{ 'advice_name': advice.parent_id == 0, 'subdrug_name': advice.parent_id > 0 }"
52 
+              >{{ advice.advice_name }}</td>
47 
               <td>{{ advice.advice_desc }}{{advice.drug_spec_unit}}</td>
 53 
               <td>{{ advice.advice_desc }}{{advice.drug_spec_unit}}</td>
48 
               <td>{{ advice.prescribing_number }}{{ advice.prescribing_number_unit }}</td>
 54 
               <td>{{ advice.prescribing_number }}{{ advice.prescribing_number_unit }}</td>
49 
               <td>{{ advice.single_dose }} {{ advice.single_dose_unit }}</td>
 55 
               <td>{{ advice.single_dose }} {{ advice.single_dose_unit }}</td>
92 
 <script>
 98 
 <script>
93 
 import ModifyAdviceForm from "./modify_order_form";
 99 
 import ModifyAdviceForm from "./modify_order_form";
94 
 import { parseTime } from "@/utils";
 100 
 import { parseTime } from "@/utils";
95 
-import {
96 
-  EditDoctorAdvice,
97 
-  modifyAdviceGroupStartTime,
98 
-} from "@/api/advice";
99 
-import { Toast } from 'vant';
101 
+import { EditDoctorAdvice, modifyAdviceGroupStartTime } from "@/api/advice";
102 
+import { Toast } from "vant";
100 
 import AddNewOrderDialog from "../new_order/AddNewOrders";
 103 
 import AddNewOrderDialog from "../new_order/AddNewOrders";
101
104
102 
 export default {
 105 
 export default {
103 
   name: "ModifyAdviceGroup",
 106 
   name: "ModifyAdviceGroup",
104 
   components: {
 107 
   components: {
105 
     ModifyAdviceForm,
 108 
     ModifyAdviceForm,
106 
-    AddNewOrderDialog,
109 
+    AddNewOrderDialog
107 
   },
 110 
   },
108 
   props: {
 111 
   props: {
109 
     patient_id: {
 112 
     patient_id: {
151 
       default: function() {
 154 
       default: function() {
152 
         return [];
 155 
         return [];
153 
       }
 156 
       }
154 
-    },
157 
+    }
155 
   },
 158 
   },
156 
   data() {
 159 
   data() {
157 
     return {
 160 
     return {
167 
       advices: [],
 170 
       advices: [],
168
171
169 
       current_advice_index: -1,
 172 
       current_advice_index: -1,
170 
-      current_advice: null,
173 
+      current_advice: null
171 
     };
 174 
     };
172 
   },
 175 
   },
173 
   computed: {
 176 
   computed: {
175 
       if (this.start_time != null) {
 178 
       if (this.start_time != null) {
176 
         return parseTime(this.start_time, "{y}-{m}-{d} {h}:{i}") + ":00";
 179 
         return parseTime(this.start_time, "{y}-{m}-{d} {h}:{i}") + ":00";
177 
       }
 180 
       }
178 
-      return ""
181 
+      return "";
179 
     },
 182 
     },
180 
     record_date_str: function() {
 183 
     record_date_str: function() {
181 
       if (this.record_date != null) {
 184 
       if (this.record_date != null) {
182 
         return parseTime(this.record_date, "{y}-{m}-{d} {h}:{i}");
 185 
         return parseTime(this.record_date, "{y}-{m}-{d} {h}:{i}");
183 
       }
 186 
       }
184 
-      return ""
187 
+      return "";
185 
     }
 188 
     }
186 
   },
 189 
   },
187 
   methods: {
 190 
   methods: {
188 
     show: function(group_no, advices) {
 191 
     show: function(group_no, advices) {
189 
       this.visibility = true;
 192 
       this.visibility = true;
190 
       this.sub_dialog_key = 0;
 193 
       this.sub_dialog_key = 0;
191 
-      this.group_no = group_no
192 
-      this.advices = advices
194 
+      this.group_no = group_no;
195 
+      this.advices = advices;
193 
       if (this.advices.length > 0) {
 196 
       if (this.advices.length > 0) {
194 
-        this.start_time = new Date(this.advices[0].start_time * 1000)
195 
-        this.record_date = new Date(this.advices[0].created_time * 1000)
197 
+        this.start_time = new Date(this.advices[0].start_time * 1000);
198 
+        this.record_date = new Date(this.advices[0].created_time * 1000);
196 
       }
 199 
       }
197 
     },
 200 
     },
198 
     backAction: function() {
 201 
     backAction: function() {
199 
       this.visibility = false;
 202 
       this.visibility = false;
200 
       this.sub_dialog_key = 0;
 203 
       this.sub_dialog_key = 0;
201 
-      this.group_no = 0
202 
-      this.advices = []
203 
-      this.start_time = new Date()
204 
-      this.record_date = new Date()
204 
+      this.group_no = 0;
205 
+      this.advices = [];
206 
+      this.start_time = new Date();
207 
+      this.record_date = new Date();
205 
       this.$emit("back");
 208 
       this.$emit("back");
206 
     },
 209 
     },
207 
     selectStartTimeAction: function() {
 210 
     selectStartTimeAction: function() {
208 
       this.$refs.start_time_picker.open();
 211 
       this.$refs.start_time_picker.open();
209 
     },
 212 
     },
210 
     selectAdviceAction: function(index, advice) {
 213 
     selectAdviceAction: function(index, advice) {
211 
-      this.current_advice_index = index
212 
-      this.current_advice = advice
214 
+      this.current_advice_index = index;
215 
+      this.current_advice = advice;
213 
     },
 216 
     },
214 
     cancelSelectAdvice: function() {
 217 
     cancelSelectAdvice: function() {
215 
-      this.current_advice_index = -1
216 
-      this.current_advice = null
218 
+      this.current_advice_index = -1;
219 
+      this.current_advice = null;
217 
     },
 220 
     },
218 
     modifyAction: function() {
 221 
     modifyAction: function() {
219 
       if (this.current_advice_index < 0) {
 222 
       if (this.current_advice_index < 0) {
220 
-        return
223 
+        return;
221 
       }
 224 
       }
222 
-      this.sub_dialog_key = 1
225 
+      this.sub_dialog_key = 1;
223 
       this.$refs.modify_advice_form.showWithModify({
 226 
       this.$refs.modify_advice_form.showWithModify({
224 
-          id: this.current_advice.id,
225 
-          parent_id: this.current_advice.parent_id,
226 
-          title: this.current_advice.advice_name,
227 
-          advice_desc: this.current_advice.advice_desc,
228 
-          drug_spec: this.current_advice.drug_spec,
229 
-          drug_spec_unit: this.current_advice.drug_spec_unit,
230 
-          delivery_way: this.current_advice.delivery_way,
231 
-          execution_frequency: this.current_advice.execution_frequency,
232 
-          single_dose: this.current_advice.single_dose,
233 
-          single_dose_unit: this.current_advice.single_dose_unit,
234 
-          prescribing_number: this.current_advice.prescribing_number,
235 
-          prescribing_number_unit: this.current_advice.prescribing_number_unit
236 
-        })
227 
+        id: this.current_advice.id,
228 
+        parent_id: this.current_advice.parent_id,
229 
+        title: this.current_advice.advice_name,
230 
+        advice_desc: this.current_advice.advice_desc,
231 
+        drug_spec: this.current_advice.drug_spec,
232 
+        drug_spec_unit: this.current_advice.drug_spec_unit,
233 
+        delivery_way: this.current_advice.delivery_way,
234 
+        execution_frequency: this.current_advice.execution_frequency,
235 
+        single_dose: this.current_advice.single_dose,
236 
+        single_dose_unit: this.current_advice.single_dose_unit,
237 
+        prescribing_number: this.current_advice.prescribing_number,
238 
+        prescribing_number_unit: this.current_advice.prescribing_number_unit
239 
+      });
237 
     },
 240 
     },
238 
     newAdviceAction: function() {
 241 
     newAdviceAction: function() {
239 
-      this.cancelSelectAdvice()
240 
-      this.sub_dialog_key = 2
242 
+      this.cancelSelectAdvice();
243 
+      this.sub_dialog_key = 2;
241 
     },
 244 
     },
242
245
243 
     didSelectStartTime: function(time) {
 246 
     didSelectStartTime: function(time) {
244 
       // Toast.loading({ forbidClick: true, duration: 0 });
 247 
       // Toast.loading({ forbidClick: true, duration: 0 });
245 
-      console.log(this.start_time)
246 
-      this.loading = true
247 
-      modifyAdviceGroupStartTime(this.group_no, parseTime(this.start_time, "{y}-{m}-{d} {h}:{i}") + ":00").then(rs => {
248 
-        if (rs.data.state == 1) {
249 
-          var new_start_time = rs.data.data.start_time
250 
-          for (let index = 0; index < this.advices.length; index++) {
251 
-            const advice = this.advices[index];
252 
-            advice.start_time = new_start_time
248 
+      console.log(this.start_time);
249 
+      this.loading = true;
250 
+      modifyAdviceGroupStartTime(
251 
+        this.group_no,
252 
+        parseTime(this.start_time, "{y}-{m}-{d} {h}:{i}") + ":00"
253 
+      )
254 
+        .then(rs => {
255 
+          if (rs.data.state == 1) {
256 
+            var new_start_time = rs.data.data.start_time;
257 
+            for (let index = 0; index < this.advices.length; index++) {
258 
+              const advice = this.advices[index];
259 
+              advice.start_time = new_start_time;
260 
+            }
261 
+            this.start_time = new Date(new_start_time * 1000);
262 
+          } else {
263 
+            Toast.fail(rs.data.msg);
253 
           }
 264 
           }
254 
-          this.start_time = new Date(new_start_time * 1000)
255 
-
256 
-        } else {
257 
-          Toast.fail(rs.data.msg)
258 
-        }
259 
-        this.loading = false
260 
-
261 
-      }).catch(err => {
262 
-        Toast.fail(err)
263 
-        this.loading = false
264 
-      })
265 
+          this.loading = false;
266 
+        })
267 
+        .catch(err => {
268 
+          Toast.fail(err);
269 
+          this.loading = false;
270 
+        });
265 
     },
 271 
     },
266 
     didModifyAdvice: function(advice) {
 272 
     didModifyAdvice: function(advice) {
267 
-      this.loading = true
273 
+      this.loading = true;
268 
       EditDoctorAdvice(advice.id, {
 274 
       EditDoctorAdvice(advice.id, {
269 
         advice_name: advice.title,
 275 
         advice_name: advice.title,
270 
         advice_desc: advice.advice_desc,
 276 
         advice_desc: advice.advice_desc,
271 
-        remark:advice.remark,
272 
-        drug_spec_unit:advice.drug_spec_unit,
277 
+        remark: advice.remark,
278 
+        drug_spec_unit: advice.drug_spec_unit,
273 
         delivery_way: advice.delivery_way,
 279 
         delivery_way: advice.delivery_way,
274 
         execution_frequency: advice.execution_frequency,
 280 
         execution_frequency: advice.execution_frequency,
275 
         single_dose: String(advice.single_dose),
 281 
         single_dose: String(advice.single_dose),
276 
         single_dose_unit: advice.single_dose_unit,
 282 
         single_dose_unit: advice.single_dose_unit,
277 
         prescribing_number: String(advice.prescribing_number),
 283 
         prescribing_number: String(advice.prescribing_number),
278 
         prescribing_number_unit: advice.prescribing_number_unit,
 284 
         prescribing_number_unit: advice.prescribing_number_unit,
279 
-        drug_spec_unit:advice.drug_spec_unit
280 
-      }).then(rs => {
281 
-        if (rs.data.state == 1) {
282 
-          var resp_advice = rs.data.data.advice
283 
-
284 
-          this.current_advice
285 
-          this.current_advice.advice_name = resp_advice.advice_name
286 
-          this.current_advice.advice_desc = resp_advice.advice_desc
287 
-          this.current_advice.drug_spec_unit = resp_advice.drug_spec_unit
288 
-          this.current_advice.remark = resp_advice.remark
289 
-          this.current_advice.delivery_way = resp_advice.delivery_way,
290 
-          this.current_advice.execution_frequency = resp_advice.execution_frequency,
291 
-          this.current_advice.single_dose = resp_advice.single_dose,
292 
-          this.current_advice.single_dose_unit = resp_advice.single_dose_unit,
293 
-          this.current_advice.prescribing_number = resp_advice.prescribing_number,
294 
-          this.current_advice.prescribing_number_unit = resp_advice.prescribing_number_unit
295 
-          this.sub_dialog_key = 0
296 
-          this.$refs.modify_advice_form.dismiss()
297 
-
298 
-        } else {
299 
-          Toast.fail(rs.data.msg)
300 
-        }
301 
-        this.loading = false
302 
-
303 
-      }).catch(err => {
304 
-        Toast.fail(err)
305 
-        this.loading = false
285 
+        drug_spec_unit: advice.drug_spec_unit
306 
       })
 286 
       })
287 
+        .then(rs => {
288 
+          if (rs.data.state == 1) {
289 
+            var resp_advice = rs.data.data.advice;
290 
+
291 
+            this.current_advice;
292 
+            this.current_advice.advice_name = resp_advice.advice_name;
293 
+            this.current_advice.advice_desc = resp_advice.advice_desc;
294 
+            this.current_advice.drug_spec_unit = resp_advice.drug_spec_unit;
295 
+            this.current_advice.remark = resp_advice.remark;
296 
+            (this.current_advice.delivery_way = resp_advice.delivery_way),
297 
+              (this.current_advice.execution_frequency =
298 
+                resp_advice.execution_frequency),
299 
+              (this.current_advice.single_dose = resp_advice.single_dose),
300 
+              (this.current_advice.single_dose_unit =
301 
+                resp_advice.single_dose_unit),
302 
+              (this.current_advice.prescribing_number =
303 
+                resp_advice.prescribing_number),
304 
+              (this.current_advice.prescribing_number_unit =
305 
+                resp_advice.prescribing_number_unit);
306 
+            this.sub_dialog_key = 0;
307 
+            this.$refs.modify_advice_form.dismiss();
308 
+          } else {
309 
+            Toast.fail(rs.data.msg);
310 
+          }
311 
+          this.loading = false;
312 
+        })
313 
+        .catch(err => {
314 
+          Toast.fail(err);
315 
+          this.loading = false;
316 
+        });
307 
     },
 317 
     },
308 
     didCreateAdvices: function(advices) {
 318 
     didCreateAdvices: function(advices) {
309 
-      this.advices.push(...advices)
310 
-      this.sub_dialog_key = 0
319 
+      this.advices.push(...advices);
320 
+      this.sub_dialog_key = 0;
311 
     }
 321 
     }
312 
   }
 322 
   }
313 
 };
 323 
 };

+ 86 - 23
src/pages/main/dialog/new_order/AddNewOrders.vue View File

1 
 <template>
 1 
 <template>
2 
   <div v-loading="loading">
 2 
   <div v-loading="loading">
3 
-    <div class="Dialog" style="width: 16.8rem;" v-show="show_dialog_key == 0">
3 
+    <div class="Dialog" style="width: 11.8rem;" v-show="show_dialog_key == 0">
4 
       <div class="DialogTit">
 4 
       <div class="DialogTit">
5 
         <div class="back" @click="backAction">
 5 
         <div class="back" @click="backAction">
6 
           <span class="iconfont">&#xe720;</span>返回
 6 
           <span class="iconfont">&#xe720;</span>返回
9 
         <span class="success" @click="comfirmAction">完成</span>
 9 
         <span class="success" @click="comfirmAction">完成</span>
10 
       </div>
 10 
       </div>
11 
       <div class="yzNav" style="width:100%;">
 11 
       <div class="yzNav" style="width:100%;">
12 
-            <span @click="addOrderByTemplateAction">选择医嘱模板</span>
13 
-            <span @click="addNewOrderAction">新增医嘱内容</span>
14 
-            <span @click="modifyOrderAction">修改医嘱内容</span>
15 
-            <span @click="deleteOrderAction">删除医嘱内容</span>
12 
+        <span @click="addOrderByTemplateAction">选择医嘱模板</span>
13 
+        <span @click="addNewOrderAction">新增医嘱内容</span>
14 
+        <span @click="modifyOrderAction">修改医嘱内容</span>
15 
+        <span @click="deleteOrderAction">删除医嘱内容</span>
16 
       </div>
 16 
       </div>
17 
-      <div class="DialogContent choose" style="height: 6.2rem;" >
17 
+      <div class="DialogContent choose" style="height: 6.2rem;">
18 
         <div class="content clearfix">
 18 
         <div class="content clearfix">
19 
           <div style="overflow: hidden;">
 19 
           <div style="overflow: hidden;">
20 
             <div class="cell" style="margin-top: 0;">
 20 
             <div class="cell" style="margin-top: 0;">
26 
               <el-input :value="start_time_str" readonly @focus="selectStartTimeAction"></el-input>
 26 
               <el-input :value="start_time_str" readonly @focus="selectStartTimeAction"></el-input>
27 
             </div>
 27 
             </div>
28 
           </div>
 28 
           </div>
29 
-          <div style="overflow: hidden;margin-top: 15px" >
29 
+          <div style="overflow: hidden;margin-top: 15px">
30 
             <div class="cell" style="margin-top: 0;">
 30 
             <div class="cell" style="margin-top: 0;">
31 
               <label>开嘱医生: {{$store.getters.user.user.user_name}}</label>
 31 
               <label>开嘱医生: {{$store.getters.user.user.user_name}}</label>
32 
             </div>
 32 
             </div>
36 
           </div>
 36 
           </div>
37 
           <table class="table">
 37 
           <table class="table">
38 
             <tr>
 38 
             <tr>
39 
-              <th width="30%">医嘱内容</th>
39 
+              <th width="26%">医嘱内容</th>
40 
               <th width="20%">药品规格</th>
 40 
               <th width="20%">药品规格</th>
41 
-              <th width="10%">开药数量</th>
42 
-              <th width="10%">单次用量</th>
41 
+              <th width="12%">开药数量</th>
42 
+              <th width="12%">单次用量</th>
43 
               <th width="15%">给药途径</th>
 43 
               <th width="15%">给药途径</th>
44 
               <th width="15%">执行频率</th>
 44 
               <th width="15%">执行频率</th>
45 
             </tr>
 45 
             </tr>
52 
                 <td
 52 
                 <td
53 
                   style="text-align: left; padding-left: 5px; padding-right: 5px;"
 53 
                   style="text-align: left; padding-left: 5px; padding-right: 5px;"
54 
                 >{{ advice.title }}</td>
 54 
                 >{{ advice.title }}</td>
55 
+
55 
                 <td v-if="advice.advice_desc">{{ advice.advice_desc }}{{advice.drug_spec_unit}}</td>
 56 
                 <td v-if="advice.advice_desc">{{ advice.advice_desc }}{{advice.drug_spec_unit}}</td>
56 
-                <td v-if="advice.prescribing_number">{{ advice.prescribing_number }}{{ advice.prescribing_number_unit }}</td>
57 
+
58 
+                <td
59 
+                  v-if="advice.prescribing_number"
60 
+                >{{ advice.prescribing_number }}{{ advice.prescribing_number_unit }}</td>
57 
                 <td v-else></td>
 61 
                 <td v-else></td>
58 
                 <td v-if="advice.single_dose">{{ advice.single_dose }} {{ advice.single_dose_unit }}</td>
 62 
                 <td v-if="advice.single_dose">{{ advice.single_dose }} {{ advice.single_dose_unit }}</td>
59 
                 <td v-else></td>
 63 
                 <td v-else></td>
64 
+
60 
                 <td>{{ advice.delivery_way }}</td>
 65 
                 <td>{{ advice.delivery_way }}</td>
66 
+
61 
                 <td>{{ advice.execution_frequency }}</td>
 67 
                 <td>{{ advice.execution_frequency }}</td>
62 
               </tr>
 68 
               </tr>
63 
               <tr
 69 
               <tr
70 
                   style="text-align: left; padding-right: 5px; padding-left: 25px;"
 76 
                   style="text-align: left; padding-right: 5px; padding-left: 25px;"
71 
                 >{{ subdrug.title }}</td>
 77 
                 >{{ subdrug.title }}</td>
72 
                 <td>{{ subdrug.advice_desc }} {{subdrug.drug_spec_unit}}</td>
 78 
                 <td>{{ subdrug.advice_desc }} {{subdrug.drug_spec_unit}}</td>
73 
-                <td><span v-if="subdrug.prescribing_number">{{ subdrug.prescribing_number }}{{ subdrug.prescribing_number_unit }}</span></td>
74 
-                <td><span v-if="subdrug.single_dose">{{ subdrug.single_dose }} {{ subdrug.single_dose_unit }}</span></td>
75 
-                <!--<td v-if="subdrug.single_dose">{{ subdrug.single_dose }} {{ subdrug.single_dose_unit }}</td>-->
79 
+                <td>
80 
+                  <span
81 
+                    v-if="subdrug.prescribing_number"
82 
+                  >{{ subdrug.prescribing_number }}{{ subdrug.prescribing_number_unit }}</span>
83 
+                </td>
84 
+                <td>
85 
+                  <span
86 
+                    v-if="subdrug.single_dose"
87 
+                  >{{ subdrug.single_dose }} {{ subdrug.single_dose_unit }}</span>
88 
+                </td>
89 
+
76 
                 <td></td>
 90 
                 <td></td>
77 
                 <td></td>
 91 
                 <td></td>
78 
               </tr>
 92 
               </tr>
79 
             </template>
 93 
             </template>
80 
           </table>
 94 
           </table>
95 
+          <!-- <el-table :data="advices" border style="width: 100%" :row-class-name="tableRowClassName" @row-click="clickAdviceAction">
96 
+            <el-table-column fixed prop="date" label="医嘱内容" width="150">
97 
+              <template slot-scope="scope">
98 
+                   {{ scope.row.title }}
99 
+              </template>
100 
+            </el-table-column>
101 
+            <el-table-column prop="name" label="药品规格" width="120">
102 
+              <template slot-scope="scope">
103 
+              {{ scope.row.prescribing_number }}{{ scope.row.prescribing_number_unit }}
104 
+              </template>
105 
+            </el-table-column>
106 
+            <el-table-column prop="province" label="开药数量" width="120">
107 
+              <template slot-scope="scope">
108 
+              {{ scope.row.prescribing_number }}{{ scope.row.prescribing_number_unit }}
109 
+              </template>
110 
+            </el-table-column>
111 
+            <el-table-column prop="city" label="单次用量" width="120">
112 
+              <template slot-scope="scope">
113 
+
114 
+              </template>
115 
+            </el-table-column>
116 
+            <el-table-column prop="address" label="给药途径" width="300">
117 
+               <template slot-scope="scope">
118 
+                   {{ scope.row.delivery_way }}
119 
+               </template>
120 
+            </el-table-column>
121 
+            <el-table-column prop="zip" label="执行频率" width="120">
122 
+              <template slot-scope="scope">
123 
+                  {{ scope.row.execution_frequency }}
124 
+              </template>
125 
+            </el-table-column>
126 
+          </el-table>-->
81 
         </div>
 127 
         </div>
82 
       </div>
 128 
       </div>
83 
     </div>
 129 
     </div>
154 
     },
 200 
     },
155 
     drug_spec_unit_options: {
 201 
     drug_spec_unit_options: {
156 
       type: Array,
 202 
       type: Array,
157 
-      default: function () {
203 
+      default: function() {
158 
         return [];
 204 
         return [];
159 
       }
 205 
       }
160 
     },
 206 
     },
194
240
195 
       selecting_advice_index: -1,
 241 
       selecting_advice_index: -1,
196 
       selecting_subdrug_index: -1,
 242 
       selecting_subdrug_index: -1,
197 
-      advices: []
243 
+      advices: [],
244 
+      tableData: []
198 
     };
 245 
     };
199 
   },
 246 
   },
200 
   mounted() {
 247 
   mounted() {
203 
       parseTime(this.start_time, "{y}-{m}-{d} {h}:{i}") + ":00";
 250 
       parseTime(this.start_time, "{y}-{m}-{d} {h}:{i}") + ":00";
204 
   },
 251 
   },
205 
   methods: {
 252 
   methods: {
253 
+    click(row, column, event) {
254 
+      alert("aaa");
255 
+      // console.log(row)
256 
+      // console.log(column)
257 
+      // console.log(event)
258 
+    },
206 
     backAction: function() {
 259 
     backAction: function() {
207 
       this.$emit("back-action");
 260 
       this.$emit("back-action");
208 
     },
 261 
     },
215 
       this.$refs.order_form.showWithNew();
 268 
       this.$refs.order_form.showWithNew();
216 
       this.selecting_advice_index = -1;
 269 
       this.selecting_advice_index = -1;
217 
     },
 270 
     },
218 
-    clickAdviceAction: function(advice_index) {
219 
-      this.selecting_advice_index = advice_index;
271 
+    // clickAdviceAction: function (advice_index) {
272 
+    //   this.selecting_advice_index = advice_index
273 
+    //   this.selecting_subdrug_index = -1
274 
+    // },
275 
+
276 
+    tableRowClassName(row, rowIndex) {
277 
+      row.index = rowIndex;
278 
+    },
279 
+    clickAdviceAction(row, event, column) {
280 
+      console.log(row.index);
281 
+      this.selecting_advice_index = row.index;
220 
       this.selecting_subdrug_index = -1;
 282 
       this.selecting_subdrug_index = -1;
221 
     },
 283 
     },
222 
     clickSubdrugAction: function(advice_index, subdrug_index) {
 284 
     clickSubdrugAction: function(advice_index, subdrug_index) {
284 
           prescribing_number_unit: advice.prescribing_number_unit,
 346 
           prescribing_number_unit: advice.prescribing_number_unit,
285 
           delivery_way: advice.delivery_way,
 347 
           delivery_way: advice.delivery_way,
286 
           execution_frequency: advice.execution_frequency,
 348 
           execution_frequency: advice.execution_frequency,
287 
-          remark : advice.remark,
349 
+          remark: advice.remark,
288 
           subdrugs: []
 350 
           subdrugs: []
289 
         };
 351 
         };
290 
         for (let s_i = 0; s_i < advice.subdrugs.length; s_i++) {
 352 
         for (let s_i = 0; s_i < advice.subdrugs.length; s_i++) {
311 
         .then(rs => {
 373 
         .then(rs => {
312 
           this.loading = false;
 374 
           this.loading = false;
313 
           var resp = rs.data;
 375 
           var resp = rs.data;
376 
+
314 
           if (resp.state == 1) {
 377 
           if (resp.state == 1) {
315 
             // 返回数组，清空数据，隐藏弹框
 378 
             // 返回数组，清空数据，隐藏弹框
316 
             this.$emit("did-create-advices", resp.data.advices);
 379 
             this.$emit("did-create-advices", resp.data.advices);
380 
+            console.log("resp.data.advices", resp.data.advices);
317 
             var t = this;
 381 
             var t = this;
318 
             setTimeout(function() {
 382 
             setTimeout(function() {
319 
               t.advices.splice(0, t.advices.length);
 383 
               t.advices.splice(0, t.advices.length);
336 
     },
 400 
     },
337 
     didSelectTemplateAdvice: function(resp_advices) {
 401 
     didSelectTemplateAdvice: function(resp_advices) {
338 
       this.show_dialog_key = 0;
 402 
       this.show_dialog_key = 0;
339 
-      var advices = []
403 
+      var advices = [];
340 
       for (let index = 0; index < resp_advices.length; index++) {
 404 
       for (let index = 0; index < resp_advices.length; index++) {
341 
         const adv = resp_advices[index];
 405 
         const adv = resp_advices[index];
342 
         if (adv.parent_id == 0) {
 406 
         if (adv.parent_id == 0) {
353 
             prescribing_number: adv.prescribing_number,
 417 
             prescribing_number: adv.prescribing_number,
354 
             prescribing_number_unit: adv.prescribing_number_unit,
 418 
             prescribing_number_unit: adv.prescribing_number_unit,
355 
             subdrugs: []
 419 
             subdrugs: []
356 
-          })
420 
+          });
357 
         }
 421 
         }
358 
       }
 422 
       }
359 
       for (let r_a_i = 0; r_a_i < resp_advices.length; r_a_i++) {
 423 
       for (let r_a_i = 0; r_a_i < resp_advices.length; r_a_i++) {
466 
           advice.prescribing_number = order.prescribing_number;
 530 
           advice.prescribing_number = order.prescribing_number;
467 
           advice.prescribing_number_unit = order.prescribing_number_unit;
 531 
           advice.prescribing_number_unit = order.prescribing_number_unit;
468 
           advice.remark = order.remark;
 532 
           advice.remark = order.remark;
469 
-
470 
         } else {
 533 
         } else {
471 
           var subdrug = advice.subdrugs[this.selecting_subdrug_index];
 534 
           var subdrug = advice.subdrugs[this.selecting_subdrug_index];
472 
           subdrug.title = order.title;
 535 
           subdrug.title = order.title;
543 
   }
 606 
   }
544
607
545 
   .row-class-active > td {
 608 
   .row-class-active > td {
546 
-    background: #badcff!important;
609 
+    background: #badcff !important;
547 
   }
 610 
   }
548 
 }
 611 
 }
549 
 </style>
 612 
 </style>

+ 102 - 92
src/pages/main/dialog/new_order/select_advice_template_dialog.vue View File

20 
                 "
 20 
                 "
21 
                 class="select_all_btn"
 21 
                 class="select_all_btn"
22 
                 @click="selectTemplateAllAdviceAction(template)"
 22 
                 @click="selectTemplateAllAdviceAction(template)"
23 
-              >
24 
-                全选
25 
-              </div>
23 
+              >全选</div>
26 
               <div
 24 
               <div
27 
                 v-show="
 25 
                 v-show="
28 
                   isFold(template.id) && isTemplateSelectingAllAdvices(template)
 26 
                   isFold(template.id) && isTemplateSelectingAllAdvices(template)
29 
                 "
 27 
                 "
30 
                 class="select_all_btn"
 28 
                 class="select_all_btn"
31 
                 @click="cancelSelectTemplateAllAdviceAction(template)"
 29 
                 @click="cancelSelectTemplateAllAdviceAction(template)"
32 
-              >
33 
-                取消全选
34 
-              </div>
30 
+              >取消全选</div>
35
31
36 
               <span v-if="isFold(template.id)" class="iconfont">&#xe749;</span>
 32 
               <span v-if="isFold(template.id)" class="iconfont">&#xe749;</span>
37 
               <span v-if="!isFold(template.id)" class="iconfont">&#xe74a;</span>
 33 
               <span v-if="!isFold(template.id)" class="iconfont">&#xe74a;</span>
38 
-              <div @click="foldTemplateAction(template.id)" class="name">
39 
-                {{ template.name }}
40 
-              </div>
34 
+              <div @click="foldTemplateAction(template.id)" class="name">{{ template.name }}</div>
41 
             </div>
 35 
             </div>
42 
             <div
 36 
             <div
43 
               v-show="isFold(template.id)"
 37 
               v-show="isFold(template.id)"
46 
               :key="index"
 40 
               :key="index"
47 
             >
 41 
             >
48 
               <span v-if="advice.parent_id > 0" class="subdrug_info">
 42 
               <span v-if="advice.parent_id > 0" class="subdrug_info">
49 
-                <span> {{ advice.advice_name }}</span>
50 
-                <span>
51 
-                  {{ advice.advice_desc }}{{ advice.drug_spec_unit }}
52 
-                </span>
43 
+                <span>{{ advice.advice_name }}</span>
44 
+                <span>{{ advice.advice_desc }}{{ advice.drug_spec_unit }}</span>
53 
                 <span v-if="advice.prescribing_number">
 45 
                 <span v-if="advice.prescribing_number">
54 
                   {{ advice.prescribing_number }}
 46 
                   {{ advice.prescribing_number }}
55 
-                  {{ advice.prescribing_number_unit }}</span
56 
-                >
57 
-                <span v-if="advice.single_dose">
58 
-                  单次用量{{ advice.single_dose
59 
-                  }}{{ advice.single_dose_unit }}</span
60 
-                >
47 
+                  {{ advice.prescribing_number_unit }}
48 
+                </span>
49 
+                <span
50 
+                  v-if="advice.single_dose"
51 
+                >单次用量{{ advice.single_dose }}{{ advice.single_dose_unit }}</span>
61 
               </span>
 52 
               </span>
62 
               <van-checkbox
 53 
               <van-checkbox
63 
                 v-else
 54 
                 v-else
65 
                 :value="isAdviceSelecting(advice.id)"
 56 
                 :value="isAdviceSelecting(advice.id)"
66 
                 @click="selectAdviceAction(template, advice)"
 57 
                 @click="selectAdviceAction(template, advice)"
67 
               >
 58 
               >
68 
-                <span> {{ advice.advice_name }}</span>
69 
-                <span>
70 
-                  {{ advice.advice_desc }}{{ advice.drug_spec_unit }}</span
71 
-                >
59 
+                <span>{{ advice.advice_name }}</span>
60 
+                <span>{{ advice.advice_desc }}{{ advice.drug_spec_unit }}</span>
72 
                 <span v-if="advice.prescribing_number">
 61 
                 <span v-if="advice.prescribing_number">
73 
                   {{ advice.prescribing_number }}
 62 
                   {{ advice.prescribing_number }}
74 
-                  {{ advice.prescribing_number_unit }}</span
75 
-                >
76 
-                <span v-if="advice.single_dose">
77 
-                  单次用量{{ advice.single_dose
78 
-                  }}{{ advice.single_dose_unit }}</span
79 
-                >
80 
-                <span> {{ advice.delivery_way }} </span>
81 
-                <span> {{ advice.execution_frequency }}</span>
63 
+                  {{ advice.prescribing_number_unit }}
64 
+                </span>
65 
+                <span
66 
+                  v-if="advice.single_dose"
67 
+                >单次用量{{ advice.single_dose }}{{ advice.single_dose_unit }}</span>
68 
+                <span>{{ advice.delivery_way }}</span>
69 
+                <span>{{ advice.execution_frequency }}</span>
82 
                 <!--{{ advice.advice_name }} {{ advice.advice_desc }} {{ advice.prescribing_number }}{{ advice.prescribing_number_unit }} 单次用量{{ advice.single_dose }}{{ advice.single_dose_unit }} {{ advice.delivery_way }} {{ advice.execution_frequency }}-->
 70 
                 <!--{{ advice.advice_name }} {{ advice.advice_desc }} {{ advice.prescribing_number }}{{ advice.prescribing_number_unit }} 单次用量{{ advice.single_dose }}{{ advice.single_dose_unit }} {{ advice.delivery_way }} {{ advice.execution_frequency }}-->
83 
               </van-checkbox>
 71 
               </van-checkbox>
84 
             </div>
 72 
             </div>
91
79
92 
 <script>
 80 
 <script>
93 
 export default {
 81 
 export default {
94 
-  name: 'SelectAdviceTemplate',
82 
+  name: "SelectAdviceTemplate",
95 
   props: {
 83 
   props: {
96 
     visibility: {
 84 
     visibility: {
97 
       type: Boolean,
 85 
       type: Boolean,
100 
     templates: {
 88 
     templates: {
101 
       type: Array,
 89 
       type: Array,
102 
       default: () => {
 90 
       default: () => {
103 
-        return []
91 
+        return [];
104 
       }
 92 
       }
105 
     }
 93 
     }
106 
   },
 94 
   },
107 
-  data () {
95 
+  data() {
108 
     return {
 96 
     return {
109 
       fold_template_ids: [],
 97 
       fold_template_ids: [],
110 
       selecting_advice_ids: []
 98 
       selecting_advice_ids: []
111 
-    }
99 
+    };
112 
   },
 100 
   },
113 
   methods: {
 101 
   methods: {
114 
-    backAction: function () {
115 
-      this.$emit('back')
102 
+    backAction: function() {
103 
+      this.$emit("back");
116 
     },
 104 
     },
117 
-    foldTemplateAction: function (template_id) {
105 
+    foldTemplateAction: function(template_id) {
118 
       for (let index = 0; index < this.fold_template_ids.length; index++) {
 106 
       for (let index = 0; index < this.fold_template_ids.length; index++) {
119 
         if (this.fold_template_ids[index] == template_id) {
 107 
         if (this.fold_template_ids[index] == template_id) {
120 
-          this.fold_template_ids.splice(index, 1)
121 
-          return
108 
+          this.fold_template_ids.splice(index, 1);
109 
+          return;
122 
         }
 110 
         }
123 
       }
 111 
       }
124 
-      this.fold_template_ids.push(template_id)
112 
+      this.fold_template_ids.push(template_id);
125 
     },
 113 
     },
126 
-    selectAdviceAction: function (template, advice) {
127 
-      var isCancelSelect = false
114 
+    selectAdviceAction: function(template, advice) {
115 
+      var isCancelSelect = false;
128 
       for (let index = 0; index < this.selecting_advice_ids.length; index++) {
 116 
       for (let index = 0; index < this.selecting_advice_ids.length; index++) {
129 
         if (this.selecting_advice_ids[index].advice_id == advice.id) {
 117 
         if (this.selecting_advice_ids[index].advice_id == advice.id) {
130 
-          this.selecting_advice_ids.splice(index, 1)
131 
-          isCancelSelect = true
132 
-          break
118 
+          this.selecting_advice_ids.splice(index, 1);
119 
+          isCancelSelect = true;
120 
+          break;
133 
         }
 121 
         }
134 
       }
 122 
       }
135 
       if (!isCancelSelect) {
 123 
       if (!isCancelSelect) {
136 
         this.selecting_advice_ids.push({
 124 
         this.selecting_advice_ids.push({
137 
           template_id: template.id,
 125 
           template_id: template.id,
138 
           advice_id: advice.id
 126 
           advice_id: advice.id
139 
-        })
127 
+        });
140 
       }
 128 
       }
141 
     },
 129 
     },
142 
-    selectTemplateAllAdviceAction: function (template) {
130 
+    selectTemplateAllAdviceAction: function(template) {
143 
       for (
 131 
       for (
144 
         let index = 0;
 132 
         let index = 0;
145 
         index < template.DoctorAdviceTemplate.length;
 133 
         index < template.DoctorAdviceTemplate.length;
146 
         index++
 134 
         index++
147 
       ) {
 135 
       ) {
148 
-        const advice = template.DoctorAdviceTemplate[index]
136 
+        const advice = template.DoctorAdviceTemplate[index];
149 
         if (advice.parent_id > 0) {
 137 
         if (advice.parent_id > 0) {
150 
-          continue
138 
+          continue;
151 
         }
 139 
         }
152 
-        var didSelect = false
140 
+        var didSelect = false;
153 
         for (
 141 
         for (
154 
           let s_a_index = 0;
 142 
           let s_a_index = 0;
155 
           s_a_index < this.selecting_advice_ids.length;
 143 
           s_a_index < this.selecting_advice_ids.length;
156 
           s_a_index++
 144 
           s_a_index++
157 
         ) {
 145 
         ) {
158 
           if (this.selecting_advice_ids[s_a_index].advice_id == advice.id) {
 146 
           if (this.selecting_advice_ids[s_a_index].advice_id == advice.id) {
159 
-            didSelect = true
160 
-            break
147 
+            didSelect = true;
148 
+            break;
161 
           }
 149 
           }
162 
         }
 150 
         }
163 
         if (!didSelect) {
 151 
         if (!didSelect) {
164 
           this.selecting_advice_ids.push({
 152 
           this.selecting_advice_ids.push({
165 
             template_id: template.id,
 153 
             template_id: template.id,
166 
             advice_id: advice.id
 154 
             advice_id: advice.id
167 
-          })
155 
+          });
168 
         }
 156 
         }
169 
       }
 157 
       }
170 
     },
 158 
     },
171 
-    cancelSelectTemplateAllAdviceAction: function (template) {
159 
+    cancelSelectTemplateAllAdviceAction: function(template) {
172 
       for (
 160 
       for (
173 
         let index = this.selecting_advice_ids.length - 1;
 161 
         let index = this.selecting_advice_ids.length - 1;
174 
         index >= 0;
 162 
         index >= 0;
175 
         index--
 163 
         index--
176 
       ) {
 164 
       ) {
177 
         if (this.selecting_advice_ids[index].template_id == template.id) {
 165 
         if (this.selecting_advice_ids[index].template_id == template.id) {
178 
-          this.selecting_advice_ids.splice(index, 1)
166 
+          this.selecting_advice_ids.splice(index, 1);
179 
         }
 167 
         }
180 
       }
 168 
       }
181 
     },
 169 
     },
182 
-    submitAction: function () {
183 
-      var advices = []
170 
+    submitAction: function() {
171 
+      var advices = [];
184 
       // WAIN: 效率低，可以通过在 selecting_advice_ids 加上 template_index 和 advice_index 字段来消除 this.templates 的循环
 172 
       // WAIN: 效率低，可以通过在 selecting_advice_ids 加上 template_index 和 advice_index 字段来消除 this.templates 的循环
185 
       for (let t_a_i = 0; t_a_i < this.selecting_advice_ids.length; t_a_i++) {
 173 
       for (let t_a_i = 0; t_a_i < this.selecting_advice_ids.length; t_a_i++) {
186 
-        const tpl_advice = this.selecting_advice_ids[t_a_i]
174 
+        const tpl_advice = this.selecting_advice_ids[t_a_i];
187 
         for (let t_i = 0; t_i < this.templates.length; t_i++) {
 175 
         for (let t_i = 0; t_i < this.templates.length; t_i++) {
188 
-          const tpl = this.templates[t_i]
176 
+          const tpl = this.templates[t_i];
189 
           if (tpl.id == tpl_advice.template_id) {
 177 
           if (tpl.id == tpl_advice.template_id) {
190 
-            var child_begin = false
178 
+            var child_begin = false;
191 
             for (let a_i = 0; a_i < tpl.DoctorAdviceTemplate.length; a_i++) {
 179 
             for (let a_i = 0; a_i < tpl.DoctorAdviceTemplate.length; a_i++) {
192 
-              const adv = tpl.DoctorAdviceTemplate[a_i]
180 
+              const adv = tpl.DoctorAdviceTemplate[a_i];
193 
               if (adv.id == tpl_advice.advice_id) {
 181 
               if (adv.id == tpl_advice.advice_id) {
194 
-                advices.push(adv)
195 
-                child_begin = true
182 
+                advices.push(adv);
183 
+                child_begin = true;
196 
               } else if (child_begin == true) {
 184 
               } else if (child_begin == true) {
197 
                 if (adv.parent_id == tpl_advice.advice_id) {
 185 
                 if (adv.parent_id == tpl_advice.advice_id) {
198 
-                  advices.push(adv)
186 
+                  advices.push(adv);
199 
                 } else {
 187 
                 } else {
200 
-                  break
188 
+                  break;
201 
                 }
 189 
                 }
202 
               }
 190 
               }
203 
             }
 191 
             }
204 
           }
 192 
           }
205 
         }
 193 
         }
206 
       }
 194 
       }
207 
-      this.$emit('finish', advices)
195 
+      this.$emit("finish", advices);
208
196
209 
       this.$nextTick(() => {
 197 
       this.$nextTick(() => {
210 
-        this.fold_template_ids = []
211 
-        this.selecting_advice_ids = []
212 
-      })
198 
+        this.fold_template_ids = [];
199 
+        this.selecting_advice_ids = [];
200 
+      });
213 
     },
 201 
     },
214
202
215 
-    isFold: function (template_id) {
203 
+    isFold: function(template_id) {
216 
       for (let index = 0; index < this.fold_template_ids.length; index++) {
 204 
       for (let index = 0; index < this.fold_template_ids.length; index++) {
217 
         if (this.fold_template_ids[index] == template_id) {
 205 
         if (this.fold_template_ids[index] == template_id) {
218 
-          return true
206 
+          return true;
219 
         }
 207 
         }
220 
       }
 208 
       }
221 
-      return false
209 
+      return false;
222 
     },
 210 
     },
223 
-    isAdviceSelecting: function (advice_id) {
211 
+    isAdviceSelecting: function(advice_id) {
224 
       for (let index = 0; index < this.selecting_advice_ids.length; index++) {
 212 
       for (let index = 0; index < this.selecting_advice_ids.length; index++) {
225 
         if (this.selecting_advice_ids[index].advice_id == advice_id) {
 213 
         if (this.selecting_advice_ids[index].advice_id == advice_id) {
226 
-          return true
214 
+          return true;
227 
         }
 215 
         }
228 
       }
 216 
       }
229 
-      return false
217 
+      return false;
230 
     },
 218 
     },
231 
-    isTemplateSelectingAllAdvices: function (template) {
232 
-      var count = 0
219 
+    isTemplateSelectingAllAdvices: function(template) {
220 
+      var count = 0;
233 
       for (let t_a_i = 0; t_a_i < this.selecting_advice_ids.length; t_a_i++) {
 221 
       for (let t_a_i = 0; t_a_i < this.selecting_advice_ids.length; t_a_i++) {
234 
         if (this.selecting_advice_ids[t_a_i].template_id == template.id) {
 222 
         if (this.selecting_advice_ids[t_a_i].template_id == template.id) {
235 
-          count++
223 
+          count++;
236 
         }
 224 
         }
237 
       }
 225 
       }
238
226
239 
-      var p_advice_count = 0
227 
+      var p_advice_count = 0;
240 
       for (
 228 
       for (
241 
         let index = 0;
 229 
         let index = 0;
242 
         index < template.DoctorAdviceTemplate.length;
 230 
         index < template.DoctorAdviceTemplate.length;
243 
         index++
 231 
         index++
244 
       ) {
 232 
       ) {
245 
         if (template.DoctorAdviceTemplate[index].parent_id == 0) {
 233 
         if (template.DoctorAdviceTemplate[index].parent_id == 0) {
246 
-          p_advice_count++
234 
+          p_advice_count++;
247 
         }
 235 
         }
248 
       }
 236 
       }
249 
       if (count < p_advice_count) {
 237 
       if (count < p_advice_count) {
250 
-        return false
238 
+        return false;
251 
       } else {
 239 
       } else {
252 
-        return true
240 
+        return true;
253 
       }
 241 
       }
254 
     }
 242 
     }
255 
   }
 243 
   }
256 
-}
244 
+};
257 
 </script>
 245 
 </script>
258
246
259 
-<style style="stylesheet/scss" lang="scss" scoped>
247 
+<style style="stylesheet/scss" lang="scss">
260 
 .optionsBox {
 248 
 .optionsBox {
261 
   background: #fff;
 249 
   background: #fff;
262 
   max-height: 9.6rem;
 250 
   max-height: 9.6rem;
263 
   min-height: 5rem;
 251 
   min-height: 5rem;
264 
   overflow-y: scroll;
 252 
   overflow-y: scroll;
265 
-  @media only screen and (max-width: 812px) {
266 
-    min-height: 8rem !important;
253 
+  @media only screen and (max-width: 811px) {
254 
+    max-height: 15.8rem !important;
267 
   }
 255 
   }
268 
   ul {
 256 
   ul {
269 
     li {
 257 
     li {
292
280
293 
   .template {
 281 
   .template {
294 
     border-bottom: 1px #e5e5e5 solid;
 282 
     border-bottom: 1px #e5e5e5 solid;
295 
-
283 
+    overflow: hidden;
296 
     .template_name {
 284 
     .template_name {
297 
-      height: 1rem;
298 
-      line-height: 1rem;
285 
+      height: 1.2rem;
286 
+      line-height: 1.2rem;
299 
       padding: 0 0.38rem;
 287 
       padding: 0 0.38rem;
300
288
301 
       .select_all_btn {
 289 
       .select_all_btn {
311 
       }
 299 
       }
312 
       .name {
 300 
       .name {
313 
         display: inline-block;
 301 
         display: inline-block;
314 
-        width: 80%;
302 
+        width: 76%;
303 
+        font-size: 0.45rem;
315 
       }
 304 
       }
316 
     }
 305 
     }
317
306
321 
       color: #445a70;
 310 
       color: #445a70;
322
311
323 
       .advice_info {
 312 
       .advice_info {
324 
-        height: 1rem;
313 
+        min-height: 1rem;
325 
         line-height: 1rem;
 314 
         line-height: 1rem;
326 
         padding: 0 0.38rem 0 0;
 315 
         padding: 0 0.38rem 0 0;
327 
       }
 316 
       }
317 
+      .van-checkbox__icon {
318 
+        float: left;
319 
+        width: 8%;
320 
+        margin-top: 6px;
321 
+        @media only screen and (min-width: 768px) {
322 
+          margin-top: 10px;
323 
+        }
324 
+      }
325 
+      .van-checkbox__label {
326 
+        float: left;
327 
+        width: 92%;
328 
+        line-height: 1rem;
329 
+        font-size: 0.45rem;
330 
+      }
331 
+      .van-checkbox__label {
332 
+        margin-left: 0px;
333 
+      }
328 
       .subdrug_info {
 334 
       .subdrug_info {
329 
         height: 1rem;
 335 
         height: 1rem;
330 
         line-height: 1rem;
 336 
         line-height: 1rem;
342 
     max-height: 8rem !important;
 348 
     max-height: 8rem !important;
343 
     min-height: 8rem !important;
 349 
     min-height: 8rem !important;
344 
   }
 350 
   }
351 
+  @media only screen and (max-width: 768px) {
352 
+    max-height: 16rem !important;
353 
+    min-height: 8rem !important;
354 
+  }
345 
   ul {
 355 
   ul {
346 
     li {
 356 
     li {
347 
       line-height: 1rem;
 357 
       line-height: 1rem;

+ 187 - 145
src/pages/main/dialog/subMenu/LongAdviceSubMenu.vue View File

2 
   <div v-if="visibility" class="Dialog">
 2 
   <div v-if="visibility" class="Dialog">
3 
     <div class="DialogTit">
 3 
     <div class="DialogTit">
4 
       <div class="back" @click="cancle()">
 4 
       <div class="back" @click="cancle()">
5 
-        <span class="iconfont">&#xe720; </span>返回
5 
+        <span class="iconfont">&#xe720;</span>返回
6 
       </div>
 6 
       </div>
7 
       <h1 class="name">长期医嘱推送</h1>
 7 
       <h1 class="name">长期医嘱推送</h1>
8 
-      <span @click="comfirm" class="success"
9 
-      >确定</span
10 
-      >
8 
+      <span @click="comfirm" class="success">确定</span>
11 
     </div>
 9 
     </div>
12
10
13 
     <div class="CheckBox">
 11 
     <div class="CheckBox">
20 
               :key="index"
 18 
               :key="index"
21 
               :name="advice.id"
 19 
               :name="advice.id"
22 
             >
 20 
             >
23 
-             <div style="padding-top: 15px;padding-left: 10px">开嘱医生&nbsp;{{ getDoctorName(advice.advice_doctor) }}</div><br/>
24 
-              <div style="padding-left: 10px">开嘱时间&nbsp;{{ getTime(advice.created_time) }}</div><br/>
25 
-              <div style="padding-bottom: 15px;padding-left: 10px"> 医嘱内容&nbsp;{{getContent(advice)}}</div>
26 
-              <div style="padding-bottom: 15px;padding-left: 10px" v-if="advice.frequency_type == 1"> 推送频率 每日必推</div>
27 
-              <div style="padding-bottom: 15px;padding-left: 10px" v-if="advice.frequency_type == 2"> 推送频率&nbsp;{{advice.day_count}}天/次</div>
28 
-              <div style="padding-bottom: 15px;padding-left: 10px" v-if="advice.frequency_type == 3"> 推送频率&nbsp;每周{{advice.week_day}}</div>
29 
-
21 
+              <div
22 
+                style="padding-top: 15px;padding-left: 10px"
23 
+              >开嘱医生&nbsp;{{ getDoctorName(advice.advice_doctor) }}</div>
24 
+              <br />
25 
+              <div style="padding-left: 10px">开嘱时间&nbsp;{{ getTime(advice.created_time) }}</div>
26 
+              <br />
27 
+              <div style="padding-bottom: 15px;padding-left: 10px">医嘱内容&nbsp;{{getContent(advice)}}</div>
28 
+              <div
29 
+                style="padding-bottom: 15px;padding-left: 10px"
30 
+                v-if="advice.frequency_type == 1"
31 
+              >推送频率 每日必推</div>
32 
+              <div
33 
+                style="padding-bottom: 15px;padding-left: 10px"
34 
+                v-if="advice.frequency_type == 2"
35 
+              >推送频率&nbsp;{{advice.day_count}}天/次</div>
36 
+              <div
37 
+                style="padding-bottom: 15px;padding-left: 10px"
38 
+                v-if="advice.frequency_type == 3"
39 
+              >推送频率&nbsp;每周{{advice.week_day}}</div>
30 
             </van-checkbox>
 40 
             </van-checkbox>
31 
           </van-checkbox-group>
 41 
           </van-checkbox-group>
32 
         </li>
 42 
         </li>
36 
 </template>
 46 
 </template>
37
47
38 
 <script>
 48 
 <script>
39 
-  import {parseTime} from '@/utils'
40 
-
41 
-  export default {
42 
-    name: 'LongAdviceSubMenu',
43 
-    created () {
49 
+import { parseTime } from "@/utils";
50 
+
51 
+export default {
52 
+  name: "LongAdviceSubMenu",
53 
+  created() {},
54 
+  data() {
55 
+    return {
56 
+      result: [],
57 
+      id: 0,
58 
+      selectName: ""
59 
+    };
60 
+  },
61 
+  props: {
62 
+    propsForm: {
63 
+      type: Object
44 
     },
 64 
     },
45 
-    data () {
46 
-      return {
47 
-        result: [],
48 
-        id: 0,
49 
-        selectName: ''
65 
+    visibility: {
66 
+      type: Boolean,
67 
+      default: false
68 
+    }
69 
+  },
70 
+  methods: {
71 
+    getDoctorName(doctor_id) {
72 
+      for (let i = 0; i < this.propsForm.operators.length; i++) {
73 
+        if (this.propsForm.operators[i].id == doctor_id) {
74 
+          return this.propsForm.operators[i].name;
75 
+        }
50 
       }
 76 
       }
51 
     },
 77 
     },
52 
-    props: {
53 
-      propsForm: {
54 
-        type: Object
55 
-      },
56 
-      visibility: {
57 
-        type: Boolean,
58 
-        default: false
59 
-      },
78 
+    getTime(val) {
79 
+      return parseTime(val, "{y}-{m}-{d} {h}:{i}");
60 
     },
 80 
     },
61 
-    methods: {
62 
-      getDoctorName (doctor_id) {
63 
-        for (let i = 0; i < this.propsForm.operators.length; i++) {
64 
-          if (this.propsForm.operators[i].id == doctor_id) {
65 
-            return this.propsForm.operators[i].name
66 
-          }
67 
-        }
68 
-      }, getTime (val) {
69 
-        return parseTime(val, '{y}-{m}-{d} {h}:{i}')
70 
-
71 
-      }, getContent (val) {
72 
-        let prescribing_number = ''
73 
-        let single_dose = ''
74 
-        let advice_desc = ''
75 
-
76 
-        if (val.prescribing_number > 0) {
77 
-          prescribing_number = val.prescribing_number + val.prescribing_number_unit
78 
-        }
79 
-        if (val.single_dose > 0) {
80 
-          single_dose = ' 单次用量 ' + val.single_dose + val.single_dose_unit
81 
-        }
82 
-
83 
-        if (val.advice_desc > 0) {
84 
-          advice_desc = val.advice_desc + val.drug_spec_unit
85 
-        }
81 
+    getContent(val) {
82 
+      let prescribing_number = "";
83 
+      let single_dose = "";
84 
+      let advice_desc = "";
85 
+
86 
+      if (val.prescribing_number > 0) {
87 
+        prescribing_number =
88 
+          val.prescribing_number + val.prescribing_number_unit;
89 
+      }
90 
+      if (val.single_dose > 0) {
91 
+        single_dose = " 单次用量 " + val.single_dose + val.single_dose_unit;
92 
+      }
86
93
87 
-        let name = ""
88 
-        if (val.child.length > 0){
89 
-          for (let i = 0 ; i < val.child.length; i++){
90 
-            if(val.child[i].prescribing_number > 0){
91 
-              val.child[i]['presc'] = val.child[i].prescribing_number + val.child[i].prescribing_number_unit
92 
-            }else{
93 
-              val.child[i]['presc'] = ''
94 
-            }
94 
+      if (val.advice_desc > 0) {
95 
+        advice_desc = val.advice_desc + val.drug_spec_unit;
96 
+      }
95
97
96 
-            if(val.child[i].single_dose > 0){
97 
-              val.child[i]['single'] = " "+' 单次用量 '+" "+val.child[i].single_dose + val.child[i].single_dose_unit
98 
-            }else{
99 
-              val.child[i]['single'] = ''
100 
-            }
101 
-            name = name+"▲"+val.child[i].advice_name+""
102 
-              + val.child[i].advice_desc
103 
-              + val.child[i].drug_spec_unit
104 
-              + val.child[i].presc
105 
-              + val.child[i].single
98 
+      let name = "";
99 
+      if (val.child.length > 0) {
100 
+        for (let i = 0; i < val.child.length; i++) {
101 
+          if (val.child[i].prescribing_number > 0) {
102 
+            val.child[i]["presc"] =
103 
+              val.child[i].prescribing_number +
104 
+              val.child[i].prescribing_number_unit;
105 
+          } else {
106 
+            val.child[i]["presc"] = "";
106 
           }
 107 
           }
107 
-          return  val.advice_name +"  "+advice_desc+" "
108 
-            + val.drug_spec_unit
109 
-            + prescribing_number
110 
-            + " "+single_dose+" "+ " "+val.delivery_way+" "+ val.execution_frequency + val.remark +name
111 
-
112 
-        } else {
113 
-          return val.advice_name +"  "+advice_desc
114 
-            + prescribing_number
115 
-            + " "+single_dose+" "+ " "+val.delivery_way+" "+ val.execution_frequency + val.remark
116 
-        }
117 
-
118
108
119 
-      },
120 
-
121 
-      cancle: function () {
122 
-        this.$emit('menu-cancle-three')
123 
-      },
124 
-      comfirm: function () {
125 
-        this.$emit('menu-comfirm-three', this.getValue())
126 
-      },
127 
-      getValue: function () {
128 
-        let form = {}
129 
-        let results = []
130 
-        for (let i = 0; i < this.propsForm.list.length; i++){
131 
-          for (let a = 0; a < this.propsForm.result.length; a++){
132 
-            if( this.propsForm.list[i].id == this.propsForm.result[a]){
133 
-              results.push(this.propsForm.list[i])
134 
-            }
109 
+          if (val.child[i].single_dose > 0) {
110 
+            val.child[i]["single"] =
111 
+              " " +
112 
+              " 单次用量 " +
113 
+              " " +
114 
+              val.child[i].single_dose +
115 
+              val.child[i].single_dose_unit;
116 
+          } else {
117 
+            val.child[i]["single"] = "";
135 
           }
 118 
           }
119 
+          name =
120 
+            name +
121 
+            "▲" +
122 
+            val.child[i].advice_name +
123 
+            "" +
124 
+            val.child[i].advice_desc +
125 
+            val.child[i].drug_spec_unit +
126 
+            val.child[i].presc +
127 
+            val.child[i].single;
136 
         }
 128 
         }
137 
-        var obj5={}
138 
-        results = results.reduce((cur, next) => {
139 
-          obj5[next.id] ? '' : obj5[next.id] = true && cur.push(next)
140 
-          return cur
141 
-        }, [])
142 
-        return results
143 
-      },
129 
+        return (
130 
+          val.advice_name +
131 
+          "  " +
132 
+          advice_desc +
133 
+          " " +
134 
+          val.drug_spec_unit +
135 
+          prescribing_number +
136 
+          " " +
137 
+          single_dose +
138 
+          " " +
139 
+          " " +
140 
+          val.delivery_way +
141 
+          " " +
142 
+          val.execution_frequency +
143 
+          val.remark +
144 
+          name
145 
+        );
146 
+      } else {
147 
+        return (
148 
+          val.advice_name +
149 
+          "  " +
150 
+          advice_desc +
151 
+          prescribing_number +
152 
+          " " +
153 
+          single_dose +
154 
+          " " +
155 
+          " " +
156 
+          val.delivery_way +
157 
+          " " +
158 
+          val.execution_frequency +
159 
+          val.remark
160 
+        );
161 
+      }
162 
+    },
144
163
164 
+    cancle: function() {
165 
+      this.$emit("menu-cancle-three");
145 
     },
 166 
     },
146 
-    watch: {
147 
-      visibility (val) {
148 
-        //初始化数据操作
167 
+    comfirm: function() {
168 
+      this.$emit("menu-comfirm-three", this.getValue());
169 
+    },
170 
+    getValue: function() {
171 
+      let form = {};
172 
+      let results = [];
173 
+      for (let i = 0; i < this.propsForm.list.length; i++) {
174 
+        for (let a = 0; a < this.propsForm.result.length; a++) {
175 
+          if (this.propsForm.list[i].id == this.propsForm.result[a]) {
176 
+            results.push(this.propsForm.list[i]);
177 
+          }
178 
+        }
149 
       }
 179 
       }
180 
+      var obj5 = {};
181 
+      results = results.reduce((cur, next) => {
182 
+        obj5[next.id] ? "" : (obj5[next.id] = true && cur.push(next));
183 
+        return cur;
184 
+      }, []);
185 
+      return results;
186 
+    }
187 
+  },
188 
+  watch: {
189 
+    visibility(val) {
190 
+      //初始化数据操作
150 
     }
 191 
     }
151 
   }
 192 
   }
193 
+};
152 
 </script>
 194 
 </script>
153
195
154 
 <style style="stylesheet/scss" lang="scss" scoped>
 196 
 <style style="stylesheet/scss" lang="scss" scoped>
155 
-  .optionsBox {
197 
+.optionsBox {
156 
   background: #fff;
 198 
   background: #fff;
157 
   max-height: 10rem;
 199 
   max-height: 10rem;
158 
   min-height: 5rem;
 200 
   min-height: 5rem;
159 
   @media only screen and (max-width: 812px) {
 201 
   @media only screen and (max-width: 812px) {
160 
-  min-height: 8rem !important;
202 
+    min-height: 8rem !important;
161 
   }
 203 
   }
162 
   ul {
 204 
   ul {
163 
-  overflow-y: scroll;
164 
-  max-height: 9rem;
165 
-  li {
166 
-  height: 1.1rem;
167 
-  line-height: 1.1rem;
168 
-  border-bottom: 1px #e5e5e5 solid;
169 
-  padding: 0 0.38rem;
170 
-  font-size: 0.36rem;
171 
-  color: $title-color;
172 
-  }
173 
-  .tick {
174 
-  position: relative;
175 
-  &::before {
176 
-  content: "";
177 
-  display: inline-block;
178 
-  border: 2px solid $main-color;
179 
-  border-top-width: 0;
180 
-  border-right-width: 0;
181 
-  width: 0.3rem;
182 
-  height: 0.15rem;
183 
-  -webkit-transform: rotate(-50deg);
184 
-  position: absolute;
185 
-  top: 0.38rem;
186 
-  right: 0.44rem;
187 
-  }
188 
-  }
189 
-  }
205 
+    overflow-y: scroll;
206 
+    max-height: 9rem;
207 
+    li {
208 
+      height: 1.1rem;
209 
+      line-height: 1.1rem;
210 
+      border-bottom: 1px #e5e5e5 solid;
211 
+      padding: 0 0.38rem;
212 
+      font-size: 0.36rem;
213 
+      color: $title-color;
214 
+    }
215 
+    .tick {
216 
+      position: relative;
217 
+      &::before {
218 
+        content: "";
219 
+        display: inline-block;
220 
+        border: 2px solid $main-color;
221 
+        border-top-width: 0;
222 
+        border-right-width: 0;
223 
+        width: 0.3rem;
224 
+        height: 0.15rem;
225 
+        -webkit-transform: rotate(-50deg);
226 
+        position: absolute;
227 
+        top: 0.38rem;
228 
+        right: 0.44rem;
229 
+      }
230 
+    }
190 
   }
 231 
   }
191 
-  .CheckBox {
232 
+}
233 
+.CheckBox {
192 
   background: #fff;
 234 
   background: #fff;
193 
   max-height: 6.8rem;
 235 
   max-height: 6.8rem;
194 
   min-height: 5rem;
 236 
   min-height: 5rem;
195 
   overflow-y: scroll;
 237 
   overflow-y: scroll;
196 
   @media only screen and (max-width: 812px) {
 238 
   @media only screen and (max-width: 812px) {
197 
-  max-height: 8rem !important;
198 
-  min-height: 8rem !important;
239 
+    max-height: 14.8rem !important;
240 
+    min-height: 8rem !important;
199 
   }
 241 
   }
200
242
201 
   ul {
 243 
   ul {
202 
-  li {
203 
-  line-height: 1rem;
204 
-  }
205 
-  }
244 
+    li {
245 
+      line-height: 1rem;
246 
+    }
206 
   }
 247 
   }
248 
+}
207 
 </style>
 249 
 </style>

+ 59 - 40
src/pages/main/dialog/subMenu/checkBoxSubMenu.vue View File

2 
   <div v-if="visibility" class="Dialog">
 2 
   <div v-if="visibility" class="Dialog">
3 
     <div class="DialogTit">
 3 
     <div class="DialogTit">
4 
       <div class="back" @click="cancle()">
 4 
       <div class="back" @click="cancle()">
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">
9 
-      </span>
10 
-      <span v-if="propsForm.isMultiple == 2" @click="comfirm" class="success"
11 
-      >确定</span
12 
-      >
8 
+      <span v-if="propsForm.isMultiple == 1" @click="comfirm" class="success"></span>
9 
+      <span v-if="propsForm.isMultiple == 2" @click="comfirm" class="success">确定</span>
13 
     </div>
 10 
     </div>
14
11
15 
     <div v-if="propsForm.isMultiple == 1" class="optionsBox">
 12 
     <div v-if="propsForm.isMultiple == 1" class="optionsBox">
22 
             :key="item.id"
 19 
             :key="item.id"
23 
             value="item"
 20 
             value="item"
24 
             :class="propsForm.selectId == item.id ? 'tick' : ''"
 21 
             :class="propsForm.selectId == item.id ? 'tick' : ''"
25 
-          >
26 
-            {{ item.name }}
27 
-          </li>
22 
+          >{{ item.name }}</li>
28 
           <!--<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>-->
 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>-->
29 
         </ul>
 24 
         </ul>
30 
       </div>
 25 
       </div>
39 
               v-for="(item, index) in propsForm.list"
 34 
               v-for="(item, index) in propsForm.list"
40 
               :key="index"
 35 
               :key="index"
41 
               :name="item.name"
 36 
               :name="item.name"
42 
-            >
43 
-              {{ item.name }}
44 
-            </van-checkbox>
37 
+            >{{ item.name }}</van-checkbox>
45 
           </van-checkbox-group>
 38 
           </van-checkbox-group>
46 
         </li>
 39 
         </li>
47
40
128 
   @media only screen and (max-width: 812px) {
 121 
   @media only screen and (max-width: 812px) {
129 
   min-height: 8rem !important;
 122 
   min-height: 8rem !important;
130 
   }
 123 
   }
131 
-  ul {
132 
-  overflow-y: scroll;
133 
-  max-height: 9rem;
134 
-  li {
135 
-  height: 1.1rem;
136 
-  line-height: 1.1rem;
137 
-  border-bottom: 1px #e5e5e5 solid;
138 
-  padding: 0 0.38rem;
139 
-  font-size: 0.36rem;
140 
-  color: $title-color;
124 
+  @media only screen and (max-width: 415px) {
125 
+    height: 16.8rem !important;
141 
   }
 126 
   }
142 
-  .tick {
143 
-  position: relative;
144 
-  &::before {
145 
-  content: "";
146 
-  display: inline-block;
147 
-  border: 2px solid $main-color;
148 
-  border-top-width: 0;
149 
-  border-right-width: 0;
150 
-  width: 0.3rem;
151 
-  height: 0.15rem;
152 
-  -webkit-transform: rotate(-50deg);
153 
-  position: absolute;
154 
-  top: 0.38rem;
155 
-  right: 0.44rem;
127 
+  @media only screen and (min-width: 666px) and (max-width: 737px) {
128 
+    max-height: 8rem;
129 
+    min-height: 7rem !important;
156 
   }
 130 
   }
131 
+  @media only screen and (max-width: 768px) {
132 
+    max-height: 16rem !important;
157 
   }
 133 
   }
134 
+  @media only screen and (min-width: 666px) and (max-width: 737px) {
135 
+    max-height: 8rem;
136 
+    min-height: 7rem !important;
137 
+  }
138 
+  ul {
139 
+    overflow-y: scroll;
140 
+    max-height: 9rem;
141 
+    @media only screen and (min-width: 666px) and (max-width: 737px) {
142 
+      max-height: 8rem;
143 
+    }
144 
+    @media only screen and (max-width: 768px) {
145 
+      max-height: 16rem;
146 
+    }
147 
+    li {
148 
+      height: 1.2rem;
149 
+      line-height: 1.2rem;
150 
+      border-bottom: 1px #e5e5e5 solid;
151 
+      padding: 0 0.38rem;
152 
+      font-size: 0.45rem;
153 
+      color: $title-color;
154 
+    }
155 
+    .tick {
156 
+      position: relative;
157 
+      &::before {
158 
+        content: "";
159 
+        display: inline-block;
160 
+        border: 2px solid $main-color;
161 
+        border-top-width: 0;
162 
+        border-right-width: 0;
163 
+        width: 0.3rem;
164 
+        height: 0.15rem;
165 
+        -webkit-transform: rotate(-50deg);
166 
+        position: absolute;
167 
+        top: 0.38rem;
168 
+        right: 0.44rem;
169 
+      }
170 
+    }
158 
   }
 171 
   }
159 
   }
 172 
   }
160 
   .CheckBox {
 173 
   .CheckBox {
166 
   max-height: 8rem !important;
 179 
   max-height: 8rem !important;
167 
   min-height: 8rem !important;
 180 
   min-height: 8rem !important;
168 
   }
 181 
   }
169 
-
170 
-  ul {
171 
-  li {
172 
-  line-height: 1rem;
182 
+  @media only screen and (max-width: 768px) {
183 
+    max-height: 16rem !important;
184 
+    min-height: 8rem !important;
173 
   }
 185 
   }
186 
+  @media only screen and (min-width: 813px) and (max-width: 1024px) {
187 
+    max-height: 10.8rem !important;
188 
+  }
189 
+  ul {
190 
+    li {
191 
+      line-height: 1.2rem;
192 
+    }
174 
   }
 193 
   }
175 
   }
 194 
   }
176 
 </style>
 195 
 </style>

File diff suppressed because it is too large
+ 1226 - 1112
src/pages/main/dialysis/AdviceTable.vue


+ 146 - 43
src/pages/main/dialysis/CheckTab.vue View File

1 
 <template>
 1 
 <template>
2 
   <div class="fixedTop">
 2 
   <div class="fixedTop">
3 
     <div class="nav">
 3 
     <div class="nav">
4 
-      <ul style="width: 90%">
5 
-        <li  v-for="(item,i) in inspectionDate" :key="i" :class="index == i? 'active':'' "  @click="ClickTab(i,item)" >{{item.project_name}}</li>
6 
-      </ul>
4 
+      <!-- <ul style="width: 90%">
5 
+        <li
6 
+          v-for="(item,i) in inspectionDate"
7 
+          :key="i"
8 
+          :class="index == i? 'active':'' "
9 
+          @click="ClickTab(i,item)"
10 
+        >{{item.project_name}}</li>
11 
+      </ul>-->
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>
14 
+      </van-tabs>
15 
+      <!-- <van-tabs v-model="active" ref="one">
16 
+        <van-tab title="标签 1">内容 1</van-tab>
17 
+        <van-tab title="标签 2">内容 2</van-tab>
18 
+        <van-tab title="标签 3">内容 3</van-tab>
19 
+        <van-tab title="标签 4">内容 4</van-tab>
20 
+      </van-tabs>-->
7 
     </div>
 21 
     </div>
8
22
9 
     <div class="tab-content">
 23 
     <div class="tab-content">
10 
-        <inspection-item-table ref="item"></inspection-item-table>
24 
+      <inspection-item-table ref="item"></inspection-item-table>
11 
     </div>
 25 
     </div>
12 
   </div>
 26 
   </div>
13 
 </template>
 27 
 </template>
15 
 <script>
 29 
 <script>
16 
 import { GetInspection } from "@/api/check";
 30 
 import { GetInspection } from "@/api/check";
17 
 import InspectionItemTable from "./InspectionItemTable";
 31 
 import InspectionItemTable from "./InspectionItemTable";
32 
+import $ from "jquery";
18
33
19 
 export default {
 34 
 export default {
20 
   name: "CheckTab",
 35 
   name: "CheckTab",
21 
   created() {
 36 
   created() {
22 
     this.patient = this.$route.query.patient_id;
 37 
     this.patient = this.$route.query.patient_id;
23 
     this.GetList();
 38 
     this.GetList();
39 
+
40 
+    this.$nextTick(() => {
41 
+      if (this.active === 0) {
42 
+        console.log();
43 
+        $(".van-tabs__line").addClass("intro");
44 
+      }
45 
+    });
24 
   },
 46 
   },
25 
   data() {
 47 
   data() {
26 
     return {
 48 
     return {
27 
       index: 0,
 49 
       index: 0,
28 
       inspectionDate: [],
 50 
       inspectionDate: [],
29 
-      patient: 0
51 
+      patient: 0,
52 
+      active: 0
30 
     };
 53 
     };
31 
   },
 54 
   },
32
55
45 
       GetInspection(params).then(response => {
 68 
       GetInspection(params).then(response => {
46 
         this.inspectionDate = [];
 69 
         this.inspectionDate = [];
47 
         if (response.data.state == 1) {
 70 
         if (response.data.state == 1) {
71 
+          // console.log(this.$refs.item);
48 
           this.inspectionDate = response.data.data.reference;
 72 
           this.inspectionDate = response.data.data.reference;
49 
           this.$refs.item.GetList(1, this.inspectionDate[0]);
 73 
           this.$refs.item.GetList(1, this.inspectionDate[0]);
50 
         }
 74 
         }
51 
       });
 75 
       });
76 
+    },
77 
+    onClick(num, title) {
78 
+      // console.log(this.inspectionDate);
79 
+      // console.log(num);
80 
+      // console.log(this.$refs.item);
81 
+      if ($(".van-tabs__line").is(".intro")) {
82 
+        $(".van-tabs__line").removeClass("intro");
83 
+      }
84 
+
85 
+      this.inspectionDate.map((items, i) => {
86 
+        if (num == i) {
87 
+          this.index = i;
88 
+          this.$refs.item.GetList(items.project_id, items);
89 
+        }
90 
+      });
52 
     }
 91 
     }
53 
   }
 92 
   }
54 
 };
 93 
 };
55 
 </script>
 94 
 </script>
56
95
57 
 <style style="stylesheet/scss" lang="scss" scoped>
 96 
 <style style="stylesheet/scss" lang="scss" scoped>
58 
-  .nav {
59 
-    border-bottom: 1px #e5e5e5 solid;
60 
-    background: #fff;
61 
-     position: fixed;
62 
-    top: 116px;
63 
-    right: 0;
64 
-    z-index: 55;
65 
-    left: 1.58rem;
66 
-    background: #fff;
67 
-    ul {
68 
-      width: 60%;
69 
-      margin: 0 auto;
70 
-      @include box-sizing;
71 
-      @include display-flex;
72 
-      @include align-items-center;
73 
-      @include text-align;
74 
-      @include justify-content-between;
75 
-      li {
76 
-        font-size: 0.32rem;
77 
-        float: left;
78 
-        color: $pgh-color;
79 
-        padding: 0.3rem 0;
80 
-        cursor: pointer;
81 
-      }
82 
-      .active {
83 
-        position: relative;
84 
-        &::before {
85 
-          width: 100%;
86 
-          height: 2px;
87 
-          color: $main-color;
88 
-          position: absolute;
89 
-          bottom: 0;
90 
-          left: 0;
91 
-          content: "";
92 
-          background: $main-color;
93 
-        }
97 
+.nav {
98 
+  border-bottom: 1px #e5e5e5 solid;
99 
+  background: #fff;
100 
+  position: fixed;
101 
+  top: 76px;
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: 767px) {
109 
+  //   top: 76px !important;
110 
+  // }
111 
+  @media only screen and (min-width: 768px) {
112 
+    top: 124px !important;
113 
+  }
114 
+  // @media only screen and (min-width: 813px) and (max-width: 1024px) {
115 
+  //   top: 117px !important;
116 
+  // }
117 
+  // @media only screen and (min-width: 1024px) {
118 
+  //   top: 117px !important;
119 
+  // }
120 
+  right: 0;
121 
+  z-index: 55;
122 
+  left: 0;
123 
+  background: #fff;
124 
+  ul {
125 
+    width: 60%;
126 
+    margin: 0 auto;
127 
+    @include box-sizing;
128 
+    @include display-flex;
129 
+    @include align-items-center;
130 
+    @include text-align;
131 
+    @include justify-content-between;
132 
+    li {
133 
+      font-size: 0.32rem;
134 
+      float: left;
135 
+      color: $pgh-color;
136 
+      padding: 0.3rem 0;
137 
+      cursor: pointer;
138 
+    }
139 
+    .active {
140 
+      position: relative;
141 
+      &::before {
142 
+        width: 100%;
143 
+        height: 2px;
144 
+        color: $main-color;
145 
+        position: absolute;
146 
+        bottom: 0;
147 
+        left: 0;
148 
+        content: "";
149 
+        background: $main-color;
94 
       }
 150 
       }
95 
     }
 151 
     }
96 
   }
 152 
   }
97 
-
153 
+}
154 
+</style>
155 
+<style lang="scss">
156 
+.intro {
157 
+  width: 41px !important;
158 
+  transform: translateX(20.5px) !important;
159 
+  @media only screen and (min-width: 415px) and (max-width: 668px) {
160 
+    width: 73px !important;
161 
+    transform: translateX(36.5px) !important;
162 
+  }
163 
+  @media only screen and (min-width: 376px) and (max-width: 415px) {
164 
+    width: 45.5px !important;
165 
+    transform: translateX(22.75px) !important;
166 
+  }
167 
+  @media only screen and (min-width: 668px) and (max-width: 735px) {
168 
+    width: 45.5px !important;
169 
+    transform: translateX(22.75px) !important;
170 
+  }
171 
+  @media only screen and (min-width: 668px) and (max-width: 736px) {
172 
+    width: 81px !important;
173 
+    transform: translateX(40.5px) !important;
174 
+  }
175 
+  @media only screen and (min-width: 737px) and (max-width: 812px) {
176 
+    width: 89px !important;
177 
+    transform: translateX(44.5px) !important;
178 
+  }
179 
+  @media only screen and (min-width: 813px) and (max-width: 1024px) {
180 
+    width: 113px !important;
181 
+    transform: translateX(56.5px) !important;
182 
+  }
183 
+  @media only screen and (min-width: 1025px) {
184 
+    width: 150.5px !important;
185 
+    transform: translateX(75.25px) !important;
186 
+  }
187 
+}
188 
+.nav {
189 
+  .van-tabs {
190 
+    height: 1.2rem !important;
191 
+  }
192 
+  .van-tabs--line .van-tabs__wrap {
193 
+    height: 1.2rem !important;
194 
+  }
195 
+  .van-tabs--line {
196 
+    padding-top: 1.2rem !important;
197 
+  }
198 
+  .van-tab {
199 
+    line-height: 1.2rem !important;
200 
+  }
201 
+}
98 
 </style>
 202 
 </style>
99 
-

+ 78 - 53
src/pages/main/dialysis/DialysisTab.vue View File

1 
 <template>
 1 
 <template>
2 
-    <div class="fixedBox">
3 
-        <div class="nav">
4 
-            <ul>
5 
-                <li v-for="(item,i) in ['长期透析处方','透析记录','排班信息','宣教信息']" :key="i" :class="index == i? 'active':'' "  @click="ClickTab(i)" >{{item}}</li>
6 
-            </ul>
7 
-        </div>
2 
+  <div class="fixedBox">
3 
+    <div class="nav">
4 
+      <ul>
5 
+        <li
6 
+          v-for="(item, i) in [
7 
+            '长期透析处方',
8 
+            '透析记录',
9 
+            '排班信息',
10 
+            '宣教信息'
11 
+          ]"
12 
+          :key="i"
13 
+          :class="index == i ? 'active' : ''"
14 
+          @click="ClickTab(i)"
15 
+        >{{ item }}</li>
16 
+      </ul>
17 
+    </div>
8
18
9 
-        <div class="tab-content">
10 
-            <long-table v-show="index==0" title="长期透析处方"></long-table>
11 
-            <record-table v-show="index==1" title="透析记录"></record-table>
12 
-            <!--<advice-table v-show="index==2" title="医嘱信息"></advice-table>-->
13 
-            <schedul-table v-show="index==2" class="排班信息"></schedul-table>
14 
-            <mission-table v-show="index==3" class="宣教信息"></mission-table>
15 
-        </div>
19 
+    <div class="tab-content">
20 
+      <long-table v-show="index == 0" title="长期透析处方"></long-table>
21 
+      <record-table v-show="index == 1" title="透析记录"></record-table>
22 
+      <!--<advice-table v-show="index==2" title="医嘱信息"></advice-table>-->
23 
+      <schedul-table v-show="index == 2" class="排班信息"></schedul-table>
24 
+      <mission-table v-show="index == 3" class="宣教信息"></mission-table>
16 
     </div>
 25 
     </div>
17 
-</template>
26 
+  </div>
27 
+</template>
18
28
19 
 <script>
 29 
 <script>
20 
 import LongTable from "./LongTable";
 30 
 import LongTable from "./LongTable";
45 
 </script>
 55 
 </script>
46
56
47 
 <style style="stylesheet/scss" lang="scss" scoped>
 57 
 <style style="stylesheet/scss" lang="scss" scoped>
48 
-.fixedBox{
49 
- padding-top:53px;
50 
-  background: #fff;
58 
+.fixedBox {
59 
+  padding-top: 38px;
60 
+  // background: #fff;
51 
   min-height: calc(100vh - 64px);
 61 
   min-height: calc(100vh - 64px);
52 
-.nav {
53 
-  border-bottom: 1px #e5e5e5 solid;
62 
+  // @media only screen and (min-width: 376px) and (max-width: 737px) {
63 
+  //   padding-top: 46px;
64 
+  // }
65 
+  @media only screen and (min-width: 768px) {
66 
+    padding-top: 82px;
67 
+  }
68 
+  // @media only screen and (min-width: 813px) and (max-width: 1024px) {
69 
+  //   padding-top: 74px;
70 
+  // }
71 
+  .nav {
72 
+    border-bottom: 1px #e5e5e5 solid;
54 
     position: fixed;
 73 
     position: fixed;
55 
-  top: 63px;
56 
-  right: 0;
57 
-  z-index: 66;
58 
-  left: 1.58rem;
59 
-  background: #fff;
60 
-    background: #fff;
61 
-  ul {
62 
-    width: 60%;
63 
-    margin: 0 auto;
64 
-    @include box-sizing;
65 
-    @include display-flex;
66 
-    @include align-items-center;
67 
-    @include text-align;
68 
-    @include justify-content-between;
69 
-    li {
70 
-      font-size: 0.32rem;
71 
-      float: left;
72 
-      color: $pgh-color;
73 
-      padding: 0.3rem 0;
74 
-      cursor: pointer;
74 
+    top: 40px;
75 
+    @media only screen and (min-width: 768px) {
76 
+      top: 63px;
75 
     }
 77 
     }
76 
-    .active {
77 
-      position: relative;
78 
-      &::before {
79 
-        width: 100%;
80 
-        height: 2px;
81 
-        color: $main-color;
82 
-        position: absolute;
83 
-        bottom: 0;
84 
-        left: 0;
85 
-        content: "";
86 
-        background:$main-color;
78 
+    // @media only screen and (min-width: 813px) and (max-width: 1024px) {
79 
+    //   top: 64px;
80 
+    // }
81 
+    // @media only screen and (min-width: 376px) and (max-width: 668px) {
82 
+    //   top: 50px;
83 
+    // }
84 
+    right: 0;
85 
+    z-index: 66;
86 
+    left: 0;
87 
+    background: #fff;
88 
+    ul {
89 
+      width: 80%;
90 
+      margin: 0 auto;
91 
+      @include box-sizing;
92 
+      @include display-flex;
93 
+      @include align-items-center;
94 
+      @include text-align;
95 
+      @include justify-content-between;
96 
+      li {
97 
+        font-size: 0.45rem;
98 
+        float: left;
99 
+        color: $pgh-color;
100 
+        padding: 0.3rem 0;
101 
+        cursor: pointer;
102 
+      }
103 
+      .active {
104 
+        position: relative;
105 
+        &::before {
106 
+          width: 100%;
107 
+          height: 2px;
108 
+          color: $main-color;
109 
+          position: absolute;
110 
+          bottom: 0;
111 
+          left: 0;
112 
+          content: "";
113 
+          background: $main-color;
114 
+        }
87 
       }
 115 
       }
88 
     }
 116 
     }
89 
   }
 117 
   }
90 
 }
 118 
 }
91 
-}
92 
-
93 
 </style>
 119 
 </style>
94 
-

+ 64 - 32
src/pages/main/dialysis/InspectionItemTable.vue View File

1 
 <template>
 1 
 <template>
2 
   <div>
 2 
   <div>
3 
-
4 
     <div class="blueBorder"></div>
 3 
     <div class="blueBorder"></div>
5 
-    <van-list
6 
-      v-model="loading"
7 
-      :finished="finished"
8 
-      finished-text="  "
9 
-      @load="onLoad"
10 
-    >
4 
+    <van-list v-model="loading" :finished="finished" finished-text="  " @load="onLoad">
11 
       <table class="table">
 5 
       <table class="table">
12 
         <tr>
 6 
         <tr>
13 
           <th width="20%">检查项目</th>
 7 
           <th width="20%">检查项目</th>
17 
         </tr>
 11 
         </tr>
18 
       </table>
 12 
       </table>
19
13
20 
-      <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">
21 
         <tr>
 15 
         <tr>
22 
-          <td width="20%">{{items.date}}</td>
16 
+          <td width="20%">{{ items.date }}</td>
23 
           <td width="10%"></td>
 17 
           <td width="10%"></td>
24 
           <td width="10%"></td>
 18 
           <td width="10%"></td>
25 
           <td width="10%"></td>
 19 
           <td width="10%"></td>
26 
         </tr>
 20 
         </tr>
27 
-        <tr class="table" v-for="(item,index) in items.inspection_show_item" :key="index">
28 
-          <td width="20%">{{item.item_name}}</td>
29 
-          <td width="10%">{{item.value}}</td>
30 
-          <td width="10%" v-if="item.range_type ==1">{{item.range_min}} ~ {{item.range_max}}</td>
31 
-          <td width="10%" v-else>{{item.range_value}}</td>
32 
-          <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>
33 
         </tr>
 27 
         </tr>
34
28
35 
-        <tr v-if="items.isExpand" class="table" v-for="(item,index) in items.inspection_hide_item" :key="index">
36 
-          <td width="20%">{{item.item_name}}</td>
37 
-          <td width="10%">{{item.value}}</td>
38 
-          <td width="10%">{{item.range_min}} ~ {{item.range_max}}</td>
39 
-          <td width="10%">{{item.unit}}</td>
29 
+        <tr
30 
+          v-if="items.isExpand"
31 
+          class="table"
32 
+          v-for="(item, index) in items.inspection_hide_item"
33 
+          :key="index"
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>
40 
         </tr>
 39 
         </tr>
41 
         <tr>
 40 
         <tr>
42 
           <td width="20%"></td>
 41 
           <td width="20%"></td>
43 
-          <td width="10%" style="color:#409EFF;" @click="expandTable(indexs)" v-model="isExpand">{{items.expandName}}</td>
42 
+          <td
43 
+            width="10%"
44 
+            style="color:#409EFF;"
45 
+            @click="expandTable(indexs)"
46 
+            v-model="isExpand"
47 
+          >{{ items.expandName }}</td>
44 
           <td width="10%"></td>
 48 
           <td width="10%"></td>
45 
           <td width="10%"></td>
 49 
           <td width="10%"></td>
46 
         </tr>
 50 
         </tr>
47 
       </table>
 51 
       </table>
48
52
49 
-
50 
-      <div class="NoData" v-show="inspections_item.length == 0"><img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt=""></div>
53 
+      <div class="NoData" v-show="inspections_item.length == 0">
54 
+        <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
55 
+      </div>
51 
     </van-list>
 56 
     </van-list>
52 
-
53 
-
54 
   </div>
 57 
   </div>
55 
 </template>
 58 
 </template>
56
59
243 
       @include align-items-center;
 246 
       @include align-items-center;
244 
       @include text-align;
 247 
       @include text-align;
245 
       @include justify-content-between;
 248 
       @include justify-content-between;
246 
-    padding: 0.16rem 0;
247 
-
249 
+      padding: 0.16rem 0;
250 
+
248 
       .iconfont {
 251 
       .iconfont {
249 
         margin: 0 0.1rem;
 252 
         margin: 0 0.1rem;
250 
       }
 253 
       }
261 
 .table {
 264 
 .table {
262 
   width: 100%;
 265 
   width: 100%;
263 
   overflow: hidden;
 266 
   overflow: hidden;
264 
-  font-size: 0.3rem;
267 
+  font-size: 0.45rem;
265 
   text-align: center;
 268 
   text-align: center;
266 
   border: $border-color;
 269 
   border: $border-color;
267 
   tr {
 270 
   tr {
274 
       color: #fff;
 277 
       color: #fff;
275 
       padding: 0;
 278 
       padding: 0;
276 
       margin: 0;
 279 
       margin: 0;
277 
-      height: 0.88rem;
278 
-      line-height: 0.88rem;
280 
+      height: 1.2rem;
281 
+      line-height: 1.2rem;
279 
       font-weight: normal;
 282 
       font-weight: normal;
280 
     }
 283 
     }
281 
     td {
 284 
     td {
294 
     }
 297 
     }
295 
   }
 298 
   }
296 
 }
 299 
 }
297 
-.van-list{
300 
+.van-list {
298 
   background: #fff;
 301 
   background: #fff;
299 
   min-height: calc(100vh - 178px);
 302 
   min-height: calc(100vh - 178px);
300 
-  margin-top: 105px;
303 
+  margin-top: 68px;
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: 768px) {
314 
+    margin-top: 140px !important;
315 
+  }
316 
+  // @media only screen and (min-width: 813px) and (max-width: 1023px) {
317 
+  //   margin-top: 114px !important;
318 
+  // }
319 
+  // @media only screen and (min-width: 1024px) {
320 
+  //   margin-top: 96px !important;
321 
+  // }
301 
 }
 322 
 }
302 
 </style>
 323 
 </style>
303
324
325 
+<style lang="scss">
326 
+.nav {
327 
+  .van-ellipsis {
328 
+    font-size: 0.4rem;
329 
+  }
330 
+}
331 
+
332 
+.van-tabs__line {
333 
+  background: #409eff !important;
334 
+}
335 
+</style>

File diff suppressed because it is too large
+ 491 - 315
src/pages/main/dialysis/LongTable.vue


+ 159 - 142
src/pages/main/dialysis/MissionTable.vue View File

1 
 <template>
 1 
 <template>
2 
-    <div>
3 
-        <div class="choice">
4 
-          <ul>
5 
-            <li>日期查询：
6 
-              <div @click="openStartPicker" class="">{{parseTime(startTime.getTime()/1000, "{y}-{m}-{d}")}}<span class="iconfont">&#xe74a;</span> </div>
7 
-              <span class="line">  </span>
8 
-              <div @click="openEndPicker" class="">{{parseTime(endTime.getTime()/1000, "{y}-{m}-{d}")}}<span class="iconfont">&#xe74a;</span> </div>
9 
-            </li>
10 
-          </ul>
11 
-        </div>
12 
-        <div class="blueBorder"></div>
13 
-      <van-list
14 
-        width="100%"
15 
-        v-model="loading"
16 
-        :finished="finished"
17 
-        @load="onLoad"
18 
-      >
19 
-           <div class="tableTit " >
20 
-                <ul>
21 
-                    <li style="width:10%;">序号</li>
22 
-                    <li style="width:15%;">日期</li>
23 
-                    <li style="width:75%;">宣教内容</li>
24 
-                </ul>
25 
-            </div>
26 
-            <div class="tableDate" >
27 
-                <ul v-for="(item,index) in tableDate" :key="index" :value="item.value">
28 
-                    <li style="width:10%;">{{index+1}}</li>
29 
-                    <li style="width:15%;">{{parseTime(item.assessment_date, "{y}-{m}-{d}")}}</li>
30 
-                    <li style="width:75%;">{{item.mission}}</li>
31 
-                </ul>
32 
-         </div>
33 
-          <!--<div class="NoData" v-show="tableDate.length == 0"><img src="@/assets/login/data.jpg" alt=""></div>-->
34 
-        <div class="NoData" v-show="tableDate.length == 0"><img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt=""></div>
35 
-
36 
-      </van-list>
37 
-
38 
-
39 
-
40 
-      <mt-datetime-picker
41 
-        ref="start_date_picker"
42 
-        type="date"
43 
-        @confirm="handleStartDateConfirm"
44 
-        :endDate="new Date()"
45 
-        v-model="startTime">
46 
-      </mt-datetime-picker>
47 
-
48 
-      <mt-datetime-picker
49 
-        ref="end_date_picker"
50 
-        type="date"
51 
-        @confirm="handleEndDateConfirm"
52 
-        :endDate="new Date()"
53 
-        v-model="endTime">
54 
-      </mt-datetime-picker>
2 
+  <div>
3 
+    <div class="choice">
4 
+      <ul>
5 
+        <li>
6 
+          日期查询：
7 
+          <div @click="openStartPicker" class>
8 
+            {{parseTime(startTime.getTime()/1000, "{y}-{m}-{d}")}}
9 
+            <span class="iconfont">&#xe74a;</span>
10 
+          </div>
11 
+          <span class="line"></span>
12 
+          <div @click="openEndPicker" class>
13 
+            {{parseTime(endTime.getTime()/1000, "{y}-{m}-{d}")}}
14 
+            <span class="iconfont">&#xe74a;</span>
15 
+          </div>
16 
+        </li>
17 
+      </ul>
18 
+    </div>
19 
+    <div class="blueBorder"></div>
20 
+    <van-list width="100%" v-model="loading" :finished="finished" @load="onLoad">
21 
+      <div class="tableTit">
22 
+        <ul>
23 
+          <li style="width:10%;">序号</li>
24 
+          <li style="width:25%;">日期</li>
25 
+          <li style="width:65%;">宣教内容</li>
26 
+        </ul>
27 
+      </div>
28 
+      <div class="tableDate">
29 
+        <ul v-for="(item,index) in tableDate" :key="index" :value="item.value">
30 
+          <li style="width:10%;">{{index+1}}</li>
31 
+          <li style="width:25%;">{{parseTime(item.assessment_date, "{y}-{m}-{d}")}}</li>
32 
+          <li style="width:65%;">{{item.mission}}</li>
33 
+        </ul>
34 
+      </div>
35 
+      <!--<div class="NoData" v-show="tableDate.length == 0"><img src="@/assets/login/data.jpg" alt=""></div>-->
36 
+      <div class="NoData" v-show="tableDate.length == 0">
37 
+        <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
38 
+      </div>
39 
+    </van-list>
55
40
41 
+    <mt-datetime-picker
42 
+      ref="start_date_picker"
43 
+      type="date"
44 
+      @confirm="handleStartDateConfirm"
45 
+      :endDate="new Date()"
46 
+      v-model="startTime"
47 
+    ></mt-datetime-picker>
56
48
57 
-    </div>
49 
+    <mt-datetime-picker
50 
+      ref="end_date_picker"
51 
+      type="date"
52 
+      @confirm="handleEndDateConfirm"
53 
+      :endDate="new Date()"
54 
+      v-model="endTime"
55 
+    ></mt-datetime-picker>
56 
+  </div>
58 
 </template>
 57 
 </template>
59
58
60 
 <script>
 59 
 <script>
61 
-  import {parseTime} from "@/utils"
62 
-  import {getAllEducationList} from '@/api/patient';
60 
+import { parseTime } from "@/utils";
61 
+import { getAllEducationList } from "@/api/patient";
63
62
64 
-  import { Popover } from "vux";
63 
+import { Popover } from "vux";
65 
 export default {
 64 
 export default {
66 
   name: "LongTable",
 65 
   name: "LongTable",
67 
-  created(){
68 
-    this.tableDate=[]
69 
-
66 
+  created() {
67 
+    this.tableDate = [];
70
68
71 
-    this.queryParams.start_time = this.parseTime(new Date().getTime() / 1000, "{y}-{m}-{d}")
72 
-    this.queryParams.end_time = this.parseTime(new Date().getTime() / 1000, "{y}-{m}-{d}")
73 
-    this.queryParams.patient_id = this.$route.query.patient_id
74 
-    this.queryParams.page = this.queryParams.page + 1
75 
-    this.queryParams.limit = 15
76 
-    this.tableDate=[]
69 
+    this.queryParams.start_time = this.parseTime(
70 
+      new Date().getTime() / 1000,
71 
+      "{y}-{m}-{d}"
72 
+    );
73 
+    this.queryParams.end_time = this.parseTime(
74 
+      new Date().getTime() / 1000,
75 
+      "{y}-{m}-{d}"
76 
+    );
77 
+    this.queryParams.patient_id = this.$route.query.patient_id;
78 
+    this.queryParams.page = this.queryParams.page + 1;
79 
+    this.queryParams.limit = 15;
80 
+    this.tableDate = [];
77
81
78 
-    getAllEducationList(this.queryParams).then(response =>{
79 
-      if(response.data.state == 0){
82 
+    getAllEducationList(this.queryParams).then(response => {
83 
+      if (response.data.state == 0) {
80 
         return false;
 84 
         return false;
81 
-      }else{
82 
-        if(response.data.data.total == 0){
83 
-        }else{
84 
-          for(let i = 0; i < response.data.data.edus.length;i++){
85 
-            this.tableDate.push(response.data.data.edus[i])
85 
+      } else {
86 
+        if (response.data.data.total == 0) {
87 
+        } else {
88 
+          for (let i = 0; i < response.data.data.edus.length; i++) {
89 
+            this.tableDate.push(response.data.data.edus[i]);
86 
           }
 90 
           }
87 
         }
 91 
         }
88 
       }
 92 
       }
89 
     });
 93 
     });
90 
-
91 
   },
 94 
   },
92 
   data() {
 95 
   data() {
93 
     return {
 96 
     return {
99 
       endTime: new Date(),
 102 
       endTime: new Date(),
100
103
101 
       queryParams: {
 104 
       queryParams: {
102 
-        mode_id: '',
105 
+        mode_id: "",
103 
         start_time: "",
 106 
         start_time: "",
104 
         end_time: "",
 107 
         end_time: "",
105 
         page: 0,
 108 
         page: 0,
106 
         patient_id: 0,
 109 
         patient_id: 0,
107 
-        limit: 15,
108 
-      },
109 
-
110 
+        limit: 15
111 
+      }
110 
     };
 112 
     };
111 
-  },  methods: {
113 
+  },
114 
+  methods: {
112 
     parseTime(time, layout) {
 115 
     parseTime(time, layout) {
113 
-      return parseTime(time, layout)
114 
-    },onLoad() {
115 
-      this.queryParams.start_time = this.parseTime(this.startTime.getTime()/1000, "{y}-{m}-{d}")
116 
-      this.queryParams.end_time = this.parseTime(this.endTime.getTime()/1000, "{y}-{m}-{d}")
117 
-      this.queryParams.patient_id = this.$route.query.patient_id
118 
-      this.queryParams.page = this.queryParams.page + 1
119 
-      this.queryParams.limit = 15
116 
+      return parseTime(time, layout);
117 
+    },
118 
+    onLoad() {
119 
+      this.queryParams.start_time = this.parseTime(
120 
+        this.startTime.getTime() / 1000,
121 
+        "{y}-{m}-{d}"
122 
+      );
123 
+      this.queryParams.end_time = this.parseTime(
124 
+        this.endTime.getTime() / 1000,
125 
+        "{y}-{m}-{d}"
126 
+      );
127 
+      this.queryParams.patient_id = this.$route.query.patient_id;
128 
+      this.queryParams.page = this.queryParams.page + 1;
129 
+      this.queryParams.limit = 15;
120
130
121 
-      getAllEducationList(params).then(response =>{
122 
-        if(response.data.state == 0){
131 
+      getAllEducationList(params).then(response => {
132 
+        if (response.data.state == 0) {
123 
           this.finished = true;
 133 
           this.finished = true;
124 
           this.loading = false;
 134 
           this.loading = false;
125 
           return false;
 135 
           return false;
126 
-        }else{
127 
-          if(response.data.data.edus.length == 0){
136 
+        } else {
137 
+          if (response.data.data.edus.length == 0) {
128 
             this.finished = true;
 138 
             this.finished = true;
129 
             this.loading = false;
 139 
             this.loading = false;
130 
-
131 
-          }else{
132 
-            for(let i = 0; i < response.data.data.edus.length;i++){
133 
-              this.tableDate.push(response.data.data.edus[i])
140 
+          } else {
141 
+            for (let i = 0; i < response.data.data.edus.length; i++) {
142 
+              this.tableDate.push(response.data.data.edus[i]);
134 
             }
 143 
             }
135 
             this.loading = false;
 144 
             this.loading = false;
136 
           }
 145 
           }
137 
         }
 146 
         }
138 
       });
 147 
       });
139 
-
140 
-
141 
     },
 148 
     },
142 
-    handleStartDateConfirm: function (val) {
143 
-      this.queryParams.start_time = this.parseTime(this.startTime / 1000, "{y}-{m}-{d}")
144 
-      this.queryParams.end_time = this.parseTime(this.endTime / 1000, "{y}-{m}-{d}")
145 
-      this.queryParams.page =  1
146 
-      this.queryParams.limit = 15
147 
-
148 
-      this.getRecordList(this.queryParams)
149 
-
149 
+    handleStartDateConfirm: function(val) {
150 
+      this.queryParams.start_time = this.parseTime(
151 
+        this.startTime / 1000,
152 
+        "{y}-{m}-{d}"
153 
+      );
154 
+      this.queryParams.end_time = this.parseTime(
155 
+        this.endTime / 1000,
156 
+        "{y}-{m}-{d}"
157 
+      );
158 
+      this.queryParams.page = 1;
159 
+      this.queryParams.limit = 15;
150
160
161 
+      this.getRecordList(this.queryParams);
151 
     },
 162 
     },
152 
-    handleEndDateConfirm: function (val) {
153 
-      this.queryParams.start_time = this.parseTime(this.startTime / 1000, "{y}-{m}-{d}")
154 
-      this.queryParams.end_time = this.parseTime(this.endTime / 1000, "{y}-{m}-{d}")
155 
-      this.queryParams.page =  1
156 
-      this.queryParams.limit = 15
157 
-      this.getRecordList(this.queryParams)
158 
-
159 
-    },openStartPicker: function () {
163 
+    handleEndDateConfirm: function(val) {
164 
+      this.queryParams.start_time = this.parseTime(
165 
+        this.startTime / 1000,
166 
+        "{y}-{m}-{d}"
167 
+      );
168 
+      this.queryParams.end_time = this.parseTime(
169 
+        this.endTime / 1000,
170 
+        "{y}-{m}-{d}"
171 
+      );
172 
+      this.queryParams.page = 1;
173 
+      this.queryParams.limit = 15;
174 
+      this.getRecordList(this.queryParams);
175 
+    },
176 
+    openStartPicker: function() {
160 
       this.$refs.start_date_picker.open();
 177 
       this.$refs.start_date_picker.open();
161 
     },
 178 
     },
162 
-    openEndPicker: function () {
179 
+    openEndPicker: function() {
163 
       this.$refs.end_date_picker.open();
 180 
       this.$refs.end_date_picker.open();
164 
-    },getRecordList: function (val) {
165 
-      this.tableDate=[]
166 
-      getAllEducationList(val).then(response =>{
167 
-        if(response.data.state == 0){
181 
+    },
182 
+    getRecordList: function(val) {
183 
+      this.tableDate = [];
184 
+      getAllEducationList(val).then(response => {
185 
+        if (response.data.state == 0) {
168 
           return false;
 186 
           return false;
169 
-        }else{
170 
-          if(response.data.data.edus.length == 0){
171 
-          }else{
172 
-            for(let i = 0; i < response.data.data.edus.length;i++){
173 
-              this.tableDate.push(response.data.data.edus[i])
187 
+        } else {
188 
+          if (response.data.data.edus.length == 0) {
189 
+          } else {
190 
+            for (let i = 0; i < response.data.data.edus.length; i++) {
191 
+              this.tableDate.push(response.data.data.edus[i]);
174 
             }
 192 
             }
175 
           }
 193 
           }
176 
         }
 194 
         }
177 
       });
 195 
       });
178 
-
179 
     }
 196 
     }
180 
   },
 197 
   },
181
198
193 
     @include align-items-center;
 210 
     @include align-items-center;
194 
     @include text-align;
 211 
     @include text-align;
195 
     @include justify-content-between;
 212 
     @include justify-content-between;
196 
-    width: 40%;
213 
+    width: 80%;
197 
     margin: 0 auto;
 214 
     margin: 0 auto;
198 
-    font-size: 0.32rem;
215 
+    font-size: 0.45rem;
199 
     color: $pgh-color;
 216 
     color: $pgh-color;
200 
     li {
 217 
     li {
201 
       @include display-flex;
 218 
       @include display-flex;
202 
       @include align-items-center;
 219 
       @include align-items-center;
203 
       @include text-align;
 220 
       @include text-align;
204 
       @include justify-content-between;
 221 
       @include justify-content-between;
205 
-    padding: 0.3rem 0;
206 
-
222 
+      padding: 0.3rem 0;
223 
+      margin: 0 auto;
207 
       .iconfont {
 224 
       .iconfont {
208 
         margin: 0 0.1rem;
 225 
         margin: 0 0.1rem;
209 
-        @media only screen and (max-width: 812px) {
210 
-        font-size: 12px !important;
211 
-        }
226 
+        // @media only screen and (max-width: 812px) {
227 
+        //   font-size: 12px !important;
228 
+        // }
212 
       }
 229 
       }
213 
-      .line{
230 
+      .line {
214 
         background: #a8b3ba;
 231 
         background: #a8b3ba;
215 
         width: 0.2rem;
 232 
         width: 0.2rem;
216 
         height: 1px;
 233 
         height: 1px;
230 
     @include text-align;
 247 
     @include text-align;
231 
     @include justify-content-center;
 248 
     @include justify-content-center;
232 
     li {
 249 
     li {
233 
-       border-right: 2px #fff solid;
234 
-      font-size: 0.3rem;
235 
-      height: 0.88rem;
236 
-      line-height: 0.88rem;
250 
+      border-right: 2px #fff solid;
251 
+      font-size: 0.45rem;
252 
+      height: 1.2rem;
253 
+      line-height: 1.2rem;
237 
     }
 254 
     }
238 
     &:last-child {
 255 
     &:last-child {
239 
       border-right: none;
 256 
       border-right: none;
246 
   @include box-sizing;
 263 
   @include box-sizing;
247 
   ul {
 264 
   ul {
248 
     @include display-flex;
 265 
     @include display-flex;
249 
-      @include align-items-center;
250 
-      @include text-align;
251 
-      @include justify-content-center;
266 
+    @include align-items-center;
267 
+    @include text-align;
268 
+    @include justify-content-center;
252 
     li {
 269 
     li {
253 
-      font-size: 0.3rem;
254 
-      padding:0.16rem 0;
270 
+      font-size: 0.45rem;
271 
+      padding: 0.16rem 0;
255 
       line-height: 0.5rem;
 272 
       line-height: 0.5rem;
256 
       border-right: 2px #fff solid;
 273 
       border-right: 2px #fff solid;
257 
       span {
 274 
       span {
260 
         border-bottom: 2px #fff solid;
 277 
         border-bottom: 2px #fff solid;
261 
         background: #ecf5ff;
 278 
         background: #ecf5ff;
262 
         display: inline-block;
 279 
         display: inline-block;
263 
-        height: 0.88rem;
264 
-        line-height: 0.88rem;
280 
+        height: 1.2rem;
281 
+        line-height: 1.2rem;
265 
         .iconfont {
 282 
         .iconfont {
266 
           color: $main-color;
 283 
           color: $main-color;
267 
           font-size: 0.3rem;
 284 
           font-size: 0.3rem;

+ 125 - 53
src/pages/main/dialysis/RecordTable.vue View File

1 
 <template>
 1 
 <template>
2 
   <div>
 2 
   <div>
3 
-    <van-list
4 
-      width="100%"
5 
-      v-model="loading"
6 
-      :finished="finished"
7 
-      @load="onLoad"
8 
-    >
3 
+    <van-list width="100%" v-model="loading" :finished="finished" @load="onLoad">
9 
       <div class="choice">
 4 
       <div class="choice">
10 
         <ul>
 5 
         <ul>
11 
-          <li>透析时间：
12 
-            <div @click="openStartPicker" class="">{{parseTime(startTime.getTime()/1000, "{y}-{m}-{d}")}}<span
13 
-              class="iconfont">&#xe74a;</span></div>
6 
+          <li>
7 
+            透析时间：
8 
+            <div @click="openStartPicker" class>
9 
+              {{parseTime(startTime.getTime()/1000, "{y}-{m}-{d}")}}
10 
+              <span class="iconfont">&#xe74a;</span>
11 
+            </div>
14 
             <span class="line"></span>
 12 
             <span class="line"></span>
15 
-            <div @click="openEndPicker" class="">{{parseTime(endTime.getTime()/1000, "{y}-{m}-{d}")}}<span
16 
-              class="iconfont">&#xe74a;</span></div>
13 
+            <div @click="openEndPicker" class>
14 
+              {{parseTime(endTime.getTime()/1000, "{y}-{m}-{d}")}}
15 
+              <span class="iconfont">&#xe74a;</span>
16 
+            </div>
17 
           </li>
 17 
           </li>
18
18
19 
           <!-- <popover placement="bottom">
 19 
           <!-- <popover placement="bottom">
23 
               </ul>
 23 
               </ul>
24 
             </div>
 24 
             </div>
25 
             <li>透析模式:{{modeNameOther(mode_id)}}<span class="iconfont">&#xe74a;</span></li>
 25 
             <li>透析模式:{{modeNameOther(mode_id)}}<span class="iconfont">&#xe74a;</span></li>
26 
-          </popover> -->
27 
-
28 
-          <el-popover
29 
-                placement="bottom"
30 
-                trigger="click">
31 
-                <li slot="reference">透析模式：{{modeNameOther(mode_id)}}<span class="iconfont">&#xe74a;</span></li>
32 
-                <div class="popover-demo-content">
33 
-                  <ul>
34 
-                    <li  v-for="item in modeOptions" :key="item.id" @click="itemClick(item.id)"   :class="mode_id == item.id ? 'tick' : ''">{{item.name}}</li>
35 
-                  </ul>
36 
-                </div>
37 
-              </el-popover>
26 
+          </popover>-->
38
27
28 
+          <el-popover placement="bottom" trigger="click">
29 
+            <li slot="reference">
30 
+              透析模式：{{modeNameOther(mode_id)}}
31 
+              <span class="iconfont">&#xe74a;</span>
32 
+            </li>
33 
+            <div class="popover-demo-content">
34 
+              <ul>
35 
+                <li
36 
+                  v-for="item in modeOptions"
37 
+                  :key="item.id"
38 
+                  @click="itemClick(item.id)"
39 
+                  :class="mode_id == item.id ? 'tick' : ''"
40 
+                >{{item.name}}</li>
41 
+              </ul>
42 
+            </div>
43 
+          </el-popover>
39 
         </ul>
 44 
         </ul>
40 
       </div>
 45 
       </div>
41 
       <div class="blueBorder"></div>
 46 
       <div class="blueBorder"></div>
42 
       <div style="width:100%;overflow:hildden;overflow-x:auto;" class="RecordTable">
 47 
       <div style="width:100%;overflow:hildden;overflow-x:auto;" class="RecordTable">
43 
-        <table class="table" style="">
48 
+        <table class="table" style>
44 
           <tr>
 49 
           <tr>
45 
             <th width="124px">透析日期</th>
 50 
             <th width="124px">透析日期</th>
46 
             <th width="72px">班次</th>
 51 
             <th width="72px">班次</th>
57 
             <th width="92px">治疗护士</th>
 62 
             <th width="92px">治疗护士</th>
58 
             <th width="92px">治疗医生</th>
 63 
             <th width="92px">治疗医生</th>
59 
           </tr>
 64 
           </tr>
60 
-          <tr v-for="(item,index) in tableDate" :key="index" :value="item.value" @click="jump(item)">
65 
+          <tr
66 
+            v-for="(item,index) in tableDate"
67 
+            :key="index"
68 
+            :value="item.value"
69 
+            @click="jump(item)"
70 
+          >
61 
             <td>{{parseTime(item.dialysis_date, "{y}-{m}-{d}")}}</td>
 71 
             <td>{{parseTime(item.dialysis_date, "{y}-{m}-{d}")}}</td>
62 
             <td>{{scheduleType(item.schedule_type)}}</td>
 72 
             <td>{{scheduleType(item.schedule_type)}}</td>
63 
             <td>{{item.partition_name}} - {{item.device_number}}</td>
 73 
             <td>{{item.partition_name}} - {{item.device_number}}</td>
70 
             <td>{{item.assessment_after_dislysis.systolic_blood_pressure?item.assessment_after_dislysis.systolic_blood_pressure:""}}</td>
 80 
             <td>{{item.assessment_after_dislysis.systolic_blood_pressure?item.assessment_after_dislysis.systolic_blood_pressure:""}}</td>
71 
             <td>{{item.predialysis_evaluation.ultrafiltration_amount?item.predialysis_evaluation.ultrafiltration_amount:""}}</td>
 81 
             <td>{{item.predialysis_evaluation.ultrafiltration_amount?item.predialysis_evaluation.ultrafiltration_amount:""}}</td>
72 
             <td>{{setAnticoagulantsConfit(item.prescription)}}</td>
 82 
             <td>{{setAnticoagulantsConfit(item.prescription)}}</td>
73 
-            <!--<td>{{getName(item.treatment_summary.zl_nurse)}}</td>-->
74 
-            <!--<td>{{getName(item.treatment_summary.zl_doctor)}}</td>-->
75 
             <td>{{getName(item.treatment_summary.zl_nurse)}}</td>
 83 
             <td>{{getName(item.treatment_summary.zl_nurse)}}</td>
76 
             <td>{{getName(item.treatment_summary.zl_doctor)}}</td>
 84 
             <td>{{getName(item.treatment_summary.zl_doctor)}}</td>
77 
           </tr>
 85 
           </tr>
78 
         </table>
 86 
         </table>
79 
-        <!--<div class="NoData" v-show="tableDate.length == 0"><img src="@/assets/login/data.jpg" alt=""></div>-->
80 
-        <div class="NoData" v-show="tableDate.length == 0"><img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt=""></div>
81 
-
87 
+        <div class="NoData" v-show="tableDate.length == 0">
88 
+          <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
89 
+        </div>
82 
       </div>
 90 
       </div>
91 
+      <!-- <el-table :data="tableDate" border style="width: 100%">
92 
+        <el-table-column fixed prop="date" label="透析日期" width="100" align="center">
93 
+          <template slot-scope="scope">{{parseTime(scope.row.dialysis_date, "{y}-{m}-{d}")}}</template>
94 
+        </el-table-column>
95 
+        <el-table-column prop="name" label="班次" width="100" align="center">
96 
+          <template slot-scope="scope">{{scheduleType(scope.row.schedule_type)}}</template>
97 
+        </el-table-column>
98 
+        <el-table-column prop="province" label="分区-机号" width="120" align="center">
99 
+          <template slot-scope="scope">{{scope.row.partition_name}} - {{scope.row.device_number}}</template>
100 
+        </el-table-column>
101 
+        <el-table-column prop="city" label="透析模式" width="120" align="center">
102 
+          <template slot-scope="scope">{{modeName(scope.row.prescription.mode_id)}}</template>
103 
+        </el-table-column>
104 
+        <el-table-column prop="address" label="透析时长(h)" width="100" align="center">
105 
+          <template
106 
+            slot-scope="scope"
107 
+          >{{scope.row.prescription.dialysis_duration?scope.row.prescription.dialysis_duration:""}}</template>
108 
+        </el-table-column>
109 
+        <el-table-column prop="date" label="干体重(kg)" width="100" align="center">
110 
+          <template
111 
+            slot-scope="scope"
112 
+          >{{scope.row.prescription.dry_weight?scope.row.prescription.dry_weight:""}}</template>
113 
+        </el-table-column>
114 
+        <el-table-column prop="name" label="透前体重(kg)" width="100" align="center">
115 
+          <template
116 
+            slot-scope="scope"
117 
+          >{{scope.row.predialysis_evaluation.weight_before?scope.row.predialysis_evaluation.weight_before:""}}</template>
118 
+        </el-table-column>
119 
+        <el-table-column prop="province" label="透后体重(kg)" width="120" align="center">
120 
+          <template
121 
+            slot-scope="scope"
122 
+          >{{scope.row.assessment_after_dislysis.systolic_blood_pressure?scope.row.assessment_after_dislysis.systolic_blood_pressure:""}}</template>
123 
+        </el-table-column>
124 
+        <el-table-column prop="city" label="透前血压(mmHg)" width="120" align="center">
125 
+          <template
126 
+            slot-scope="scope"
127 
+          >{{scope.row.predialysis_evaluation.systolic_blood_pressure?scope.row.predialysis_evaluation.systolic_blood_pressure:""}}</template>
128 
+        </el-table-column>
129 
+        <el-table-column prop="address" label="透后血压(mmHg)" width="100" align="center">
130 
+          <template
131 
+            slot-scope="scope"
132 
+          >{{scope.row.assessment_after_dislysis.systolic_blood_pressure?scope.row.assessment_after_dislysis.systolic_blood_pressure:""}}</template>
133 
+        </el-table-column>
134 
+        <el-table-column prop="date" label="超滤总量(L)" width="100" align="center">
135 
+          <template
136 
+            slot-scope="scope"
137 
+          >{{scope.row.predialysis_evaluation.ultrafiltration_amount?scope.row.predialysis_evaluation.ultrafiltration_amount:""}}</template>
138 
+        </el-table-column>
139 
+        <el-table-column prop="name" label="抗凝剂种类 首剂/维持/总量" width="100" align="center">
140 
+          <template slot-scope="scope">{{setAnticoagulantsConfit(scope.row.prescription)}}</template>
141 
+        </el-table-column>
142 
+        <el-table-column prop="province" label="治疗护士" width="120" align="center">
143 
+          <template slot-scope="scope">{{getName(scope.row.treatment_summary.zl_nurse)}}</template>
144 
+        </el-table-column>
145 
+        <el-table-column prop="city" label="治疗医生" width="120" align="center">
146 
+          <template slot-scope="scope">{{getName(scope.row.treatment_summary.zl_doctor)}}</template>
147 
+        </el-table-column>
148 
+      </el-table>-->
83 
     </van-list>
 149 
     </van-list>
84
150
85 
     <mt-datetime-picker
 151 
     <mt-datetime-picker
87 
       type="date"
 153 
       type="date"
88 
       @confirm="handleStartDateConfirm"
 154 
       @confirm="handleStartDateConfirm"
89 
       :endDate="new Date()"
 155 
       :endDate="new Date()"
90 
-      v-model="startTime">
91 
-    </mt-datetime-picker>
156 
+      v-model="startTime"
157 
+    ></mt-datetime-picker>
92
158
93 
     <mt-datetime-picker
 159 
     <mt-datetime-picker
94 
       ref="end_date_picker"
 160 
       ref="end_date_picker"
95 
       type="date"
 161 
       type="date"
96 
       @confirm="handleEndDateConfirm"
 162 
       @confirm="handleEndDateConfirm"
97 
       :endDate="new Date()"
 163 
       :endDate="new Date()"
98 
-      v-model="endTime">
99 
-    </mt-datetime-picker>
100 
-
164 
+      v-model="endTime"
165 
+    ></mt-datetime-picker>
101 
   </div>
 166 
   </div>
102 
 </template>
 167 
 </template>
103
168
190 
   },
 255 
   },
191 
   methods: {
 256 
   methods: {
192 
     modeName(mode_id) {
 257 
     modeName(mode_id) {
193 
-      return typeof this.modeOptions[mode_id] != "undefined" &&
194 
-        typeof this.modeOptions[mode_id].name != "undefined"
258 
+      return typeof this.modeOptions[mode_id] !== "undefined" &&
259 
+        typeof this.modeOptions[mode_id].name !== "undefined"
195 
         ? this.modeOptions[mode_id].name
 260 
         ? this.modeOptions[mode_id].name
196 
         : "";
 261 
         : "";
197 
     },
 262 
     },
198 
     modeNameOther(mode_id) {
 263 
     modeNameOther(mode_id) {
199 
-      return typeof this.modeOptions[mode_id] != "undefined" &&
200 
-        typeof this.modeOptions[mode_id].name != "undefined"
264 
+      return typeof this.modeOptions[mode_id] !== "undefined" &&
265 
+        typeof this.modeOptions[mode_id].name !== "undefined"
201 
         ? this.modeOptions[mode_id].name
 266 
         ? this.modeOptions[mode_id].name
202 
         : "全部";
 267 
         : "全部";
203 
     },
 268 
     },
302 
       return typeName;
 367 
       return typeName;
303 
     },
 368 
     },
304 
     setAnticoagulantsConfit: function(prescription) {
 369 
     setAnticoagulantsConfit: function(prescription) {
305 
-
306 
-
307 
       if (
 370 
       if (
308 
-        typeof this.anticoagulantsConfit[prescription.anticoagulant] ==
371 
+        typeof this.anticoagulantsConfit[prescription.anticoagulant] ===
309 
         "undefined"
 372 
         "undefined"
310 
       ) {
 373 
       ) {
311 
         return "";
 374 
         return "";
312 
       } else {
 375 
       } else {
313 
-
314 
         if (this.anticoagulantsConfit[prescription.anticoagulant].shouji != 1) {
 376 
         if (this.anticoagulantsConfit[prescription.anticoagulant].shouji != 1) {
315 
           return this.anticoagulantsConfit[prescription.anticoagulant].name;
 377 
           return this.anticoagulantsConfit[prescription.anticoagulant].name;
316 
         } else {
 378 
         } else {
333 
       var name = "";
 395 
       var name = "";
334 
       if (
 396 
       if (
335 
         this.adminUserOptions == null ||
 397 
         this.adminUserOptions == null ||
336 
-        typeof this.adminUserOptions.length == "undefined"
398 
+        typeof this.adminUserOptions.length === "undefined"
337 
       ) {
 399 
       ) {
338 
         return name;
 400 
         return name;
339 
       }
 401 
       }
414 
     @include align-items-center;
 476 
     @include align-items-center;
415 
     @include text-align;
 477 
     @include text-align;
416 
     @include justify-content-between;
 478 
     @include justify-content-between;
417 
-    width: 70%;
479 
+    width: 98%;
418 
     margin: 0 auto;
 480 
     margin: 0 auto;
419 
-    font-size: 0.32rem;
481 
+    font-size: 0.4rem;
420 
     color: $pgh-color;
 482 
     color: $pgh-color;
483 
+    @media only screen and (min-width: 768px) {
484 
+      width: 80%;
485 
+    }
421 
     li {
 486 
     li {
422 
       @include display-flex;
 487 
       @include display-flex;
423 
       @include align-items-center;
 488 
       @include align-items-center;
425 
       padding: 0.3rem 0;
 490 
       padding: 0.3rem 0;
426 
       .iconfont {
 491 
       .iconfont {
427 
         margin: 0 0.1rem;
 492 
         margin: 0 0.1rem;
428 
-  @media only screen and (max-width: 812px) {
429 
-  font-size: 12px !important;
430 
-  }
493 
+        // @media only screen and (max-width: 812px) {
494 
+        //   font-size: 12px !important;
495 
+        // }
431 
       }
 496 
       }
432 
       .line {
 497 
       .line {
433 
         background: #a8b3ba;
 498 
         background: #a8b3ba;
439 
     }
 504 
     }
440 
   }
 505 
   }
441 
 }
 506 
 }
442 
-.RecordTable{
443 
-  padding-top:0;
507 
+.RecordTable {
508 
+  padding-top: 0;
444 
   background: #fff;
 509 
   background: #fff;
445 
   min-height: calc(100vh - 180px);
 510 
   min-height: calc(100vh - 180px);
446 
 }
 511 
 }
447 
-.popover-demo-content{
512 
+.popover-demo-content {
448 
   max-height: 400px;
 513 
   max-height: 400px;
449 
   overflow-y: scroll;
 514 
   overflow-y: scroll;
450 
 }
 515 
 }
451 
 </style>
 516 
 </style>
452 
-
517 
+<style lang="scss">
518 
+.el-table td {
519 
+  padding: 0;
520 
+}
521 
+.el-table th {
522 
+  padding: 6px 0;
523 
+}
524 
+</style>

+ 77 - 69
src/pages/main/dialysis/SchedulTable.vue View File

1 
 <template>
 1 
 <template>
2 
-    <div>
3 
-      <van-list
4 
-        width="100%"
5 
-        v-model="loading"
6 
-        :finished="finished"
7 
-        @load="onLoad"
8 
-      >
9 
-        <div class="blueBorder"></div>
10 
-        <div class="tableTit " >
11 
-                <ul>
12 
-                    <li v-for="(item,index) in ['日期','班次','分区','机号','治疗模式']" :key="index" :value="item.value" >{{item}}</li>
13 
-                </ul>
2 
+  <div>
3 
+    <van-list width="100%" v-model="loading" :finished="finished" @load="onLoad">
4 
+      <div class="blueBorder"></div>
5 
+      <div class="schedulTable">
6 
+        <div class="tableTit">
7 
+          <ul>
8 
+            <li
9 
+              v-for="(item,index) in ['日期','班次','分区','机号','治疗模式']"
10 
+              :key="index"
11 
+              :value="item.value"
12 
+            >{{item}}</li>
13 
+          </ul>
14 
         </div>
 14 
         </div>
15 
-            <div class="tableDate" >
16 
-                <ul>
17 
-                    <li v-for="(item,index) in tableDate" :key="index" :value="item.value" >
18 
-                    <span>{{parseTime(item.schedule_date, "{y}-{m}-{d}")}}</span>
19 
-                    <span>{{scheduleType(item.schedule_type)}}</span>
20 
-                    <span>{{item.zone.name}}</span>
21 
-                    <span>{{item.bed.number}}</span>
22 
-                    <span>{{item.mode.name}}</span>
23 
-                    </li>
24 
-                </ul>
25 
-            </div>
26 
-      </van-list>
27 
-        <!--<div class="NoData" v-show="tableDate.length == 0"><img src="@/assets/login/data.jpg" alt=""></div>-->
28 
-      <div class="NoData" v-show="tableDate.length == 0"><img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt=""></div>
29 
-
15 
+        <div class="tableDate">
16 
+          <ul>
17 
+            <li v-for="(item,index) in tableDate" :key="index" :value="item.value">
18 
+              <span>{{parseTime(item.schedule_date, "{y}-{m}-{d}")}}</span>
19 
+              <span>{{scheduleType(item.schedule_type)}}</span>
20 
+              <span>{{item.zone.name}}</span>
21 
+              <span>{{item.bed.number}}</span>
22 
+              <span>{{item.mode.name}}</span>
23 
+            </li>
24 
+          </ul>
25 
+        </div>
26 
+      </div>
27 
+    </van-list>
28 
+    <!--<div class="NoData" v-show="tableDate.length == 0"><img src="@/assets/login/data.jpg" alt=""></div>-->
29 
+    <div class="NoData" v-show="tableDate.length == 0">
30 
+      <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
30 
     </div>
 31 
     </div>
32 
+  </div>
31 
 </template>
 33 
 </template>
32
34
33 
 <script>
 35 
 <script>
34 
-  import {parseTime} from "@/utils"
35 
-  import {getSchedualList} from '@/api/patient';
36 
+import { parseTime } from "@/utils";
37 
+import { getSchedualList } from "@/api/patient";
36 
 export default {
 38 
 export default {
37 
   name: "LongTable",
 39 
   name: "LongTable",
38 
-  created(){
39 
-    this.tableDate=[]
40 
+  created() {
41 
+    this.tableDate = [];
40 
     let params = {
 42 
     let params = {
41 
-      page : this.page + 1,
43 
+      page: this.page + 1,
42 
       limit: this.limit,
 44 
       limit: this.limit,
43 
       patient_id: this.$route.query.patient_id
 45 
       patient_id: this.$route.query.patient_id
44 
-    }
45 
-    getSchedualList(params).then(response =>{
46 
-      if(response.data.state == 0){
46 
+    };
47 
+    getSchedualList(params).then(response => {
48 
+      if (response.data.state == 0) {
47 
         return false;
 49 
         return false;
48 
-      }else{
49 
-        if(response.data.data.schedules.length == 0){
50 
-
51 
-        }else{
52 
-          for(let i = 0; i < response.data.data.schedules.length;i++){
53 
-            this.tableDate.push(response.data.data.schedules[i])
50 
+      } else {
51 
+        if (response.data.data.schedules.length == 0) {
52 
+        } else {
53 
+          for (let i = 0; i < response.data.data.schedules.length; i++) {
54 
+            this.tableDate.push(response.data.data.schedules[i]);
54 
           }
 55 
           }
55 
         }
 56 
         }
56 
       }
 57 
       }
57 
     });
 58 
     });
58 
-
59 
   },
 59 
   },
60 
   data() {
 60 
   data() {
61 
     return {
 61 
     return {
62 
       tableDate: [],
 62 
       tableDate: [],
63 
       loading: false,
 63 
       loading: false,
64 
       finished: false,
 64 
       finished: false,
65 
-      page:0,
66 
-      limit:15,
65 
+      page: 0,
66 
+      limit: 15
67 
     };
 67 
     };
68 
-
69 
-  },  methods: {
68 
+  },
69 
+  methods: {
70 
     parseTime(time, layout) {
 70 
     parseTime(time, layout) {
71 
-      return parseTime(time, layout)
72 
-    },onLoad() {
73 
-      this.page = this.page + 1
71 
+      return parseTime(time, layout);
72 
+    },
73 
+    onLoad() {
74 
+      this.page = this.page + 1;
74 
       let params = {
 75 
       let params = {
75 
-        page : this.page + 1,
76 
+        page: this.page + 1,
76 
         limit: this.limit,
 77 
         limit: this.limit,
77 
         patient_id: this.$route.query.patient_id
 78 
         patient_id: this.$route.query.patient_id
78 
-      }
79 
-      getAllEducationList(params).then(response =>{
80 
-        if(response.data.state == 0){
79 
+      };
80 
+      getAllEducationList(params).then(response => {
81 
+        if (response.data.state == 0) {
81 
           this.finished = true;
 82 
           this.finished = true;
82 
           this.loading = false;
 83 
           this.loading = false;
83 
           return false;
 84 
           return false;
84 
-        }else{
85 
-          if(response.data.data.schedules.length == 0){
85 
+        } else {
86 
+          if (response.data.data.schedules.length == 0) {
86 
             this.finished = true;
 87 
             this.finished = true;
87 
             this.loading = false;
 88 
             this.loading = false;
88 
-
89 
-          }else{
90 
-            for(let i = 0; i < response.data.data.schedules.length;i++){
91 
-              this.tableDate.push(response.data.data.schedules[i])
89 
+          } else {
90 
+            for (let i = 0; i < response.data.data.schedules.length; i++) {
91 
+              this.tableDate.push(response.data.data.schedules[i]);
92 
             }
 92 
             }
93 
             this.loading = false;
 93 
             this.loading = false;
94 
           }
 94 
           }
95 
         }
 95 
         }
96 
       });
 96 
       });
97 
-    }, scheduleType(scheduleType) {
97 
+    },
98 
+    scheduleType(scheduleType) {
98 
       var typeName = "";
 99 
       var typeName = "";
99 
       switch (scheduleType) {
 100 
       switch (scheduleType) {
100 
         case 1:
 101 
         case 1:
111 
           break;
 112 
           break;
112 
       }
 113 
       }
113 
       return typeName;
 114 
       return typeName;
114 
-    },
115 
+    }
115 
   }
 116 
   }
116 
 };
 117 
 };
117 
 </script>
 118 
 </script>
118
119
119 
 <style style="stylesheet/scss" lang="scss"  scoped>
 120 
 <style style="stylesheet/scss" lang="scss"  scoped>
121 
+.schedulTable {
122 
+  width: 100%;
123 
+  overflow: auto;
124 
+}
120 
 .tableTit {
 125 
 .tableTit {
121 
   background: $main-color;
 126 
   background: $main-color;
122 
   color: $text-color;
 127 
   color: $text-color;
123 
   @include box-sizing;
 128 
   @include box-sizing;
129 
+  width: 768px;
124 
   ul {
 130 
   ul {
125 
     @include display-flex;
 131 
     @include display-flex;
126 
     @include align-items-center;
 132 
     @include align-items-center;
127 
     @include text-align;
 133 
     @include text-align;
128 
     @include justify-content-center;
 134 
     @include justify-content-center;
135 
+
129 
     li {
 136 
     li {
130 
       @include flex;
 137 
       @include flex;
131 
       border-right: 2px #fff solid;
 138 
       border-right: 2px #fff solid;
132 
-      font-size: 0.3rem;
133 
-      height: 0.88rem;
134 
-      line-height: 0.88rem;
139 
+      font-size: 0.45rem;
140 
+      height: 1.2rem;
141 
+      line-height: 1.2rem;
135 
     }
 142 
     }
136 
     &:last-child {
 143 
     &:last-child {
137 
       border-right: none;
 144 
       border-right: none;
143 
   color: $pgh-color;
 150 
   color: $pgh-color;
144 
   @include box-sizing;
 151 
   @include box-sizing;
145 
   ul {
 152 
   ul {
153 
+    width: 768px;
146 
     li {
 154 
     li {
147 
-      font-size: 0.3rem;
148 
-      height: 0.88rem;
149 
-      line-height: 0.88rem;
155 
+      font-size: 0.45rem;
156 
+      height: 1.2rem;
157 
+      line-height: 1.2rem;
150 
       @include display-flex;
 158 
       @include display-flex;
151 
       @include align-items-center;
 159 
       @include align-items-center;
152 
       @include text-align;
 160 
       @include text-align;
157 
         border-bottom: 2px #fff solid;
 165 
         border-bottom: 2px #fff solid;
158 
         background: #ecf5ff;
 166 
         background: #ecf5ff;
159 
         display: inline-block;
 167 
         display: inline-block;
160 
-        height: 0.88rem;
161 
-        line-height: 0.88rem;
168 
+        height: 1.2rem;
169 
+        line-height: 1.2rem;
162 
         .iconfont {
 170 
         .iconfont {
163 
           color: $main-color;
 171 
           color: $main-color;
164 
           font-size: 0.3rem;
 172 
           font-size: 0.3rem;

+ 222 - 219
src/pages/main/index.vue View File

1 
 <template>
 1 
 <template>
2 
-
3 
   <div class="mainBox">
 2 
   <div class="mainBox">
4 
-    <div>
5 
-    <side-bar :active_index="0" :total_read_dot="readNum"></side-bar>
6 
-    <div class="mainContent">
7 
-      <record-page :un_read_wait_num="unReadWaitNum" :un_read_dialysis_num="unReadDialysisNum"></record-page>
8 
-    </div>
3 
+    <div class="newBox">
4 
+      <div class="mainContent">
5 
+        <record-page :un_read_wait_num="unReadWaitNum" :un_read_dialysis_num="unReadDialysisNum"></record-page>
6 
+      </div>
7 
+      <side-bar :active_index="0" :total_read_dot="readNum"></side-bar>
9 
     </div>
 8 
     </div>
10 
-
11 
   </div>
 9 
   </div>
12 
 </template>
 10 
 </template>
13
11
14
12
15 
-<script>
16 
-  import RecordPage from './RecordPage'
17 
-  import SideBar from '@/pages/layout/SideBar'
18 
-  import {getDialysisScheduals, getWaitingScheduals} from '@/api/dialysis'
19 
-  import {parseTime} from '@/utils/index'
20
13
21 
-  export default {
22 
-    name: 'Main',
23 
-    data () {
24 
-      return {
25 
-        timer:null,
26 
-        scheduals: [],
27 
-        advice_groups: [],
28 
-        unReadWaitNum: 0,
29 
-        unReadDialysisNum: 0,
30 
-      }
31 
-    },
32 
-    components: {
33 
-      RecordPage,
34 
-      SideBar,
35 
-    },
36 
-    created () {
37 
-      this.requestScheduals()
38 
-      this.requestDialysisScheduals()
39
14
40 
-    },
41 
-    methods: {
15 
+<script>
16 
+import RecordPage from "./RecordPage";
17 
+import SideBar from "@/pages/layout/SideBar";
18 
+import { getDialysisScheduals, getWaitingScheduals } from "@/api/dialysis";
19 
+import { parseTime } from "@/utils/index";
20 
+
21 
+export default {
22 
+  name: "Main",
23 
+  data() {
24 
+    return {
25 
+      timer: null,
26 
+      scheduals: [],
27 
+      advice_groups: [],
28 
+      unReadWaitNum: 0,
29 
+      unReadDialysisNum: 0
30 
+    };
31 
+  },
32 
+  components: {
33 
+    RecordPage,
34 
+    SideBar
35 
+  },
36 
+  created() {
37 
+    this.requestScheduals();
38 
+    this.requestDialysisScheduals();
39 
+  },
40 
+  methods: {
41 
+    requestScheduals() {
42 
+      var storedata = this.$store.getters.waitscheduals;
43 
+      var scheduals = storedata.waitscheduals;
44 
+      if (Object.keys(storedata).length > 0) {
45 
+        this.scheduals = scheduals;
46 
+        console.log(this.scheduals);
47 
+        let doctorAdvice = [];
48 
+        for (let i = 0; i < this.scheduals.length; i++) {
49 
+          for (let y = 0; y < this.scheduals[i].doctor_advice.length; y++) {
50 
+            if (this.scheduals[i].dialysis_order == null) {
51 
+              if (this.scheduals[i].doctor_advice[y].execution_state == 2) {
52 
+                doctorAdvice.push(this.scheduals[i].doctor_advice[y]);
53 
+              }
54 
+            }
55 
+          }
56 
+        }
42
57
43 
-      requestScheduals () {
44 
-        var storedata = this.$store.getters.waitscheduals
45 
-        var scheduals = storedata.waitscheduals
46 
-        if (Object.keys(storedata).length > 0){
47 
-              this.scheduals = scheduals
48 
-              console.log(this.scheduals)
49 
-              let doctorAdvice = []
50 
-              for (let i = 0; i < this.scheduals.length; i++) {
51 
-                for (let y = 0; y < this.scheduals[i].doctor_advice.length; y++) {
52 
-                  if(this.scheduals[i].dialysis_order == null ){
53 
-                    if (this.scheduals[i].doctor_advice[y].execution_state == 2) {
54 
-                      doctorAdvice.push(this.scheduals[i].doctor_advice[y])
55 
-                    }
58 
+        const sorted = this.groupBy(doctorAdvice, function(item) {
59 
+          return [item.groupno];
60 
+        });
61 
+        this.unReadWaitNum = sorted.length;
62 
+      } else {
63 
+        var date = parseTime(Date.parse(new Date()), "{y}-{m}-{d}");
64 
+        getWaitingScheduals({ date: date }).then(rs => {
65 
+          var resp = rs.data;
66 
+          this.$store.dispatch("SetRequestScheduals", { resp });
67 
+          // console.log(resp);
68 
+          if (resp.state == 1) {
69 
+            var scheduals = resp.data.scheduals;
70 
+            this.scheduals = scheduals;
71 
+            console.log(this.scheduals);
72 
+            let doctorAdvice = [];
73 
+            for (let i = 0; i < this.scheduals.length; i++) {
74 
+              for (let y = 0; y < this.scheduals[i].doctor_advice.length; y++) {
75 
+                if (this.scheduals[i].dialysis_order == null) {
76 
+                  if (this.scheduals[i].doctor_advice[y].execution_state == 2) {
77 
+                    doctorAdvice.push(this.scheduals[i].doctor_advice[y]);
56 
                   }
 78 
                   }
57 
                 }
 79 
                 }
58 
               }
 80 
               }
81 
+            }
59
82
60 
-              const sorted = this.groupBy(doctorAdvice, function (item) {
61 
-                return [item.groupno]
62 
-              })
63 
-              this.unReadWaitNum = sorted.length
83 
+            const sorted = this.groupBy(doctorAdvice, function(item) {
84 
+              return [item.groupno];
85 
+            });
64
86
65 
-        } else {
66 
-          var date = parseTime(Date.parse(new Date()), '{y}-{m}-{d}')
67 
-          getWaitingScheduals({date: date}).then(rs => {
68 
-            var resp = rs.data
69 
-             this.$store.dispatch("SetRequestScheduals",{resp})
70 
-            // console.log(resp);
87 
+            this.unReadWaitNum = sorted.length;
88 
+          } else {
89 
+            this.$toast({
90 
+              message: resp.msg
91 
+            });
92 
+          }
93 
+        });
94 
+      }
95 
+    },
96 
+    requestDialysisScheduals() {
97 
+      var storedata = this.$store.getters.scheduals;
98 
+      var scheduals = storedata.scheduals;
99 
+      if (Object.keys(storedata).length > 0) {
100 
+        let doctorAdvice = [];
101 
+        for (let index = 0; index < scheduals.length; index++) {
102 
+          const schedual = scheduals[index];
103 
+          if (schedual.dialysis_order == null) {
104 
+            continue;
105 
+          }
106 
+          for (let y = 0; y < schedual.doctor_advice.length; y++) {
107 
+            if (schedual.doctor_advice[y].execution_state == 2) {
108 
+              doctorAdvice.push(schedual.doctor_advice[y]);
109 
+            }
110 
+          }
111 
+        }
112 
+
113 
+        const sorted = this.groupBy(doctorAdvice, function(item) {
114 
+          return [item.groupno];
115 
+        });
116 
+
117 
+        this.unReadDialysisNum = sorted.length;
118 
+      } else {
119 
+        var date = this.$store.getters.app.dialysis_area.schedule_date;
120 
+        var type = 0;
121 
+        getDialysisScheduals({
122 
+          type: type,
123 
+          date: parseTime(date, "{y}-{m}-{d}")
124 
+        })
125 
+          .then(rs => {
126 
+            var resp = rs.data;
127 
+            this.$store.dispatch("SetRequestDialysisScheduals", { resp });
71 
             if (resp.state == 1) {
 128 
             if (resp.state == 1) {
72 
-              var scheduals = resp.data.scheduals
73 
-              this.scheduals = scheduals
74 
-              console.log(this.scheduals)
75 
-              let doctorAdvice = []
76 
-              for (let i = 0; i < this.scheduals.length; i++) {
77 
-                for (let y = 0; y < this.scheduals[i].doctor_advice.length; y++) {
78 
-                  if(this.scheduals[i].dialysis_order == null ){
79 
-                    if (this.scheduals[i].doctor_advice[y].execution_state == 2) {
80 
-                      doctorAdvice.push(this.scheduals[i].doctor_advice[y])
81 
-                    }
129 
+              var scheduals = resp.data.scheduals;
130 
+              let doctorAdvice = [];
131 
+              for (let index = 0; index < scheduals.length; index++) {
132 
+                const schedual = scheduals[index];
133 
+                if (schedual.dialysis_order == null) {
134 
+                  continue;
135 
+                }
136 
+                for (let y = 0; y < schedual.doctor_advice.length; y++) {
137 
+                  if (schedual.doctor_advice[y].execution_state == 2) {
138 
+                    doctorAdvice.push(schedual.doctor_advice[y]);
82 
                   }
 139 
                   }
83 
                 }
 140 
                 }
84 
               }
 141 
               }
85
142
86 
-              const sorted = this.groupBy(doctorAdvice, function (item) {
87 
-                return [item.groupno]
88 
-              })
89 
-
90 
-
91 
-              this.unReadWaitNum = sorted.length
143 
+              const sorted = this.groupBy(doctorAdvice, function(item) {
144 
+                return [item.groupno];
145 
+              });
92
146
147 
+              this.unReadDialysisNum = sorted.length;
93 
             } else {
 148 
             } else {
94 
               this.$toast({
 149 
               this.$toast({
95 
                 message: resp.msg
 150 
                 message: resp.msg
96 
-              })
151 
+              });
97 
             }
 152 
             }
98 
           })
 153 
           })
99 
-        }
100 
-      },
101 
-      requestDialysisScheduals () {
102 
-        var storedata = this.$store.getters.scheduals
103 
-        var scheduals = storedata.scheduals
104 
-        if (Object.keys(storedata).length > 0){
105 
-          let doctorAdvice = []
106 
-          for (let index = 0; index < scheduals.length; index++) {
107 
-            const schedual = scheduals[index]
108 
-            if (schedual.dialysis_order == null) {
109 
-              continue
110 
-            }
111 
-            for (let y = 0; y < schedual.doctor_advice.length; y++) {
112 
-              if (schedual.doctor_advice[y].execution_state == 2) {
113 
-                doctorAdvice.push(schedual.doctor_advice[y])
114 
-              }
115 
-            }
116 
-          }
117 
-
118 
-          const sorted = this.groupBy(doctorAdvice, function (item) {
119 
-            return [item.groupno]
120 
-          })
121 
-
122 
-          this.unReadDialysisNum = sorted.length
123 
-        }else {
124 
-          var date = this.$store.getters.app.dialysis_area.schedule_date
125 
-          var type = 0
126 
-          getDialysisScheduals({type: type, date: parseTime(date, '{y}-{m}-{d}')})
127 
-            .then(rs => {
128 
-              var resp = rs.data
129 
-              this.$store.dispatch("SetRequestDialysisScheduals",{resp})
130 
-              if (resp.state == 1) {
131 
-                var scheduals = resp.data.scheduals
132 
-                let doctorAdvice = []
133 
-                for (let index = 0; index < scheduals.length; index++) {
134 
-                  const schedual = scheduals[index]
135 
-                  if (schedual.dialysis_order == null) {
136 
-                    continue
137 
-                  }
138 
-                  for (let y = 0; y < schedual.doctor_advice.length; y++) {
139 
-                    if (schedual.doctor_advice[y].execution_state == 2) {
140 
-                      doctorAdvice.push(schedual.doctor_advice[y])
141 
-                    }
142 
-                  }
143 
-                }
144 
-
145 
-                const sorted = this.groupBy(doctorAdvice, function (item) {
146 
-                  return [item.groupno]
147 
-                })
148 
-
149 
-                this.unReadDialysisNum = sorted.length
150 
-
151 
-              } else {
152 
-                this.$toast({
153 
-                  message: resp.msg
154 
-                })
155 
-              }
156 
-            })
157 
-            .catch(v => {
158 
-            })
159 
-          }
160 
-      }, groupBy (array, f) {
161 
-        const groups = {}
162 
-        array.forEach(function (o) {
163 
-          const group = JSON.stringify(f(o))
164 
-          groups[group] = groups[group] || []
165 
-          groups[group].push(o)
166 
-        })
167 
-        return Object.keys(groups).map(function (group) {
168 
-          return groups[group]
169 
-        })
170 
-      },getData(){
171 
-        console.log("111111")
172 
-        // this.requestScheduals()
173 
-        // this.requestDialysisScheduals()
154 
+          .catch(v => {});
174 
       }
 155 
       }
175 
-
176 
     },
 156 
     },
177 
-    computed: {
178 
-      readNum: function () {
179 
-        return this.unReadWaitNum + this.unReadDialysisNum
180 
-
181 
-      }
182 
-
183 
-    }, mounted(){
184 
-      this.timer =   window.setInterval(() => {
185 
-        setTimeout(this.getData(), 0)
186 
-      }, 30000)
187 
-
188 
-
189 
-    },beforeDestroy() {
190 
-      clearInterval(this.timer);
191 
-      this.timer = null;
157 
+    groupBy(array, f) {
158 
+      const groups = {};
159 
+      array.forEach(function(o) {
160 
+        const group = JSON.stringify(f(o));
161 
+        groups[group] = groups[group] || [];
162 
+        groups[group].push(o);
163 
+      });
164 
+      return Object.keys(groups).map(function(group) {
165 
+        return groups[group];
166 
+      });
192 
     },
 167 
     },
193 
-
168 
+    getData() {
169 
+      console.log("111111");
170 
+      // this.requestScheduals()
171 
+      // this.requestDialysisScheduals()
172 
+    }
173 
+  },
174 
+  computed: {
175 
+    readNum: function() {
176 
+      return this.unReadWaitNum + this.unReadDialysisNum;
177 
+    }
178 
+  },
179 
+  mounted() {
180 
+    this.timer = window.setInterval(() => {
181 
+      setTimeout(this.getData(), 0);
182 
+    }, 30000);
183 
+  },
184 
+  beforeDestroy() {
185 
+    clearInterval(this.timer);
186 
+    this.timer = null;
194 
   }
 187 
   }
188 
+};
195 
 </script>
 189 
 </script>
196
190
197 
 <style style="stylesheet/scss" lang="scss" scoped>
 191 
 <style style="stylesheet/scss" lang="scss" scoped>
198 
-  html,
199 
-  body {
192 
+html,
193 
+body {
200 
   height: 100%;
 194 
   height: 100%;
201 
-  }
202 
-  .mainBox {
195 
+}
196 
+.mainBox {
203 
   height: 100%;
 197 
   height: 100%;
204 
-  font-size:0.3rem;
198 
+  font-size: 0.3rem;
205 
   .sideColumn {
 199 
   .sideColumn {
206 
-  .column {
207 
-  .head {
208 
-  @include display-flex;
209 
-  @include align-items-center;
210 
-  @include flex-direction;
211 
-  @include text-align;
212 
-  @include justify-content-center;
213 
-  margin: 0.5rem 0 0.5rem 0;
214 
-  img {
215 
-  width: 100%;
216 
-  height: 100%;
217 
-  border-radius: 0.5rem;
218 
-  width: 0.7rem;
219 
-  height: 0.7rem;
220 
-  }
221 
-  }
222 
-  .sidebar {
223 
-  @include display-flex;
224 
-  @include align-items-center;
225 
-  @include flex-direction;
226 
-  @include text-align;
227 
-  padding: 0;
228 
-  li {
229 
-  padding: 0 0 0.8rem 0;
230 
-  a {
231 
-  color: #a8b3ba;
232 
-  display: inline-block;
233 
-  padding: 0;
234 
-  margin: 0;
235 
-  p {
236 
-  font-size: 0.24rem;
237 
-  margin-top: 0.2rem;
238 
-  }
239 
-  .iconfont {
240 
-  font-size: 0.5rem;
241 
-  display: inline-block;
242 
-  }
243 
-  }
244 
-  &.active {
245 
-  a {
246 
-  color: #409eff;
247 
-  }
248 
-  }
249 
-  }
250 
-  }
251 
-  }
252 
-  }
200 
+    .column {
201 
+      .head {
202 
+        @include display-flex;
203 
+        @include align-items-center;
204 
+        @include flex-direction;
205 
+        @include text-align;
206 
+        @include justify-content-center;
207 
+        margin: 0.5rem 0 0.5rem 0;
208 
+        img {
209 
+          width: 100%;
210 
+          height: 100%;
211 
+          border-radius: 0.5rem;
212 
+          width: 0.7rem;
213 
+          height: 0.7rem;
214 
+        }
215 
+      }
216 
+      .sidebar {
217 
+        @include display-flex;
218 
+        @include align-items-center;
219 
+        @include flex-direction;
220 
+        @include text-align;
221 
+        padding: 0;
222 
+        li {
223 
+          padding: 0 0 0.8rem 0;
224 
+          a {
225 
+            color: #a8b3ba;
226 
+            display: inline-block;
227 
+            padding: 0;
228 
+            margin: 0;
229 
+            p {
230 
+              font-size: 0.24rem;
231 
+              margin-top: 0.2rem;
232 
+            }
233 
+            .iconfont {
234 
+              font-size: 0.5rem;
235 
+              display: inline-block;
236 
+            }
237 
+          }
238 
+          &.active {
239 
+            a {
240 
+              color: #409eff;
241 
+            }
242 
+          }
243 
+        }
244 
+      }
245 
+    }
253 
   }
 246 
   }
254 
-  .mainContent{
255 
-  margin: 0 0 0 1.58rem;
247 
+}
248 
+.mainContent {
249 
+  // margin: 0 0 0 1.58rem;
250 
+}
251 
+.newBox {
252 
+  display: flex;
253 
+  flex-direction: column;
254 
+  height: 100%;
255 
+  overflow: hidden;
256 
+  > :first-child {
257 
+    flex: 1;
258 
+    overflow: auto;
256 
   }
 259 
   }
257 
-
260 
+}
258 
 </style>
 261 
 </style>

+ 18 - 9
src/pages/main/records/CaseHistory.vue View File

1 
 <template>
 1 
 <template>
2 
   <div>
 2 
   <div>
3 
     <div class="nav">
 3 
     <div class="nav">
4 
-      <ul style="width: 30%">
4 
+      <ul style="width: 50%">
5 
         <li
 5 
         <li
6 
           v-for="(item, i) in ['基本信息', '检验检查', '医嘱']"
 6 
           v-for="(item, i) in ['基本信息', '检验检查', '医嘱']"
7 
           :key="i"
 7 
           :key="i"
8 
           :class="index == i ? 'active' : ''"
 8 
           :class="index == i ? 'active' : ''"
9 
           @click="ClickTab(i, item)"
 9 
           @click="ClickTab(i, item)"
10 
-        >
11 
-          {{ item }}
12 
-        </li>
10 
+        >{{ item }}</li>
13 
       </ul>
 11 
       </ul>
14 
     </div>
 12 
     </div>
15 
-
16 
     <div class="tab-content">
 13 
     <div class="tab-content">
17 
       <records-tab v-show="index == 0"></records-tab>
 14 
       <records-tab v-show="index == 0"></records-tab>
18 
       <check-tab v-show="index == 1" ref="item"></check-tab>
 15 
       <check-tab v-show="index == 1" ref="item"></check-tab>
76 
   top: 63px;
 73 
   top: 63px;
77 
   right: 0;
 74 
   right: 0;
78 
   z-index: 66;
 75 
   z-index: 66;
79 
-  left: 1.58rem;
76 
+  left: 0;
80 
   background: #fff;
 77 
   background: #fff;
81 
   background: #fff;
 78 
   background: #fff;
82 
-  @media only screen and (max-width: 812px) {
83 
-    top: 45px !important;
79 
+  @media only screen and (max-width: 767px) {
80 
+    top: 38px !important;
81 
+  }
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) {
89 
+    top: 67px;
84 
   }
 90 
   }
91 
+  // @media only screen and (min-width: 737px) and (max-width: 768px) {
92 
+  //   padding-top: 20px;
93 
+  // }
85 
   ul {
 94 
   ul {
86 
     width: 60%;
 95 
     width: 60%;
87 
     margin: 0 auto;
 96 
     margin: 0 auto;
91 
     @include text-align;
 100 
     @include text-align;
92 
     @include justify-content-between;
 101 
     @include justify-content-between;
93 
     li {
 102 
     li {
94 
-      font-size: 0.32rem;
103 
+      font-size: 0.45rem;
95 
       float: left;
 104 
       float: left;
96 
       color: $pgh-color;
 105 
       color: $pgh-color;
97 
       padding: 0.3rem 0;
 106 
       padding: 0.3rem 0;

+ 5 - 2
src/pages/main/records/RecordsTab.vue View File

339 
   width: 100%;
 339 
   width: 100%;
340 
   padding-top:62px;
340 
   padding-top:62px;
341 
   min-height: calc(100vh - 130px);
 341 
   min-height: calc(100vh - 130px);
342 
+  @media only screen and (min-width: 737px) and (max-width: 768px) {
343 
+    padding-top: 100px;
344 
+  }
342 
   .data {
 345 
   .data {
343 
     width: 11rem;
 346 
     width: 11rem;
344 
     margin: 0 auto;
 347 
     margin: 0 auto;
350 
       padding: 0.25rem 0;
 353 
       padding: 0.25rem 0;
351 
       margin: 0 0.2rem 0 0;
 354 
       margin: 0 0.2rem 0 0;
352 
       .name {
 355 
       .name {
353 
-        font-size: 0.32rem;
356 
+        font-size: 0.45rem;
354 
         color: $pgh-color;
 357 
         color: $pgh-color;
355 
       }
 358 
       }
356 
       .text {
 359 
       .text {
357 
-        font-size: 0.3rem;
360 
+        font-size: 0.45rem;
358 
         color: $pgh-color;
 361 
         color: $pgh-color;
359 
       }
 362 
       }
360 
     }
 363 
     }

File diff suppressed because it is too large
+ 1079 - 1011
src/pages/main/today/TodayTab.vue


+ 173 - 145
src/pages/main/today/acceptsAssessment.vue View File

1 
 <template>
 1 
 <template>
2 
   <div class="plate-box">
 2 
   <div class="plate-box">
3 
-    <h2 class="title"><span class="line"></span><p>{{title}}</p><span class="line"></span> </h2>
4 
-    <div class="plate " >
3 
+    <h2 class="title">
4 
+      <span class="line"></span>
5 
+      <p>{{title}}</p>
6 
+      <span class="line"></span>
7 
+    </h2>
8 
+    <div class="plate">
5 
       <ul>
 9 
       <ul>
6 
-        <li style="height: 0.6rem;" v-if="isShow('入室方式')">
7 
-          <label>入室方式 : </label>
10 
+        <li v-if="isShow('入室方式')">
11 
+          <label>入室方式 :</label>
8 
           <span class="content">{{way}}</span>
 12 
           <span class="content">{{way}}</span>
9 
         </li>
 13 
         </li>
10 
-        <li style="height: 0.6rem;" v-if="isShow('病人情况')">
11 
-          <label>病人情况 : </label>
14 
+        <li v-if="isShow('病人情况')">
15 
+          <label>病人情况 :</label>
12 
           <span class="content">{{condition}}</span>
 16 
           <span class="content">{{condition}}</span>
13 
         </li>
 17 
         </li>
14 
-        <li style="height: 0.6rem;" v-if="isShow('病人意识')">
15 
-          <label>病人意识 : </label>
18 
+        <li v-if="isShow('病人意识')">
19 
+          <label>病人意识 :</label>
16 
           <span class="content">{{consciousness}}</span>
 20 
           <span class="content">{{consciousness}}</span>
17 
         </li>
 21 
         </li>
18 
-        <li style="height: 0.6rem;" v-if="isShow('体位')">
19 
-          <label>体位 : </label>
22 
+        <li v-if="isShow('体位')">
23 
+          <label>体位 :</label>
20 
           <span class="content">{{posture}}</span>
 24 
           <span class="content">{{posture}}</span>
21 
         </li>
 25 
         </li>
22 
-      <!-- </ul>
26 
+        <!-- </ul>
23
27
24 
-      <ul> -->
25 
-        <li style="height: 0.6rem;" v-if="isShow('病人食欲')">
26 
-          <label>病人食欲 : </label>
28 
+        <ul>-->
29 
+        <li v-if="isShow('病人食欲')">
30 
+          <label>病人食欲 :</label>
27 
           <span class="content">{{appetite}}</span>
 31 
           <span class="content">{{appetite}}</span>
28 
         </li>
 32 
         </li>
29 
-        <li style="height: 0.6rem;" v-if="isShow('病情')">
30 
-          <label>病情 </label>
31 
-          <span class="content">{{sickCondition}} </span>
33 
+        <li v-if="isShow('病情')">
34 
+          <label>病情</label>
35 
+          <span class="content">{{sickCondition}}</span>
32 
         </li>
 36 
         </li>
33
37
34 
-        <li style="height: 0.6rem;" v-if="isShow('跌倒风险评估评分')">
38 
+        <li v-if="isShow('跌倒风险评估评分')">
35 
           <label>跌倒风险评估评分:</label>
 39 
           <label>跌倒风险评估评分:</label>
36 
           <span class="content">{{this.record.score}}分</span>
 40 
           <span class="content">{{this.record.score}}分</span>
37 
         </li>
 41 
         </li>
38 
-        <li style="height: 0.6rem;" v-if="isShow('风险程度')">
42 
+        <li v-if="isShow('风险程度')">
39 
           <label>风险程度:</label>
 43 
           <label>风险程度:</label>
40 
           <span class="content">{{dangerLevel}}</span>
 44 
           <span class="content">{{dangerLevel}}</span>
41 
         </li>
 45 
         </li>
42
46
43 
-        <li style="height: 0.6rem;" v-if="isShow('跌倒风险预防措施')">
47 
+        <li v-if="isShow('跌倒风险预防措施')">
44 
           <label>跌倒风险预防措施:</label>
 48 
           <label>跌倒风险预防措施:</label>
45 
           <span class="content">{{precautions}}</span>
 49 
           <span class="content">{{precautions}}</span>
46 
         </li>
 50 
         </li>
47
51
48 
-        <li style="height: 0.6rem;" v-if="isShow('其他跌倒风险预防措施')">
52 
+        <li v-if="isShow('其他跌倒风险预防措施')">
49 
           <label>其他跌倒风险预防措施:</label>
 53 
           <label>其他跌倒风险预防措施:</label>
50 
           <span class="content">{{this.record.precaution_other}}</span>
 54 
           <span class="content">{{this.record.precaution_other}}</span>
51 
         </li>
 55 
         </li>
52
56
53 
-        <li style="height: 0.6rem;" v-if="isShow('其他病情')">
54 
-          <label>其他病情 </label>
55 
-          <span class="content">{{this.record.sick_condition_other}} </span>
57 
+        <li v-if="isShow('其他病情')">
58 
+          <label>其他病情</label>
59 
+          <span class="content">{{this.record.sick_condition_other}}</span>
56 
         </li>
 60 
         </li>
57
61
58 
-        <li style="height: 0.6rem;"  v-if="isShow('摄入量')">
62 
+        <li v-if="isShow('摄入量')">
59 
           <label>摄入量:</label>
 63 
           <label>摄入量:</label>
60 
           <span class="content">{{intakes}}</span>
 64 
           <span class="content">{{intakes}}</span>
61 
         </li>
 65 
         </li>
62
66
63 
-      <!-- </ul>
67 
+        <!-- </ul>
64
68
65 
-      <ul > -->
66 
-        <li style="height: 0.6rem;" v-if="isShow('营养状况')">
69 
+        <ul >-->
70 
+        <li v-if="isShow('营养状况')">
67 
           <label>营养状况:</label>
 71 
           <label>营养状况:</label>
68 
           <span class="content">{{nutritions}}</span>
 72 
           <span class="content">{{nutritions}}</span>
69 
         </li>
 73 
         </li>
70 
-        <li style="height: 0.6rem;" v-if="isShow('心理评估')">
71 
-          <label> 心理评估</label>
74 
+        <li v-if="isShow('心理评估')">
75 
+          <label>心理评估</label>
72 
           <span class="content">{{psychologicalAssessment}}</span>
 76 
           <span class="content">{{psychologicalAssessment}}</span>
73 
         </li>
 77 
         </li>
74 
-        <li style="height: 0.6rem;" v-if="isShow('心理评估异常原因')&&this.record.psychological_assessment == 2 ">
78 
+        <li v-if="isShow('心理评估异常原因')&&this.record.psychological_assessment == 2 ">
75 
           <label>心理评估异常原因:</label>
 79 
           <label>心理评估异常原因:</label>
76 
           <span class="content">{{this.record.psychological_assessment_other}}</span>
 80 
           <span class="content">{{this.record.psychological_assessment_other}}</span>
77 
         </li>
 81 
         </li>
78 
-        <li style="height: 0.6rem;" v-if="isShow('其他心理评估') ">
82 
+        <li v-if="isShow('其他心理评估') ">
79 
           <label>其他心理评估:</label>
 83 
           <label>其他心理评估:</label>
80 
           <span class="content">{{this.record.psychological_other}}</span>
 84 
           <span class="content">{{this.record.psychological_other}}</span>
81 
         </li>
 85 
         </li>
82 
-
83 
       </ul>
 86 
       </ul>
84 
-
85 
     </div>
 87 
     </div>
86 
   </div>
 88 
   </div>
87 
 </template>
 89 
 </template>
88
90
89 
 <script>
 91 
 <script>
90 
 export default {
 92 
 export default {
91 
-  name: 'AcceptsAssessment',
92 
-  data () {
93 
+  name: "AcceptsAssessment",
94 
+  data() {
93 
     return {
 95 
     return {
94 
-      title: '接诊评估 ',
96 
+      title: "接诊评估 ",
95
97
96 
       ways: {
 98 
       ways: {
97 
-        '1': '步行',
98 
-        '2': '扶行',
99 
-        '3': '轮椅',
100 
-        '4': '平车'
99 
+        "1": "步行",
100 
+        "2": "扶行",
101 
+        "3": "轮椅",
102 
+        "4": "平车"
101 
       },
 103 
       },
102 
       conditions: {
 104 
       conditions: {
103 
-        '1': '住院',
104 
-        '2': '门诊',
105 
-        '3': '手术期'
105 
+        "1": "住院",
106 
+        "2": "门诊",
107 
+        "3": "手术期"
106 
       },
 108 
       },
107 
       consciousnesses: {
 109 
       consciousnesses: {
108 
-        '1': '清醒',
109 
-        '2': '嗜睡',
110 
-        '3': '昏迷',
111 
-        '4': '模糊'
110 
+        "1": "清醒",
111 
+        "2": "嗜睡",
112 
+        "3": "昏迷",
113 
+        "4": "模糊"
112 
       },
 114 
       },
113 
       appetites: {
 115 
       appetites: {
114 
-        '1': '正常',
115 
-        '2': '减退',
116 
-        '3': '恶心',
117 
-        '4': '呕吐',
118 
-        '5': '腹泻'
116 
+        "1": "正常",
117 
+        "2": "减退",
118 
+        "3": "恶心",
119 
+        "4": "呕吐",
120 
+        "5": "腹泻"
119 
       },
 121 
       },
120 
       postures: {
 122 
       postures: {
121 
-        '1': '自动体位',
122 
-        '2': '平卧位',
123 
-        '3': '半卧位',
124 
-        '4': '端坐位',
125 
-        '5': '躁动不安'
123 
+        "1": "自动体位",
124 
+        "2": "平卧位",
125 
+        "3": "半卧位",
126 
+        "4": "端坐位",
127 
+        "5": "躁动不安"
126 
       },
 128 
       },
127 
-sick_condition: {
128 
-        '1': '一般',
129 
-        '2': '重',
130 
-        '3': '危'
129 
+      sick_condition: {
130 
+        "1": "一般",
131 
+        "2": "重",
132 
+        "3": "危"
131 
       },
 133 
       },
132 
-danger_level: {
133 
-        '1': '无',
134 
-        '2': '低风险',
135 
-        '3': '中度风险',
136 
-        '4': '高风险'
137 
-
134 
+      danger_level: {
135 
+        "1": "无",
136 
+        "2": "低风险",
137 
+        "3": "中度风险",
138 
+        "4": "高风险"
139 
+      },
140 
+      intake: {
141 
+        "1": "正常",
142 
+        "2": "减少"
138 
       },
 143 
       },
139 
-intake: {
140 
-        '1': '正常',
141 
-        '2': '减少'
142 
-      },
143 
-nutrition: {
144 
-        '1': '正常',
145 
-        '2': '营养不良'
146 
-      },
147 
-psychological_assessment: {
148 
-        '1': '正常',
149 
-        '2': '异常'
150 
-      },
151 
-precautionss: {
152 
-        '1': '镇定剂',
153 
-        '2': '约束带',
154 
-        '3': '床栏',
155 
-        '4': '加强宣教'
144 
+      nutrition: {
145 
+        "1": "正常",
146 
+        "2": "营养不良"
147 
+      },
148 
+      psychological_assessment: {
149 
+        "1": "正常",
150 
+        "2": "异常"
151 
+      },
152 
+      precautionss: {
153 
+        "1": "镇定剂",
154 
+        "2": "约束带",
155 
+        "3": "床栏",
156 
+        "4": "加强宣教"
156 
       }
 157 
       }
157 
-    }
158 
+    };
158 
   },
 159 
   },
159 
   props: {
 160 
   props: {
160 
     record: {
 161 
     record: {
162 
     }
 163 
     }
163 
   },
 164 
   },
164 
   computed: {
 165 
   computed: {
165 
-
166 
-    way: function () {
167 
-      if (this.record == null || this.record.id == '') {
168 
-        return ''
166 
+    way: function() {
167 
+      if (this.record == null || this.record.id == "") {
168 
+        return "";
169 
       } else {
 169 
       } else {
170 
-        return this.ways[this.record.way] == undefined ? '' : (this.ways[this.record.way] + '')
170 
+        return this.ways[this.record.way] == undefined
171 
+          ? ""
172 
+          : this.ways[this.record.way] + "";
171 
       }
 173 
       }
172 
     },
 174 
     },
173 
-    condition: function () {
174 
-      if (this.record == null || this.record.id == '') {
175 
-        return ''
175 
+    condition: function() {
176 
+      if (this.record == null || this.record.id == "") {
177 
+        return "";
176 
       } else {
 178 
       } else {
177 
-        return this.conditions[this.record.condition] == undefined ? '' : this.conditions[this.record.condition] + ''
179 
+        return this.conditions[this.record.condition] == undefined
180 
+          ? ""
181 
+          : this.conditions[this.record.condition] + "";
178 
       }
 182 
       }
179 
     },
 183 
     },
180 
-    consciousness: function () {
181 
-      if (this.record == null || this.record.id == '') {
182 
-        return ''
184 
+    consciousness: function() {
185 
+      if (this.record == null || this.record.id == "") {
186 
+        return "";
183 
       } else {
 187 
       } else {
184 
-        return this.consciousnesses[this.record.consciousness] == undefined ? '' : this.consciousnesses[this.record.consciousness] + ''
188 
+        return this.consciousnesses[this.record.consciousness] == undefined
189 
+          ? ""
190 
+          : this.consciousnesses[this.record.consciousness] + "";
185 
       }
 191 
       }
186 
     },
 192 
     },
187 
-    appetite: function () {
188 
-      if (this.record == null || this.record.id == '') {
189 
-        return ''
193 
+    appetite: function() {
194 
+      if (this.record == null || this.record.id == "") {
195 
+        return "";
190 
       } else {
 196 
       } else {
191 
-        return this.appetites[this.record.appetite] == undefined ? '' : this.appetites[this.record.appetite] + ''
197 
+        return this.appetites[this.record.appetite] == undefined
198 
+          ? ""
199 
+          : this.appetites[this.record.appetite] + "";
192 
       }
 200 
       }
193 
     },
 201 
     },
194 
-    posture: function () {
195 
-      if (this.record == null || this.record.id == '') {
196 
-        return ''
202 
+    posture: function() {
203 
+      if (this.record == null || this.record.id == "") {
204 
+        return "";
197 
       } else {
 205 
       } else {
198 
-        return this.postures[this.record.posture] == undefined ? '' : this.postures[this.record.posture] + ''
206 
+        return this.postures[this.record.posture] == undefined
207 
+          ? ""
208 
+          : this.postures[this.record.posture] + "";
199 
       }
 209 
       }
200 
-    },
201 
-sickCondition: function () {
202 
-      if (this.record == null || this.record.id == '') {
203 
-        return ''
210 
+    },
211 
+    sickCondition: function() {
212 
+      if (this.record == null || this.record.id == "") {
213 
+        return "";
204 
       } else {
 214 
       } else {
205 
-        return this.sick_condition[this.record.sick_condition] == undefined ? '' : this.sick_condition[this.record.sick_condition] + ''
215 
+        return this.sick_condition[this.record.sick_condition] == undefined
216 
+          ? ""
217 
+          : this.sick_condition[this.record.sick_condition] + "";
206 
       }
 218 
       }
207 
-    },
208 
-dangerLevel: function () {
209 
-      if (this.record == null || this.record.id == '') {
210 
-        return ''
219 
+    },
220 
+    dangerLevel: function() {
221 
+      if (this.record == null || this.record.id == "") {
222 
+        return "";
211 
       } else {
 223 
       } else {
212 
-        return this.danger_level[this.record.danger_level] == undefined ? '' : this.danger_level[this.record.danger_level] + ''
224 
+        return this.danger_level[this.record.danger_level] == undefined
225 
+          ? ""
226 
+          : this.danger_level[this.record.danger_level] + "";
213 
       }
 227 
       }
214 
-    },
215 
-precautions: function () {
216 
-      if (this.record == null || this.record.id == '') {
217 
-        return ''
228 
+    },
229 
+    precautions: function() {
230 
+      if (this.record == null || this.record.id == "") {
231 
+        return "";
218 
       } else {
 232 
       } else {
219 
-        return this.precautionss[this.record.precaution] == undefined ? '' : this.precautionss[this.record.precaution] + ''
233 
+        return this.precautionss[this.record.precaution] == undefined
234 
+          ? ""
235 
+          : this.precautionss[this.record.precaution] + "";
220 
       }
 236 
       }
221 
-    },
222 
-intakes: function () {
223 
-      if (this.record == null || this.record.id == '') {
224 
-        return ''
237 
+    },
238 
+    intakes: function() {
239 
+      if (this.record == null || this.record.id == "") {
240 
+        return "";
225 
       } else {
 241 
       } else {
226 
-        return this.intake[this.record.intake] == undefined ? '' : this.intake[this.record.intake] + ''
242 
+        return this.intake[this.record.intake] == undefined
243 
+          ? ""
244 
+          : this.intake[this.record.intake] + "";
227 
       }
 245 
       }
228 
-    },
229 
-nutritions: function () {
230 
-      if (this.record == null || this.record.id == '') {
231 
-        return ''
246 
+    },
247 
+    nutritions: function() {
248 
+      if (this.record == null || this.record.id == "") {
249 
+        return "";
232 
       } else {
 250 
       } else {
233 
-        return this.nutrition[this.record.nutrition] == undefined ? '' : this.nutrition[this.record.nutrition] + ''
251 
+        return this.nutrition[this.record.nutrition] == undefined
252 
+          ? ""
253 
+          : this.nutrition[this.record.nutrition] + "";
234 
       }
 254 
       }
235 
-    },
236 
-psychologicalAssessment: function () {
237 
-      if (this.record == null || this.record.id == '') {
238 
-        return ''
255 
+    },
256 
+    psychologicalAssessment: function() {
257 
+      if (this.record == null || this.record.id == "") {
258 
+        return "";
239 
       } else {
 259 
       } else {
240 
-        return this.psychological_assessment[this.record.psychological_assessment] == undefined ? '' : this.psychological_assessment[this.record.psychological_assessment] + ''
260 
+        return this.psychological_assessment[
261 
+          this.record.psychological_assessment
262 
+        ] == undefined
263 
+          ? ""
264 
+          : this.psychological_assessment[
265 
+              this.record.psychological_assessment
266 
+            ] + "";
241 
       }
 267 
       }
242 
     }
 268 
     }
243 
   },
 269 
   },
244 
   methods: {
 270 
   methods: {
245 
-    isShow (name) {
246 
-      var filedList = this.$store.getters.user.fileds
271 
+    isShow(name) {
272 
+      var filedList = this.$store.getters.user.fileds;
247
273
248 
       for (let i = 0; i < filedList.length; i++) {
 274 
       for (let i = 0; i < filedList.length; i++) {
249 
-        if (filedList[i].module == 2 && filedList[i].filed_name_cn == name && filedList[i].is_show == 1) {
250 
-          return true
275 
+        if (
276 
+          filedList[i].module == 2 &&
277 
+          filedList[i].filed_name_cn == name &&
278 
+          filedList[i].is_show == 1
279 
+        ) {
280 
+          return true;
251 
         }
 281 
         }
252 
       }
 282 
       }
253 
-      return false
283 
+      return false;
254 
     }
 284 
     }
255 
-
256 
   }
 285 
   }
257 
-}
286 
+};
258 
 </script>
 287 
 </script>
259
288
260 
 <style rel="stylesheet/scss" lang="scss" scoped>
 289 
 <style rel="stylesheet/scss" lang="scss" scoped>
261 
-
262 
 </style>
 290 
 </style>

+ 90 - 56
src/pages/main/today/detailsInfo.vue View File

1 
 <template>
 1 
 <template>
2 
-  <div class="info ">
3 
-    <h2 class="plateTitle"><span class="line"></span><p>基本信息</p><span class="line"></span> </h2>
2 
+  <div class="info">
3 
+    <h2 class="plateTitle">
4 
+      <span class="line"></span>
5 
+      <p>基本信息</p>
6 
+      <span class="line"></span>
7 
+    </h2>
4
8
5 
     <div class="ui-step clearfix">
 9 
     <div class="ui-step clearfix">
6 
       <ul class="ui-step-ul">
 10 
       <ul class="ui-step-ul">
7 
-        <li v-for="(item, index) in step_data" :key="index" class="ui-step-done" >
8 
-          <div class="ui-step-number" :style="item.value==1?'':'background:#fff;border: 1px $main-color solid;'"><i :style="item.value==1?'':'border:0;'" /></div>
11 
+        <li v-for="(item, index) in step_data" :key="index" class="ui-step-done">
12 
+          <div
13 
+            class="ui-step-number"
14 
+            :style="
15 
+              item.value == 1
16 
+                ? ''
17 
+                : 'background:#fff;border: 1px $main-color solid;'
18 
+            "
19 
+          >
20 
+            <i :style="item.value == 1 ? '' : 'border:0;'" />
21 
+          </div>
9 
           <div class="ui-step-title">{{ item.title }}</div>
 22 
           <div class="ui-step-title">{{ item.title }}</div>
10 
         </li>
 23 
         </li>
11 
       </ul>
 24 
       </ul>
12 
     </div>
 25 
     </div>
13
26
14 
-    <ul class="clearfix">
27 
+    <ul class="clearfix newWidth">
15 
       <li>
 28 
       <li>
16 
-        <label>姓名 : </label>
17 
-        <span>{{patient.name}}</span>
29 
+        <label>姓名 :</label>
30 
+        <span>{{ patient.name }}</span>
18 
       </li>
 31 
       </li>
19 
       <li>
 32 
       <li>
20 
-        <label>性别 : </label>
21 
-        <span>{{patient.gender == 1 ? "男" : "女"}}</span>
33 
+        <label>性别 :</label>
34 
+        <span>{{ patient.gender == 1 ? "男" : "女" }}</span>
22 
       </li>
 35 
       </li>
23 
       <li>
 36 
       <li>
24 
-        <label>年龄 : </label>
25 
-        <span>{{age}}</span>
37 
+        <label>年龄 :</label>
38 
+        <span>{{ age }}</span>
26 
       </li>
 39 
       </li>
27 
       <li>
 40 
       <li>
28 
-        <label>透析号 : </label>
29 
-        <span>{{patient.dialysis_no}}</span>
41 
+        <label>透析号 :</label>
42 
+        <span>{{ patient.dialysis_no }}</span>
30 
       </li>
 43 
       </li>
31 
       <li>
 44 
       <li>
32 
-        <label>床位号 : </label>
33 
-        <span>{{device_number}}</span>
45 
+        <label>床位号 :</label>
46 
+        <span>{{ device_number }}</span>
34 
       </li>
 47 
       </li>
35 
       <li>
 48 
       <li>
36 
-        <label>来源 : </label>
37 
-        <span>{{source}}</span>
49 
+        <label>来源 :</label>
50 
+        <span>{{ source }}</span>
38 
       </li>
 51 
       </li>
39 
       <li>
 52 
       <li>
40 
-        <label>住院号 : </label>
41 
-        <span>{{patient.admission_number}}</span>
53 
+        <label>住院号 :</label>
54 
+        <span>{{ patient.admission_number }}</span>
42 
       </li>
 55 
       </li>
43 
       <li>
 56 
       <li>
44 
-        <label>透析日期 : </label>
45 
-        <span>{{dialysis_date}}</span>
57 
+        <label>透析日期 :</label>
58 
+        <span>{{ dialysis_date }}</span>
46 
       </li>
 59 
       </li>
47 
     </ul>
 60 
     </ul>
48 
   </div>
 61 
   </div>
49 
 </template>
 62 
 </template>
50
63
51 
 <script>
 64 
 <script>
52 
-import { parseTime } from '@/utils'
53 
-import { jsGetAge } from '@/utils/tools'
65 
+import { parseTime } from "@/utils";
66 
+import { jsGetAge } from "@/utils/tools";
54
67
55 
 export default {
 68 
 export default {
56 
-  name: 'DetailsInfo',
57 
-  data () {
69 
+  name: "DetailsInfo",
70 
+  data() {
58 
     return {
 71 
     return {
59 
       // patient: {
 72 
       // patient: {
60 
       //   name: "",
 73 
       //   name: "",
69 
       //   number: "",
 82 
       //   number: "",
70 
       // },
 83 
       // },
71 
       steps: [
 84 
       steps: [
72 
-        { title: '透析处方' },
73 
-        { title: '接诊评估' },
74 
-        { title: '透前评估' },
75 
-        { title: '临时医嘱' },
76 
-        { title: '透析上机' },
77 
-        { title: '双人查对' },
78 
-        { title: '透析监测' },
79 
-        { title: '透析下机' },
80 
-        { title: '透后评估' },
81 
-        { title: '治疗小结' }
85 
+        { title: "透析处方" },
86 
+        { title: "接诊评估" },
87 
+        { title: "透前评估" },
88 
+        { title: "临时医嘱" },
89 
+        { title: "透析上机" },
90 
+        { title: "双人查对" },
91 
+        { title: "透析监测" },
92 
+        { title: "透析下机" },
93 
+        { title: "透后评估" },
94 
+        { title: "治疗小结" }
82 
       ]
 95 
       ]
83 
-    }
96 
+    };
84 
   },
 97 
   },
85 
   props: {
 98 
   props: {
86 
     step_data: {
 99 
     step_data: {
88 
     },
 101 
     },
89 
     patient: {
 102 
     patient: {
90 
       type: Object,
 103 
       type: Object,
91 
-      default: function () {
104 
+      default: function() {
92 
         return {
 105 
         return {
93 
-          name: '',
106 
+          name: "",
94 
           gender: 1,
 107 
           gender: 1,
95 
-          birthday: '',
96 
-          dialysis_no: '',
108 
+          birthday: "",
109 
+          dialysis_no: "",
97 
           // device_number: "",
 110 
           // device_number: "",
98 
-          source: '',
99 
-          admission_number: ''
100 
-        }
111 
+          source: "",
112 
+          admission_number: ""
113 
+        };
101 
       }
 114 
       }
102 
     },
 115 
     },
103 
     device_number: {
 116 
     device_number: {
105 
     }
 118 
     }
106 
   },
 119 
   },
107 
   computed: {
 120 
   computed: {
108 
-    dialysis_date: function () {
109 
-      return parseTime(this.$route.query.date, '{y}/{m}/{d}')
121 
+    dialysis_date: function() {
122 
+      return parseTime(this.$route.query.date, "{y}/{m}/{d}");
110 
     },
 123 
     },
111 
-    age: function () {
124 
+    age: function() {
112 
       if (this.patient.age == 0) {
 125 
       if (this.patient.age == 0) {
113 
-        return jsGetAge(parseTime(this.patient.birthday, '{y}-{m}-{d}'), '-')
126 
+        return jsGetAge(parseTime(this.patient.birthday, "{y}-{m}-{d}"), "-");
114 
       } else {
 127 
       } else {
115 
-        return this.patient.age
128 
+        return this.patient.age;
116 
       }
 129 
       }
117 
     },
 130 
     },
118 
-    source: function () {
119 
-      return this.patient.source == 1 ? '门诊' : '住院'
131 
+    source: function() {
132 
+      return this.patient.source == 1 ? "门诊" : "住院";
120 
     }
 133 
     }
121 
   },
 134 
   },
122 
   methods: {
 135 
   methods: {
140 
     //   }
 153 
     //   }
141 
     // }
 154 
     // }
142 
   },
 155 
   },
143 
-  created () {}
144 
-}
156 
+  created() {}
157 
+};
145 
 </script>
 158 
 </script>
146
159
147 
 <style rel="stylesheet/scss" lang="scss" scoped>
 160 
 <style rel="stylesheet/scss" lang="scss" scoped>
152 
     li {
 165 
     li {
153 
       float: left;
 166 
       float: left;
154 
       width: 25%;
 167 
       width: 25%;
155 
-      font-size:0.34rem;
168 
+      font-size: 0.34rem;
156 
       height: 0.53rem;
 169 
       height: 0.53rem;
157 
     }
 170 
     }
158 
   }
 171 
   }
159 
   .ui-step {
 172 
   .ui-step {
160 
-    margin: 0 6px 0.6rem 6px;
173 
+    margin: 0 0 0.8rem 0;
161 
     padding: 0.1rem 0 0 0;
 174 
     padding: 0.1rem 0 0 0;
162 
     zoom: 1;
 175 
     zoom: 1;
163 
     background: #fff;
 176 
     background: #fff;
197 
         }
 210 
         }
198 
         .ui-step-title {
 211 
         .ui-step-title {
199 
           color: #34495e;
 212 
           color: #34495e;
200 
-          font-size: 0.3rem;
213 
+          font-size: 0.34rem;
201 
           font-weight: normal;
 214 
           font-weight: normal;
215 
+          @media only screen and (max-width: 415px) {
216 
+            width: 0.8rem;
217 
+            margin-left: 4px;
218 
+          }
219 
+          @media only screen and (min-width: 768px) {
220 
+            width: 1rem;
221 
+            margin-left: 10px;
222 
+          }
202 
         }
 223 
         }
203 
         .ui-step-number {
 224 
         .ui-step-number {
204 
           position: relative;
 225 
           position: relative;
218 
           i {
 239 
           i {
219 
             position: absolute;
 240 
             position: absolute;
220 
             left: 0.09rem;
 241 
             left: 0.09rem;
221 
-            top: 0.10rem;
242 
+            top: 0.1rem;
222 
             width: 0.26rem;
 243 
             width: 0.26rem;
223 
             height: 0.14rem;
 244 
             height: 0.14rem;
224 
             border: 2px #fff solid;
 245 
             border: 2px #fff solid;
237 
     }
 258 
     }
238 
   }
 259 
   }
239 
 }
 260 
 }
261 
+.newWidth {
262 
+  li {
263 
+    @media only screen and (min-width: 375px) {
264 
+      width: 33.3% !important;
265 
+    }
266 
+    @media only screen and (max-width: 320px) {
267 
+      width: 33.3% !important;
268 
+    }
269 
+    @media only screen and (min-width: 667px) {
270 
+      width: 25% !important;
271 
+    }
272 
+  }
273 
+}
240 
 </style>
 274 
 </style>

+ 45 - 38
src/pages/main/today/dialysisComputer.vue View File

1 
 <template>
 1 
 <template>
2 
   <div class="plate-box">
 2 
   <div class="plate-box">
3 
-    <h2 class="title"><span class="line"></span>
4 
-      <p>{{title}}</p><span class="line"></span></h2>
5 
-    <div class="plate ">
3 
+    <h2 class="title">
4 
+      <span class="line"></span>
5 
+      <p>{{title}}</p>
6 
+      <span class="line"></span>
7 
+    </h2>
8 
+    <div class="plate">
6 
       <ul>
 9 
       <ul>
7 
         <li>
 10 
         <li>
8 
-          <label>上机床位 : </label>
11 
+          <label>上机床位 :</label>
9 
           <span class="content">{{device_number}}</span>
 12 
           <span class="content">{{device_number}}</span>
10 
         </li>
 13 
         </li>
11 
         <li>
 14 
         <li>
12 
-          <label>上机护士 : </label>
15 
+          <label>上机护士 :</label>
13 
           <span class="content">{{nurse}}</span>
 16 
           <span class="content">{{nurse}}</span>
14 
         </li>
 17 
         </li>
15
18
16 
         <li>
 19 
         <li>
17 
-          <label>穿刺者 : </label>
20 
+          <label>穿刺者 :</label>
18 
           <span class="content">{{puncture_nurse}}</span>
 21 
           <span class="content">{{puncture_nurse}}</span>
19 
         </li>
 22 
         </li>
20
23
21 
         <li>
 24 
         <li>
22 
-          <label>上机时间 : </label>
23 
-          <span class="content" style="font-size: 15px">{{start_time}}</span>
25 
+          <label>上机时间 :</label>
26 
+          <span class="content" style="font-size: 0.34rem">{{start_time}}</span>
24 
         </li>
 27 
         </li>
25
28
26 
         <li>
 29 
         <li>
27 
-          <label>状态 : </label>
30 
+          <label>状态 :</label>
28 
           <span class="content">{{stage}}</span>
 31 
           <span class="content">{{stage}}</span>
29 
         </li>
 32 
         </li>
30 
-
31 
       </ul>
 33 
       </ul>
32 
-
33 
     </div>
 34 
     </div>
34 
     <!-- <div class="note">处方医生 : {{doctor}}</div> -->
 35 
     <!-- <div class="note">处方医生 : {{doctor}}</div> -->
35 
   </div>
 36 
   </div>
36 
 </template>
 37 
 </template>
37
38
38 
 <script>
 39 
 <script>
39 
-import {parseTime} from '@/utils'
40 
+import { parseTime } from "@/utils";
40
41
41 
 export default {
 42 
 export default {
42 
-  name: 'DialysisComputer',
43 
-  data () {
43 
+  name: "DialysisComputer",
44 
+  data() {
44 
     return {
 45 
     return {
45 
-      title: '透析上机 '
46 
-    }
46 
+      title: "透析上机 "
47 
+    };
47 
   },
 48 
   },
48 
   props: {
 49 
   props: {
49 
     record: {
 50 
     record: {
57 
     }
 58 
     }
58 
   },
 59 
   },
59 
   computed: {
 60 
   computed: {
60 
-    device_number: function () {
61 
-      if (this.record == null || this.record.id == '') {
62 
-        return '-'
61 
+    device_number: function() {
62 
+      if (this.record == null || this.record.id == "") {
63 
+        return "-";
63 
       }
 64 
       }
64 
-      return this.device_number_map[this.record.bed_id] == null ? '' : this.device_number_map[this.record.bed_id].number
65 
+      return this.device_number_map[this.record.bed_id] == null
66 
+        ? ""
67 
+        : this.device_number_map[this.record.bed_id].number;
65 
     },
 68 
     },
66 
-    nurse: function () {
67 
-      if (this.record == null || this.record.id == '') {
68 
-        return '-'
69 
+    nurse: function() {
70 
+      if (this.record == null || this.record.id == "") {
71 
+        return "-";
69 
       }
 72 
       }
70 
-      return this.admin_map[this.record.start_nurse] == null ? '' : this.admin_map[this.record.start_nurse].name
73 
+      return this.admin_map[this.record.start_nurse] == null
74 
+        ? ""
75 
+        : this.admin_map[this.record.start_nurse].name;
71 
     },
 76 
     },
72 
-    stage: function () {
73 
-      if (this.record == null || this.record.id == '') {
74 
-        return '未上机'
77 
+    stage: function() {
78 
+      if (this.record == null || this.record.id == "") {
79 
+        return "未上机";
75 
       }
 80 
       }
76 
-      return this.record.stage == 1 ? '已上机' : '已下机'
81 
+      return this.record.stage == 1 ? "已上机" : "已下机";
77 
     },
 82 
     },
78 
-start_time: function () {
79 
-      if (this.record == null || this.record.id == '') {
80 
-        return '-'
83 
+    start_time: function() {
84 
+      if (this.record == null || this.record.id == "") {
85 
+        return "-";
81 
       }
 86 
       }
82 
-      return parseTime(this.record.start_time, '{y}年{m}月{d}日 {h}时{i}分')
83 
-    },
84 
-puncture_nurse: function () {
85 
-      if (this.record == null || this.record.id == '') {
86 
-        return '-'
87 
+      return parseTime(this.record.start_time, "{y}年{m}月{d}日 {h}时{i}分");
88 
+    },
89 
+    puncture_nurse: function() {
90 
+      if (this.record == null || this.record.id == "") {
91 
+        return "-";
87 
       }
 92 
       }
88 
-      return this.admin_map[this.record.puncture_nurse] == null ? '' : this.admin_map[this.record.puncture_nurse].name
93 
+      return this.admin_map[this.record.puncture_nurse] == null
94 
+        ? ""
95 
+        : this.admin_map[this.record.puncture_nurse].name;
89 
     }
 96 
     }
90 
   },
 97 
   },
91 
   methods: {}
 98 
   methods: {}
92 
-}
99 
+};
93 
 </script>
 100 
 </script>
94
101
95 
 <style rel="stylesheet/scss" lang="scss" scoped>
 102 
 <style rel="stylesheet/scss" lang="scss" scoped>

+ 205 - 68
src/pages/main/today/dialysisMonitoring.vue View File

1 
 <template>
 1 
 <template>
2 
-  <div class="plate-box" >
3 
-    <h2 class="title border"><span class="line"></span><p>{{title}}</p><span class="line"></span> </h2>
2 
+  <div class="plate-box">
3 
+    <h2 class="title border">
4 
+      <span class="line"></span>
5 
+      <p>{{title}}</p>
6 
+      <span class="line"></span>
7 
+    </h2>
4 
     <div class="dm" style="width:100%;overflow:hildden;overflow-x:auto;">
 8 
     <div class="dm" style="width:100%;overflow:hildden;overflow-x:auto;">
5 
-      <table  class="table" style="">
9 
+      <table class="table" style>
6 
         <tr>
 10 
         <tr>
7 
           <th v-if="isShow('监测时间')" width="124px">时间</th>
 11 
           <th v-if="isShow('监测时间')" width="124px">时间</th>
8 
           <th v-if="isShow('体温')" width="80px">体温(℃)</th>
 12 
           <th v-if="isShow('体温')" width="80px">体温(℃)</th>
17 
           <th v-if="isShow('钠浓度')" width="92px">钠浓度(mmol/L)</th>
 21 
           <th v-if="isShow('钠浓度')" width="92px">钠浓度(mmol/L)</th>
18 
           <th v-if="isShow('透析液温度')" width="92px">透析液温度(℃)</th>
 22 
           <th v-if="isShow('透析液温度')" width="92px">透析液温度(℃)</th>
19 
           <th v-if="isShow('置换率')" width="92px">置换率(L/h)</th>
 23 
           <th v-if="isShow('置换率')" width="92px">置换率(L/h)</th>
20 
-          <th v-if="isShow('置换量')"  width="92px">置换量(L)</th>
24 
+          <th v-if="isShow('置换量')" width="92px">置换量(L)</th>
21
25
22 
-          <th v-if="isShow('电导度')"  width="92px">电导度(mS/m)</th>
23 
-          <th v-if="isShow('置换液流量')"  width="92px">置换液流量(ml/h)</th>
26 
+          <th v-if="isShow('电导度')" width="92px">电导度(mS/m)</th>
27 
+          <th v-if="isShow('置换液流量')" width="92px">置换液流量(ml/h)</th>
24 
           <th v-if="isShow('病情变化')" width="92px">病情变化</th>
 28 
           <th v-if="isShow('病情变化')" width="92px">病情变化</th>
25 
           <th v-if="isShow('处理')" width="92px">处理</th>
 29 
           <th v-if="isShow('处理')" width="92px">处理</th>
26 
           <th v-if="isShow('结果')" width="92px">结果</th>
 30 
           <th v-if="isShow('结果')" width="92px">结果</th>
28 
         <tr v-for="(item,index) in tableDate" :key="index" :value="item.value">
 32 
         <tr v-for="(item,index) in tableDate" :key="index" :value="item.value">
29 
           <td v-if="isShow('监测时间')">{{parseTime(item.operate_time, "{y}-{m}-{d} {h}:{i}")}}</td>
 33 
           <td v-if="isShow('监测时间')">{{parseTime(item.operate_time, "{y}-{m}-{d} {h}:{i}")}}</td>
30 
           <td v-if="isShow('体温')">{{item.temperature?item.temperature:''}}</td>
 34 
           <td v-if="isShow('体温')">{{item.temperature?item.temperature:''}}</td>
31 
-          <td v-if="isShow('血压')">{{item.systolic_blood_pressure?item.systolic_blood_pressure:''}}/{{item.diastolic_blood_pressure?item.diastolic_blood_pressure:''}}</td>
35 
+          <td
36 
+            v-if="isShow('血压')"
37 
+          >{{item.systolic_blood_pressure?item.systolic_blood_pressure:''}}/{{item.diastolic_blood_pressure?item.diastolic_blood_pressure:''}}</td>
32
38
33 
           <td v-if="isShow('脉搏')">{{item.pulse_frequency?item.pulse_frequency:''}}</td>
 39 
           <td v-if="isShow('脉搏')">{{item.pulse_frequency?item.pulse_frequency:''}}</td>
34 
           <td v-if="isShow('呼吸频率')">{{item.breathing_rate?item.breathing_rate:''}}</td>
 40 
           <td v-if="isShow('呼吸频率')">{{item.breathing_rate?item.breathing_rate:''}}</td>
40 
           <td v-if="isShow('透析液温度')">{{item.dialysate_temperature?item.dialysate_temperature:''}}</td>
 46 
           <td v-if="isShow('透析液温度')">{{item.dialysate_temperature?item.dialysate_temperature:''}}</td>
41 
           <td v-if="isShow('置换率')">{{item.replacement_rate?item.replacement_rate:''}}</td>
 47 
           <td v-if="isShow('置换率')">{{item.replacement_rate?item.replacement_rate:''}}</td>
42 
           <td v-if="isShow('置换量')">{{item.displacement_quantity?item.displacement_quantity:''}}</td>
 48 
           <td v-if="isShow('置换量')">{{item.displacement_quantity?item.displacement_quantity:''}}</td>
43 
-          <th v-if="isShow('电导度')" >{{item.conductivity?item.conductivity:''}}</th>
44 
-          <th v-if="isShow('置换液流量')" >{{item.displacement_flow_quantity?item.displacement_flow_quantity:''}}</th>
49 
+          <th v-if="isShow('电导度')">{{item.conductivity?item.conductivity:''}}</th>
50 
+          <th
51 
+            v-if="isShow('置换液流量')"
52 
+          >{{item.displacement_flow_quantity?item.displacement_flow_quantity:''}}</th>
45 
           <td v-if="isShow('病情变化')">{{item.symptom}}</td>
 53 
           <td v-if="isShow('病情变化')">{{item.symptom}}</td>
46 
           <td v-if="isShow('处理')">{{item.dispose}}</td>
 54 
           <td v-if="isShow('处理')">{{item.dispose}}</td>
47 
           <td v-if="isShow('结果')">{{item.result}}</td>
 55 
           <td v-if="isShow('结果')">{{item.result}}</td>
48 
         </tr>
 56 
         </tr>
49 
       </table>
 57 
       </table>
50 
-      <div class="NoData" v-show="tableDate.length == 0"><img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt=""></div>
51 
-
58 
+      <div class="NoData" v-show="tableDate.length == 0">
59 
+        <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
60 
+      </div>
52 
     </div>
 61 
     </div>
62 
+    <!-- <el-table :data="tableDate" border style="width: 100%" ref="form">
63 
+      <span v-if="isShow('监测时间')">
64 
+        <el-table-column fixed prop="date" label="时间" width="100" align="center">
65 
+          <template slot-scope="scope">{{parseTime(scope.row.operate_time, "{y}-{m}-{d} {h}:{i}")}}</template>
66 
+        </el-table-column>
67 
+      </span>
68 
+      <span v-if="isShow('体温')">
69 
+        <el-table-column prop="name" label="体温(℃)" width="80" align="center">
70 
+          <template slot-scope="scope">{{scope.row.temperature?scope.row.temperature:''}}</template>
71 
+        </el-table-column>
72 
+      </span>
73 
+      <span v-if="isShow('血压')">
74 
+        <el-table-column prop="province" label="血压(mmHg)" width="110" align="center">
75 
+          <template
76 
+            slot-scope="scope"
77 
+          >{{scope.row.systolic_blood_pressure?scope.row.systolic_blood_pressure:''}}/{{scope.row.diastolic_blood_pressure?scope.row.diastolic_blood_pressure:''}}</template>
78 
+        </el-table-column>
79 
+      </span>
80 
+      <span v-if="isShow('脉搏')">
81 
+        <el-table-column prop="city" label="脉搏(次/分)" width="100" align="center">
82 
+          <template slot-scope="scope">{{scope.row.pulse_frequency?scope.row.pulse_frequency:''}}</template>
83 
+        </el-table-column>
84 
+      </span>
85 
+      <span v-if="isShow('呼吸频率')">
86 
+        <el-table-column prop="address" label="呼吸频率(次/分)" width="140" align="center">
87 
+          <template slot-scope="scope">{{scope.row.breathing_rate?scope.row.breathing_rate:''}}</template>
88 
+        </el-table-column>
89 
+      </span>
90 
+      <el-table-column prop="zip" label="静脉压/动脉压(mmHg)" width="100" align="center">
91 
+        <template
92 
+          slot-scope="scope"
93 
+        >{{scope.row.venous_pressure?scope.row.venous_pressure:''}}/{{scope.row.arterial_pressure?scope.row.arterial_pressure:''}}</template>
94 
+      </el-table-column>
95 
+      <span v-if="isShow('血流量')">
96 
+        <el-table-column prop="zip" label="血流量(ml/min)" width="150" align="center">
97 
+          <template
98 
+            slot-scope="scope"
99 
+          >{{scope.row.blood_flow_volume?scope.row.blood_flow_volume:''}}</template>
100 
+        </el-table-column>
101 
+      </span>
102 
+      <span v-if="isShow('跨膜压')">
103 
+        <el-table-column prop="zip" label="跨膜压(mmHg)" width="130" align="center">
104 
+          <template
105 
+            slot-scope="scope"
106 
+          >{{scope.row.transmembrane_pressure?scope.row.transmembrane_pressure:''}}</template>
107 
+        </el-table-column>
108 
+      </span>
109 
+      <span v-if="isShow('超滤量')">
110 
+        <el-table-column prop="zip" label="超滤量(ml)" width="100" align="center">
111 
+          <template
112 
+            slot-scope="scope"
113 
+          >{{scope.row.ultrafiltration_volume?scope.row.ultrafiltration_volume:''}}</template>
114 
+        </el-table-column>
115 
+      </span>
116 
+
117 
+      <span v-if="isShow('钠浓度')">
118 
+        <el-table-column prop="zip" label="钠浓度(mmol/L)" width="100" align="center">
119 
+          <template
120 
+            slot-scope="scope"
121 
+          >{{scope.row.sodium_concentration?scope.row.sodium_concentration:''}}</template>
122 
+        </el-table-column>
123 
+      </span>
124 
+
125 
+      <span v-if="isShow('透析液温度')">
126 
+        <el-table-column prop="zip" label="透析液温度(℃)" width="100" align="center">
127 
+          <template
128 
+            slot-scope="scope"
129 
+          >{{scope.row.dialysate_temperature?scope.row.dialysate_temperature:''}}</template>
130 
+        </el-table-column>
131 
+      </span>
132 
+
133 
+      <span v-if="isShow('置换率')">
134 
+        <el-table-column prop="zip" label="置换率(L/h)" width="200" align="center">
135 
+          <template slot-scope="scope">{{scope.row.replacement_rate?scope.row.replacement_rate:''}}</template>
136 
+        </el-table-column>
137 
+      </span>
138 
+
139 
+      <span v-if="isShow('置换量')">
140 
+        <el-table-column prop="zip" label="置换量(L)" width="200" align="center">
141 
+          <template
142 
+            slot-scope="scope"
143 
+          >{{scope.row.displacement_quantity?scope.row.displacement_quantity:''}}</template>
144 
+        </el-table-column>
145 
+      </span>
146 
+
147 
+      <span v-if="isShow('电导度')">
148 
+        <el-table-column prop="zip" label="电导度(mS/m)" width="200" align="center">
149 
+          <template slot-scope="scope">{{scope.row.conductivity?scope.row.conductivity:''}}</template>
150 
+        </el-table-column>
151 
+      </span>
152 
+
153 
+      <span v-if="isShow('置换液流量')">
154 
+        <el-table-column prop="zip" label="置换液流量(ml/h)" width="200" align="center">
155 
+          <template
156 
+            slot-scope="scope"
157 
+          >{{scope.row.displacement_flow_quantity?scope.row.displacement_flow_quantity:''}}</template>
158 
+        </el-table-column>
159 
+      </span>
160 
+
161 
+      <span v-if="isShow('病情变化')">
162 
+        <el-table-column prop="zip" label="病情变化" width="200" align="center">
163 
+          <template slot-scope="scope">{{scope.row.symptom}}</template>
164 
+        </el-table-column>
165 
+      </span>
166 
+
167 
+      <span v-if="isShow('处理')">
168 
+        <el-table-column prop="zip" label="处理" width="200" align="center">
169 
+          <template slot-scope="scope">{{scope.row.dispose}}</template>
170 
+        </el-table-column>
171 
+      </span>
172 
+
173 
+      <span v-if="isShow('结果')">
174 
+        <el-table-column prop="zip" label="结果" width="200" align="center">
175 
+          <template slot-scope="scope">{{scope.row.result}}</template>
176 
+        </el-table-column>
177 
+      </span>
178 
+    </el-table>-->
53 
   </div>
 179 
   </div>
54 
 </template>
 180 
 </template>
55
181
56 
 <script>
 182 
 <script>
57 
-import { parseTime } from '@/utils';
183 
+import { parseTime } from "@/utils";
58
184
59 
 export default {
 185 
 export default {
60 
-  name: 'statOrder',
61 
-  data () {
186 
+  name: "statOrder",
187 
+  data() {
62 
     return {
 188 
     return {
63 
-      title: '透析监测 ',
189 
+      title: "透析监测 ",
64 
       template_id: 0,
 190 
       template_id: 0,
65 
       tableDate: []
 191 
       tableDate: []
66 
-    }
192 
+    };
67 
   },
 193 
   },
68 
-  created () {
69 
-    this.template_id = this.$store.getters.user.template_info.template_id
194 
+  created() {
195 
+    this.template_id = this.$store.getters.user.template_info.template_id;
70 
   },
 196 
   },
71 
   methods: {
 197 
   methods: {
72 
-    isShow (name) {
73 
-      var filedList = this.$store.getters.user.fileds
198 
+    isShow(name) {
199 
+      var filedList = this.$store.getters.user.fileds;
74
200
75 
       for (let i = 0; i < filedList.length; i++) {
 201 
       for (let i = 0; i < filedList.length; i++) {
76 
-        if (filedList[i].module == 4 && filedList[i].filed_name_cn == name && filedList[i].is_show == 1) {
77 
-          return true
202 
+        if (
203 
+          filedList[i].module == 4 &&
204 
+          filedList[i].filed_name_cn == name &&
205 
+          filedList[i].is_show == 1
206 
+        ) {
207 
+          return true;
78 
         }
 208 
         }
79 
       }
 209 
       }
80 
-      return false
210 
+      return false;
81 
     },
 211 
     },
82 
-    setRecords (records) {
212 
+    setRecords(records) {
83 
       if (records == null) {
 213 
       if (records == null) {
84 
-        records = []
214 
+        records = [];
85 
       }
 215 
       }
86 
-      this.tableDate.splice(0, this.tableDate.length)
87 
-      this.tableDate.push(...records)
216 
+      this.tableDate.splice(0, this.tableDate.length);
217 
+      this.tableDate.push(...records);
88 
     },
 218 
     },
89 
-    parseTime (time, layout) {
90 
-      return parseTime(time, layout)
219 
+    parseTime(time, layout) {
220 
+      return parseTime(time, layout);
91 
     },
 221 
     },
92 
-    addRecords (records) {
93 
-      this.tableDate.push(...records)
222 
+    addRecords(records) {
223 
+      this.tableDate.push(...records);
94 
     }
 224 
     }
95 
   }
 225 
   }
96 
-}
226 
+};
97 
 </script>
 227 
 </script>
98
228
99 
 <style rel="stylesheet/scss" lang="scss" scoped>
 229 
 <style rel="stylesheet/scss" lang="scss" scoped>
100 
 .dm {
 230 
 .dm {
101 
   /* 针对缺省样式 (必须的) */
 231 
   /* 针对缺省样式 (必须的) */
102 
-      &::-webkit-scrollbar {
103 
-        width: 3px;
104 
-        height: 5px;
105 
-      }
106 
-      /* 滚动条的滑轨背景颜色 */
107 
-      &::-webkit-scrollbar-track {
108 
-        background-color: #fff;
109 
-        border-radius: 3px;
110 
-        -moz-border-radius: 3px;
111 
-        -webkit-border-radius: 3px;
112 
-      }
113 
-      /* 滑块颜色 */
114 
-      &::-webkit-scrollbar-thumb {
115 
-        background: #d7dce2;
116 
-        border-radius: 3px;
117 
-        -moz-border-radius: 3px;
118 
-        -webkit-border-radius: 3px;
119 
-      }
120 
-      /*内层轨道的颜色*/
121 
-      &::-webkit-scrollbar-track-piece {
122 
-        background-color: #fff;
123 
-        border-radius: 3px;
124 
-        -moz-border-radius: 3px;
125 
-        -webkit-border-radius: 3px;
126 
-      }
127 
-      /* 滑轨两头的监听按钮颜色 */
128 
-      &::-webkit-scrollbar-button {
129 
-        background-color: #eee;
130 
-        width: 0;
131 
-        height: 0;
132 
-      }
133 
-      /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
134 
-      &::-webkit-scrollbar-corner {
135 
-        background-color: #eee;
136 
-      }
137 
-
232 
+  &::-webkit-scrollbar {
233 
+    width: 3px;
234 
+    height: 5px;
235 
+  }
236 
+  /* 滚动条的滑轨背景颜色 */
237 
+  &::-webkit-scrollbar-track {
238 
+    background-color: #fff;
239 
+    border-radius: 3px;
240 
+    -moz-border-radius: 3px;
241 
+    -webkit-border-radius: 3px;
242 
+  }
243 
+  /* 滑块颜色 */
244 
+  &::-webkit-scrollbar-thumb {
245 
+    background: #d7dce2;
246 
+    border-radius: 3px;
247 
+    -moz-border-radius: 3px;
248 
+    -webkit-border-radius: 3px;
249 
+  }
250 
+  /*内层轨道的颜色*/
251 
+  &::-webkit-scrollbar-track-piece {
252 
+    background-color: #fff;
253 
+    border-radius: 3px;
254 
+    -moz-border-radius: 3px;
255 
+    -webkit-border-radius: 3px;
256 
+  }
257 
+  /* 滑轨两头的监听按钮颜色 */
258 
+  &::-webkit-scrollbar-button {
259 
+    background-color: #eee;
260 
+    width: 0;
261 
+    height: 0;
262 
+  }
263 
+  /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
264 
+  &::-webkit-scrollbar-corner {
265 
+    background-color: #eee;
266 
+  }
267 
+}
268 
+</style>
269 
+<style lang="scss">
270 
+.el-table td {
271 
+  padding: 0;
272 
+}
273 
+.el-table th {
274 
+  padding: 6px 0;
138 
 }
 275 
 }
139 
 </style>
 276 
 </style>

+ 34 - 31
src/pages/main/today/dialysisOff.vue View File

1 
 <template>
 1 
 <template>
2 
-   <div class="plate-box">
3 
-    <h2 class="title"><span class="line"></span><p>{{title}}</p><span class="line"></span> </h2>
2 
+  <div class="plate-box">
3 
+    <h2 class="title">
4 
+      <span class="line"></span>
5 
+      <p>{{title}}</p>
6 
+      <span class="line"></span>
7 
+    </h2>
4 
     <div class="plate">
 8 
     <div class="plate">
5 
       <ul>
 9 
       <ul>
6 
         <li>
 10 
         <li>
7 
-          <label>下机护士 : </label>
11 
+          <label>下机护士 :</label>
8 
           <span class="content">{{nurse}}</span>
 12 
           <span class="content">{{nurse}}</span>
9 
         </li>
 13 
         </li>
10 
         <li>
 14 
         <li>
11 
-          <label>状态 : </label>
15 
+          <label>状态 :</label>
12 
           <span class="content">{{stage}}</span>
 16 
           <span class="content">{{stage}}</span>
13 
         </li>
 17 
         </li>
14 
         <li>
 18 
         <li>
15 
-          <label>下机时间 : </label>
16 
-          <span class="content" style="font-size: 15px">{{end_time}}</span>
19 
+          <label>下机时间 :</label>
20 
+          <span class="content" style="font-size: 0.34rem">{{end_time}}</span>
17 
         </li>
 21 
         </li>
18 
       </ul>
 22 
       </ul>
19 
     </div>
 23 
     </div>
21 
 </template>
 25 
 </template>
22
26
23 
 <script>
 27 
 <script>
24 
-import { parseTime } from '@/utils';
28 
+import { parseTime } from "@/utils";
25
29
26 
 export default {
 30 
 export default {
27 
-  name: 'DialysisComputer',
28 
-  data () {
31 
+  name: "DialysisComputer",
32 
+  data() {
29 
     return {
 33 
     return {
30 
-      title: '透析下机 '
31 
-    }
34 
+      title: "透析下机 "
35 
+    };
32 
   },
 36 
   },
33 
   props: {
 37 
   props: {
34 
     record: {
 38 
     record: {
39 
     }
 43 
     }
40 
   },
 44 
   },
41 
   computed: {
 45 
   computed: {
42 
-    stage: function () {
43 
-      if (this.record == null || this.record.id == '') {
44 
-        return '未上机'
46 
+    stage: function() {
47 
+      if (this.record == null || this.record.id == "") {
48 
+        return "未上机";
45 
       }
 49 
       }
46 
-      return this.record.stage == 1 ? '未下机' : '已下机'
50 
+      return this.record.stage == 1 ? "未下机" : "已下机";
47 
     },
 51 
     },
48 
-    nurse: function () {
49 
-      if (this.record == null || this.record.id == '') {
50 
-        return '-'
52 
+    nurse: function() {
53 
+      if (this.record == null || this.record.id == "") {
54 
+        return "-";
51 
       } else if (this.record.stage == 1) {
 55 
       } else if (this.record.stage == 1) {
52 
-        return '-'
56 
+        return "-";
53 
       } else {
 57 
       } else {
54 
-        return this.admin_map[this.record.finish_nurse] == null ? '' : this.admin_map[this.record.finish_nurse].name
58 
+        return this.admin_map[this.record.finish_nurse] == null
59 
+          ? ""
60 
+          : this.admin_map[this.record.finish_nurse].name;
55 
       }
 61 
       }
56 
-    },
57 
-end_time: function () {
58 
-      if (this.record == null || this.record.id == '') {
59 
-        return '-'
62 
+    },
63 
+    end_time: function() {
64 
+      if (this.record == null || this.record.id == "") {
65 
+        return "-";
60 
       } else if (this.record.stage == 1) {
 66 
       } else if (this.record.stage == 1) {
61 
-        return '-'
67 
+        return "-";
62 
       } else {
 68 
       } else {
63 
-        return parseTime(this.record.end_time, '{y}年{m}月{d}日 {h}时{i}分')
64 
-
69 
+        return parseTime(this.record.end_time, "{y}年{m}月{d}日 {h}时{i}分");
65 
       }
 70 
       }
66 
     }
 71 
     }
67 
   },
 72 
   },
68 
-  methods: {
69 
-
70 
-  }
71 
-}
73 
+  methods: {}
74 
+};
72 
 </script>
 75 
 </script>
73
76
74 
 <style rel="stylesheet/scss" lang="scss" scoped>
 77 
 <style rel="stylesheet/scss" lang="scss" scoped>

+ 142 - 116
src/pages/main/today/statOrder.vue View File

5 
       <p>{{title}}</p>
 5 
       <p>{{title}}</p>
6 
       <span class="line"></span>
 6 
       <span class="line"></span>
7 
     </h2>
 7 
     </h2>
8 
-    <table class="table">
9 
-      <tr>
10 
-        <th width="12%">开嘱医生</th>
11 
-        <th width="18%">开始时间</th>
12 
-        <th width="31%">医嘱内容</th>
13 
-        <th width="18.6%">执行时间</th>
14 
-        <th width="10.5%">执行护士</th>
15 
-        <th v-if="template_id != 6" width="9.4%">核对护士</th>
16 
-      </tr>
17 
-      <template v-for="(group) in advice_groups">
18 
-        <tr v-for="(advice, i) in group.advices" :key="advice.id">
19 
-            <td v-if="i == 0" :rowspan="group.advices.length">{{doctor_map[advice.advice_doctor] != undefined ? doctor_map[advice.advice_doctor].name : ""}}</td>
20
8
21 
-            <td v-if="i == 0" :rowspan="group.advices.length">{{parseTime(advice.start_time, "{m}-{d} {h}:{i}")}}</td>
9 
+    <div class="newDiv">
10 
+      <table class="table">
11 
+        <tr>
12 
+          <th width="12%">开嘱医生</th>
13 
+          <th width="18%">开始时间</th>
14 
+          <th width="31%">医嘱内容</th>
15 
+          <th width="18.6%">执行时间</th>
16 
+          <th width="10.5%">执行护士</th>
17 
+          <th v-if="template_id != 6" width="9.4%">核对护士</th>
18 
+        </tr>
19 
+
20 
+        <template v-for="(group) in advice_groups">
21 
+          <tr v-for="(advice, i) in group.advices" :key="advice.id">
22 
+            <td
23 
+              v-if="i == 0"
24 
+              :rowspan="group.advices.length"
25 
+            >{{doctor_map[advice.advice_doctor] != undefined ? doctor_map[advice.advice_doctor].name : ""}}</td>
26 
+
27 
+            <td
28 
+              v-if="i == 0"
29 
+              :rowspan="group.advices.length"
30 
+            >{{parseTime(advice.start_time, "{m}-{d} {h}:{i}")}}</td>
22
31
23 
             <td :class="advice.parent_id == 0 ? 'advice_content' : 'subadvice_content'">
 32 
             <td :class="advice.parent_id == 0 ? 'advice_content' : 'subadvice_content'">
24 
               <span>{{advice.advice_name }}</span>
 33 
               <span>{{advice.advice_name }}</span>
25 
-              <!-- <span>{{advice.drug_spec}}{{advice.drug_spec_unit9}} * {{advice.prescribing_number}}{{advice.prescribing_number_unit}}</span> -->
34 
+
35 
+              <span>{{advice.drug_spec}}{{advice.drug_spec_unit}} * {{advice.prescribing_number}}{{advice.prescribing_number_unit}}</span>
26 
               <span v-if="advice.advice_desc">{{advice.advice_desc}}{{advice.drug_spec_unit}}</span>
 36 
               <span v-if="advice.advice_desc">{{advice.advice_desc}}{{advice.drug_spec_unit}}</span>
27 
-              <span v-if="advice.prescribing_number">{{advice.prescribing_number}}{{advice.prescribing_number_unit}}</span>
28 
-              <!--<span v-if="advice.single_dose">单次用量{{advice.single_dose}}{{advice.single_dose_unit}}</span>-->
29 
-              <!--<span v-if="advice.single_dose">单次用量{{advice.single_dose}}{{advice.single_dose_unit}}</span>-->
30 
-              <span v-if="advice.single_dose && template_id == 6" >{{advice.single_dose}}{{advice.single_dose_unit}}</span>
31 
-              <span v-if="advice.single_dose && template_id != 6" >单次用量{{advice.single_dose}}{{advice.single_dose_unit}}</span>
37 
+              <span
38 
+                v-if="advice.prescribing_number"
39 
+              >{{advice.prescribing_number}}{{advice.prescribing_number_unit}}</span>
40 
+              <span v-if="advice.single_dose">单次用量{{advice.single_dose}}{{advice.single_dose_unit}}</span>
41 
+
32 
               <span v-if="advice.parent_id == 0">{{advice.delivery_way}}</span>
 42 
               <span v-if="advice.parent_id == 0">{{advice.delivery_way}}</span>
33 
               <span v-if="advice.parent_id == 0">{{advice.execution_frequency}}</span>
 43 
               <span v-if="advice.parent_id == 0">{{advice.execution_frequency}}</span>
34 
               <span v-if="advice.parent_id == 0&&advice.remark.length > 0">({{advice.remark}})</span>
 44 
               <span v-if="advice.parent_id == 0&&advice.remark.length > 0">({{advice.remark}})</span>
35 
-
36 
             </td>
 45 
             </td>
37
46
38 
             <td>{{parseTime(advice.execution_time, "{m}-{d} {h}:{i}")}}</td>
 47 
             <td>{{parseTime(advice.execution_time, "{m}-{d} {h}:{i}")}}</td>
39
48
40 
             <td>{{advice.execution_staff != 0 ? (doctor_map[advice.execution_staff] != undefined ? doctor_map[advice.execution_staff].name : "") : ""}}</td>
 49 
             <td>{{advice.execution_staff != 0 ? (doctor_map[advice.execution_staff] != undefined ? doctor_map[advice.execution_staff].name : "") : ""}}</td>
41
50
42 
-            <td>{{advice.checker != 0 ? (doctor_map[advice.checker] != undefined ? doctor_map[advice.checker].name : "") : ""}}</td>
43 
-        </tr>
44 
-      </template>
45 
-    </table>
46 
-    <div class="NoData" v-show="advice_groups.length == 0">
47 
-      <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt>
51 
+            <td
52 
+              v-if="template_id != 6"
53 
+            >{{advice.checker != 0 ? (doctor_map[advice.checker] != undefined ? doctor_map[advice.checker].name : "") : ""}}</td>
54 
+          </tr>
55 
+        </template>
56 
+      </table>
57 
+
58 
+      <div class="NoData" v-show="advice_groups.length == 0">
59 
+        <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
60 
+      </div>
48 
     </div>
 61 
     </div>
49 
   </div>
 62 
   </div>
50 
 </template>
 63 
 </template>
51 
-
52 
 <script>
 64 
 <script>
53 
-import { parseTime } from '@/utils';
65 
+  import { parseTime } from '@/utils';
54
66
55 
-export default {
56 
-  name: 'statOrder',
57 
-  data () {
58 
-    return {
59 
-      title: '临时医嘱 ',
60 
-      template_id: 0,
61 
-      tableDate: []
62 
-    }
63 
-  },
64 
-  props: {
65 
-    doctor_map: {
66 
-      type: Object
67 
-    },
68 
-    advice_groups: {
69 
-      type: Array,
70 
-      default: () => {
71 
-        return []
72 
-      }
73 
-    }
74 
-  },
75 
-  created () {
76 
-    this.template_id = this.$store.getters.user.template_info.template_id
77 
-  },
78 
-  methods: {
79 
-    setAdvices (advices) {
80 
-      if (advices == null) {
81 
-        advices = []
67 
+  export default {
68 
+    name: 'statOrder',
69 
+    data () {
70 
+      return {
71 
+        title: '临时医嘱 ',
72 
+        template_id: 0,
73 
+        tableDate: []
82 
       }
 74 
       }
83 
-      this.tableDate.splice(0, this.tableDate.length)
84 
-      this.tableDate.push(...advices)
85 
     },
 75 
     },
86 
-    parseTime (time, layout) {
87 
-      if (time == 0) {
88 
-        return '';
76 
+    props: {
77 
+      doctor_map: {
78 
+        type: Object
79 
+      },
80 
+      advice_groups: {
81 
+        type: Array,
82 
+        default: () => {
83 
+          return []
84 
+        }
89 
       }
 85 
       }
90 
-      return parseTime(time, layout)
91 
     },
 86 
     },
92 
-    createMedicalOrder (row) {
93 
-      if (row.parent_id > 0) {
94 
-        var spliceIndex = -1
95 
-        for (let index = this.tableDate.length - 1; ; index--) {
96 
-          if (this.tableDate[index].parent_id === row.parent_id) {
97 
-            spliceIndex = index
98 
-            break;
99 
-          } else if (this.tableDate[index].id === row.parent_id) {
100 
-            spliceIndex = index
101 
-            break;
102 
-          }
87 
+    created () {
88 
+      this.template_id = this.$store.getters.user.template_info.template_id
89 
+    },
90 
+    methods: {
91 
+      setAdvices (advices) {
92 
+        if (advices == null) {
93 
+          advices = []
103 
         }
 94 
         }
104 
-        if (spliceIndex > -1) {
105 
-          spliceIndex += 1
106 
-          if (spliceIndex === this.tableDate.length) {
107 
-            this.tableDate.push(row)
108 
-          } else {
109 
-            var swapData = this.tableDate.splice(spliceIndex)
110 
-            this.tableDate.push(row)
111 
-            this.tableDate = this.tableDate.concat(swapData)
112 
-          }
95 
+        this.tableDate.splice(0, this.tableDate.length)
96 
+        this.tableDate.push(...advices)
97 
+      },
98 
+      parseTime (time, layout) {
99 
+        if (time == 0) {
100 
+          return '';
113 
         }
 101 
         }
114 
-      } else {
115 
-        this.tableDate.unshift(row)
116 
-      }
117 
-    },
118 
-    delMedicalOrder (row) {
119 
-      if (row.parent_id > 0) {
120 
-        var rslen = this.tableDate.length
121 
-        for (let i = 0; i < rslen; i++) {
122 
-          if (this.tableDate[i].id == row.id) {
123 
-            this.tableDate.splice(i, 1)
124 
-            break;
102 
+        return parseTime(time, layout)
103 
+      },
104 
+      createMedicalOrder (row) {
105 
+        if (row.parent_id > 0) {
106 
+          var spliceIndex = -1
107 
+          for (let index = this.tableDate.length - 1; ; index--) {
108 
+            if (this.tableDate[index].parent_id === row.parent_id) {
109 
+              spliceIndex = index
110 
+              break;
111 
+            } else if (this.tableDate[index].id === row.parent_id) {
112 
+              spliceIndex = index
113 
+              break;
114 
+            }
125 
           }
 115 
           }
116 
+          if (spliceIndex > -1) {
117 
+            spliceIndex += 1
118 
+            if (spliceIndex === this.tableDate.length) {
119 
+              this.tableDate.push(row)
120 
+            } else {
121 
+              var swapData = this.tableDate.splice(spliceIndex)
122 
+              this.tableDate.push(row)
123 
+              this.tableDate = this.tableDate.concat(swapData)
124 
+            }
125 
+          }
126 
+        } else {
127 
+          this.tableDate.unshift(row)
126 
         }
 128 
         }
127 
-      } else {
128 
-        var resetTableData = this.tableDate
129 
-        this.tableDate = []
130 
-        var that = this
131 
-        var rslen = resetTableData.length
132 
-        for (let i = 0; i < rslen; i++) {
133 
-          if (
134 
-            resetTableData[i].id != row.id &&
135 
-            resetTableData[i].parent_id != row.id
136 
-          ) {
137 
-            that.tableDate.push(resetTableData[i])
129 
+      },
130 
+      delMedicalOrder (row) {
131 
+        if (row.parent_id > 0) {
132 
+          var rslen = this.tableDate.length
133 
+          for (let i = 0; i < rslen; i++) {
134 
+            if (this.tableDate[i].id == row.id) {
135 
+              this.tableDate.splice(i, 1)
136 
+              break;
137 
+            }
138 
+          }
139 
+        } else {
140 
+          var resetTableData = this.tableDate
141 
+          this.tableDate = []
142 
+          var that = this
143 
+          var rslen = resetTableData.length
144 
+          for (let i = 0; i < rslen; i++) {
145 
+            if (
146 
+              resetTableData[i].id != row.id &&
147 
+              resetTableData[i].parent_id != row.id
148 
+            ) {
149 
+              that.tableDate.push(resetTableData[i])
150 
+            }
138 
           }
 151 
           }
139 
         }
 152 
         }
140 
-      }
141 
-    },
142 
-    executionMedicalOrder (row) {
143 
-      var alen = this.tableDate.length
144 
-      for (let index = 0; index < alen; index++) {
145 
-        if (this.tableDate[index].id == row.id) {
146 
-          this.tableDate[index].execution_state = 1
147 
-          this.tableDate[index].execution_staff = row.execution_staff
148 
-          this.tableDate[index].execution_time = row.execution_time
149 
-          this.tableDate[index].checker = row.checker
150 
-          break;
153 
+      },
154 
+      executionMedicalOrder (row) {
155 
+        var alen = this.tableDate.length
156 
+        for (let index = 0; index < alen; index++) {
157 
+          if (this.tableDate[index].id == row.id) {
158 
+            this.tableDate[index].execution_state = 1
159 
+            this.tableDate[index].execution_staff = row.execution_staff
160 
+            this.tableDate[index].execution_time = row.execution_time
161 
+            this.tableDate[index].checker = row.checker
162 
+            break;
163 
+          }
151 
         }
 164 
         }
152 
       }
 165 
       }
153 
     }
 166 
     }
154 
   }
 167 
   }
155 
-}
156 
 </script>
 168 
 </script>
157
169
170 
+
171 
+
158 
 <style rel="stylesheet/scss" lang="scss" scoped>
 172 
 <style rel="stylesheet/scss" lang="scss" scoped>
159 
 .table {
 173 
 .table {
160 
-  width: 100%;
174 
+  width: 1000px;
161 
   overflow: hidden;
 175 
   overflow: hidden;
162 
   font-size: 0.34rem;
 176 
   font-size: 0.34rem;
163 
   text-align: center;
 177 
   text-align: center;
191 
     }
 205 
     }
192 
   }
 206 
   }
193 
 }
 207 
 }
208 
+.newDiv {
209 
+  width: 100%;
210 
+  overflow-x: auto;
211 
+}
212 
+</style>
213 
+<style lang="scss">
214 
+.el-table td {
215 
+  padding: 0;
216 
+}
217 
+.el-table th {
218 
+  padding: 6px 0;
219 
+}
194 
 </style>
 220 
 </style>

+ 471 - 346
src/pages/monitoring/index.vue View File

1 
 <template>
 1 
 <template>
2 
   <div class="mainBox">
 2 
   <div class="mainBox">
3 
-    <side-bar :active_index="1"></side-bar>
4 
     <div class="mainContent">
 3 
     <div class="mainContent">
5 
       <div class="top">
 4 
       <div class="top">
6 
-        <div class="hospital" style="width:4.2rem;">
5 
+        <div class="hospital" style="width:4.2rem;display:none">
7 
           <span style="visibility:hidden"></span>
 6 
           <span style="visibility:hidden"></span>
8 
         </div>
 7 
         </div>
9 
-        <div class="department">
8 
+        <!-- <div class="department">
10 
           <ul>
 9 
           <ul>
11 
             <li>透析监控</li>
 10 
             <li>透析监控</li>
12 
           </ul>
 11 
           </ul>
25 
               type="info"
 24 
               type="info"
26 
               style="border: none;"
 25 
               style="border: none;"
27 
               @click="searchWithKeyword(1)"
 26 
               @click="searchWithKeyword(1)"
28 
-              >搜索</van-button
29 
-            >
27 
+            >搜索</van-button>
30 
           </van-field>
 28 
           </van-field>
29 
+        </div>-->
30 
+        <div class="newSearch1">
31 
+          <el-input
32 
+            prefix-icon="el-icon-search"
33 
+            v-model="patient_keyword"
34 
+            ref="search_field"
35 
+            placeholder="透析号/姓名"
36 
+          ></el-input>
37 
+          <p class="searchBtn" @click="searchWithKeyword(1)">搜索</p>
31 
         </div>
 38 
         </div>
32 
       </div>
 39 
       </div>
33
40
35 
         <ul>
 42 
         <ul>
36 
           <el-popover v-model="visible" placement="bottom" trigger="click">
 43 
           <el-popover v-model="visible" placement="bottom" trigger="click">
37 
             <li slot="reference">
 44 
             <li slot="reference">
38 
-              {{ partitionName(partition)
39 
-              }}<span class="iconfont">&#xe74a;</span>
45 
+              {{ partitionName(partition) }}
46 
+              <span class="iconfont">&#xe74a;</span>
40 
             </li>
 47 
             </li>
41 
             <div class="popover-demo-content">
 48 
             <div class="popover-demo-content">
42 
               <ul>
 49 
               <ul>
45 
                   :key="item.id"
 52 
                   :key="item.id"
46 
                   @click="itemClick(item.id)"
 53 
                   @click="itemClick(item.id)"
47 
                   :class="partition == item.id ? 'tick' : ''"
 54 
                   :class="partition == item.id ? 'tick' : ''"
48 
-                >
49 
-                  {{ item.name }}
50 
-                </li>
55 
+                >{{ item.name }}</li>
51 
               </ul>
 56 
               </ul>
52 
             </div>
 57 
             </div>
53 
           </el-popover>
 58 
           </el-popover>
54 
           <li @click="openPicker">
 59 
           <li @click="openPicker">
55 
-            {{ parseTime(date.getTime() / 1000, "{y}-{m}-{d}")
56 
-            }}<span class="iconfont">&#xe74a;</span>
60 
+            {{ parseTime(date.getTime() / 1000, "{y}-{m}-{d}") }}
61 
+            <span class="iconfont">&#xe74a;</span>
57 
           </li>
 62 
           </li>
58 
         </ul>
 63 
         </ul>
59 
       </div>
 64 
       </div>
60 
-      <van-list
61 
-        v-model="loading"
62 
-        :finished="finished"
63 
-        finished-text="  "
64 
-        @load="onLoad"
65 
-      >
65 
+      <van-list v-model="loading" :finished="finished" finished-text="  " @load="onLoad">
66 
         <div class="blueBorder"></div>
 66 
         <div class="blueBorder"></div>
67 
-        <table class="table">
68 
-          <tr>
69 
-            <th width="8%">机号</th>
70 
-            <th width="10%">姓名</th>
71 
-            <th width="9%">透析号</th>
72 
-            <th width="13%">排班时间</th>
73 
-            <th width="10%">透析模式</th>
74 
-            <th width="9%">脱水量</th>
75 
-            <th width="14%">体重(透前/透后)</th>
76 
-            <th width="27%">监控预警(血压/心率)</th>
77 
-          </tr>
78 
-        </table>
67 
+        <div class="monitoringTable">
68 
+          <table class="table">
69 
+            <tr>
70 
+              <th width="8%">姓名</th>
71 
+              <th width="6%">机号</th>
72 
+              <th width="9%">透析号</th>
73 
+              <th width="10%">排班时间</th>
74 
+              <th width="10%">透析模式</th>
75 
+              <th width="9%">脱水量</th>
76 
+              <th width="10%">体重(透前/透后)</th>
77 
+              <th width="28%">监控预警(血压/心率)</th>
78 
+            </tr>
79 
+          </table>
79
80
80 
-        <table
81 
-          class="table"
82 
-          v-for="(items, index) in dialysis_scheduals"
83 
-          :key="index"
84 
-        >
85 
-          <tr v-if="items.zone_name.length > 0">
86 
-            <td width="8%">{{ items.zone_name }}</td>
87 
-            <td width="10%"></td>
88 
-            <td width="9%"></td>
89 
-            <td width="13%"></td>
90 
-            <td width="10%"></td>
91 
-            <td width="9%"></td>
92 
-            <td width="14%"></td>
93 
-            <td width="27%"></td>
94 
-          </tr>
95 
-          <tr
96 
-            v-for="(item, index) in items.scheduals"
97 
-            :key="index"
98 
-            @click="clickfunction(item)"
99 
-          >
100 
-            <td width="8%">
101 
-              {{
81 
+          <table class="table" v-for="(items, index) in dialysis_scheduals" :key="index">
82 
+            <tr v-if="items.zone_name.length > 0">
83 
+              <td width="8%">{{ items.zone_name }}</td>
84 
+              <td width="6%"></td>
85 
+              <td width="9%"></td>
86 
+              <td width="10%"></td>
87 
+              <td width="10%"></td>
88 
+              <td width="9%"></td>
89 
+              <td width="10%"></td>
90 
+              <td width="28%"></td>
91 
+            </tr>
92 
+            <tr v-for="(item, index) in items.scheduals" :key="index" @click="clickfunction(item)">
93 
+              <td width="8%" style="color:#409eff;">{{ item.patient.name }}</td>
94 
+              <td width="6%">
95 
+                {{
102 
                 item.dialysis_order.device_number.number.length > 0
 96 
                 item.dialysis_order.device_number.number.length > 0
103 
-                  ? item.dialysis_order.device_number.number
104 
-                  : item.device_number.number
105 
-              }}
106 
-            </td>
107 
-            <td width="10%" style="color:#409eff;">{{ item.patient.name }}</td>
108 
-            <td width="9%">{{ item.patient.dialysis_no }}</td>
109 
-            <td width="13%">
110 
-              {{ parseTime(item.schedule_date, "{y}-{m}-{d}") }}
111 
-            </td>
112 
-            <td width="10%">{{ item.treatment_mode.name }}</td>
113 
-            <td width="9%">
114 
-              {{
97 
+                ? item.dialysis_order.device_number.number
98 
+                : item.device_number.number
99 
+                }}
100 
+              </td>
101 
+
102 
+              <td width="9%">{{ item.patient.dialysis_no }}</td>
103 
+              <td width="10%">{{ parseTime(item.schedule_date, "{y}-{m}-{d}") }}</td>
104 
+              <td width="10%">{{ item.treatment_mode.name }}</td>
105 
+              <td width="9%">
106 
+                {{
115 
                 item.prescription.dewater_amount
 107 
                 item.prescription.dewater_amount
116 
-                  ? item.prescription.dewater_amount
117 
-                  : ""
118 
-              }}
119 
-            </td>
120 
-            <td width="14%">
121 
-              {{
108 
+                ? item.prescription.dewater_amount
109 
+                : ""
110 
+                }}
111 
+              </td>
112 
+              <td width="10%">
113 
+                {{
122 
                 item.assessment_before_dislysis.weight_before
 114 
                 item.assessment_before_dislysis.weight_before
123 
-                  ? item.assessment_before_dislysis.weight_before
124 
-                  : ""
125 
-              }}/{{
115 
+                ? item.assessment_before_dislysis.weight_before
116 
+                : ""
117 
+                }}/{{
126 
                 item.assessment_after_dislysis.weight_after
 118 
                 item.assessment_after_dislysis.weight_after
127 
-                  ? item.assessment_after_dislysis.weight_after
128 
-                  : ""
129 
-              }}
130 
-            </td>
131 
-            <td width="27%">
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 
-              >
153 
-            </td>
154 
-          </tr>
155 
-        </table>
119 
+                ? item.assessment_after_dislysis.weight_after
120 
+                : ""
121 
+                }}
122 
+              </td>
123 
+              <td width="28%">
124 
+                <span v-if="monitorBloodPressureStatus(item.monitoring_record) == 1">低压</span>
125 
+                <span v-if="monitorBloodPressureStatus(item.monitoring_record) == 2">正常</span>
126 
+                <span v-if="monitorBloodPressureStatus(item.monitoring_record) == 3">高压</span>
127 
+                <span v-if="monitorRateStatus(item.monitoring_record) == 1">心率过缓</span>
128 
+                <span v-if="monitorRateStatus(item.monitoring_record) == 2">正常</span>
129 
+                <span v-if="monitorRateStatus(item.monitoring_record) == 3">心率过高</span>
130 
+              </td>
131 
+            </tr>
132 
+          </table>
156
133
157 
-        <div class="NoData" v-show="dialysis_scheduals.length == 0">
158 
-          <img
159 
-            style="margin-top: 50px; margin-bottom: 50px"
160 
-            src="@/assets/login/data.jpg"
161 
-            alt=""
162 
-          />
134 
+          <div class="NoData" v-show="dialysis_scheduals.length == 0">
135 
+            <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
136 
+          </div>
163 
         </div>
 137 
         </div>
164 
       </van-list>
 138 
       </van-list>
139 
+      <!-- <div class="monitoringTable">
140 
+        <el-table :data="tableData" border style="width: 100%" class="newTable">
141 
+          <el-table-column fixed prop="name" label="姓名" width="80" align="center">
142 
+            <template slot-scope="scope">{{scope.row.patient.name}}</template>
143 
+          </el-table-column>
144 
+          <el-table-column prop="date" label="机号" width="60" align="center">
145 
+            <template slot-scope="scope">
146 
+              {{
147 
+              scope.row.dialysis_order.device_number.number.length > 0
148 
+              ? scope.row.dialysis_order.device_number.number
149 
+              : scope.row.device_number.number
150 
+              }}
151 
+            </template>
152 
+          </el-table-column>
153 
+          <el-table-column prop="province" label="透析号" width="80" align="center">
154 
+            <template slot-scope="scope">{{scope.row.patient.dialysis_no}}</template>
155 
+          </el-table-column>
156 
+          <el-table-column prop="city" label="排班时间" width="100" align="center">
157 
+            <template slot-scope="scope">{{parseTime(scope.row.schedule_date,"{y}-{m}-{d}")}}</template>
158 
+          </el-table-column>
159 
+          <el-table-column prop="address" label="透析模式" width="100" align="center">
160 
+            <template slot-scope="scope">{{ scope.row.treatment_mode.name}}</template>
161 
+          </el-table-column>
162 
+          <el-table-column prop="zip" label="脱水量" width="100" align="center">
163 
+            <template slot-scope="scope">
164 
+              {{
165 
+              scope.row.prescription.dewater_amount
166 
+              ? scope.row.prescription.dewater_amount
167 
+              : ""
168 
+              }}
169 
+            </template>
170 
+          </el-table-column>
171 
+          <el-table-column prop="zip" label="体重(透前/透后)" width="150" align="center">
172 
+            <template slot-scope="scope">
173 
+              {{
174 
+              scope.row.assessment_before_dislysis.weight_before
175 
+              ? scope.row.assessment_before_dislysis.weight_before
176 
+              : ""
177 
+              }}/{{
178 
+              scope.row.assessment_after_dislysis.weight_after
179 
+              ? scope.row.assessment_after_dislysis.weight_after
180 
+              : ""
181 
+              }}
182 
+            </template>
183 
+          </el-table-column>
184 
+          <el-table-column prop="zip" label="监控预警(血压/心率)" width="200" align="center">
185 
+            <template slot-scope="scope">
186 
+              <span v-if="monitorBloodPressureStatus(scope.row.monitoring_record) == 1">低压</span>
187 
+              <span v-if="monitorBloodPressureStatus(scope.row.monitoring_record) == 2">正常</span>
188 
+              <span v-if="monitorBloodPressureStatus(scope.row.monitoring_record) == 3">高压</span>
189 
+              <span v-if="monitorRateStatus(scope.row.monitoring_record) == 1">心率过缓</span>
190 
+              <span v-if="monitorRateStatus(scope.row.monitoring_record) == 2">正常</span>
191 
+              <span v-if="monitorRateStatus(scope.row.monitoring_record) == 3">心率过高</span>
192 
+            </template>
193 
+          </el-table-column>
194 
+        </el-table>
195 
+      </div>-->
165 
     </div>
 196 
     </div>
197 
+    <side-bar :active_index="1"></side-bar>
166 
     <mt-datetime-picker
 198 
     <mt-datetime-picker
167 
       ref="date_picker"
 199 
       ref="date_picker"
168 
       type="date"
 200 
       type="date"
169 
       @confirm="handleDateConfirm"
 201 
       @confirm="handleDateConfirm"
170 
       :endDate="new Date()"
 202 
       :endDate="new Date()"
171 
       v-model="date"
 203 
       v-model="date"
172 
-    >
173 
-    </mt-datetime-picker>
204 
+    ></mt-datetime-picker>
174 
   </div>
 205 
   </div>
175 
 </template>
 206 
 </template>
176
207
177 
 <script>
 208 
 <script>
178 
-import SideBar from "@/pages/layout/SideBar";
179 
-import Divider from "vux/src/components/divider/index";
180 
-import { getMonitorList, GetAllZone, getPatientMonitors } from "@/api/monitor";
181 
-import { parseTime } from "@/utils";
182 
-import { Toast } from "vant";
209 
+  import SideBar from "@/pages/layout/SideBar";
210 
+  import Divider from "vux/src/components/divider/index";
211 
+  import { getMonitorList, GetAllZone, getPatientMonitors } from "@/api/monitor";
212 
+  import { parseTime } from "@/utils";
213 
+  import { Toast } from "vant";
183
214
184 
-export default {
185 
-  name: "MonitoringIndex",
186 
-  created() {
187 
-    this.queryParams.date = this.parseTime(
188 
-      new Date().getTime() / 1000,
189 
-      "{y}-{m}-{d}"
190 
-    );
191 
-    this.queryParams.partition = this.partition;
192 
-    this.getMonitor(this.queryParams);
193 
-    this.GetAllZone();
194 
-  },
195 
-  data() {
196 
-    return {
197 
-      loading: false,
198 
-      finished: false,
215 
+  export default {
216 
+    name: "MonitoringIndex",
217 
+    created() {
218 
+      this.queryParams.date = this.parseTime(
219 
+        new Date().getTime() / 1000,
220 
+        "{y}-{m}-{d}"
221 
+      );
222 
+      this.queryParams.partition = this.partition;
223 
+      this.getMonitor(this.queryParams);
224 
+      this.GetAllZone();
225 
+    },
226 
+    data() {
227 
+      return {
228 
+        loading: false,
229 
+        finished: false,
199
230
200 
-      dialysis_scheduals: [],
201 
-      zones: [],
202 
-      visible: false,
203 
-      partitionArr: [],
204 
-      date: new Date(),
205 
-      partition: 0,
206 
-      queryParams: {
231 
+        dialysis_scheduals: [],
232 
+        zones: [],
233 
+        visible: false,
234 
+        partitionArr: [],
207 
         date: new Date(),
 235 
         date: new Date(),
208 
-        partition: ""
209 
-      },
210 
-      patient_keyword: "",
211 
-      search_page: 1
212 
-    };
213 
-  },
214 
-  methods: {
215 
-    clickfunction: function(val) {
216 
-      this.$router.push({
217 
-        path: "/details",
218 
-        query: {
219 
-          patient_id: val.patient_id,
220 
-          date: val.schedule_date,
221 
-          patient_name: val.patient.name
222 
-        }
223 
-      });
236 
+        partition: 0,
237 
+        queryParams: {
238 
+          date: new Date(),
239 
+          partition: ""
240 
+        },
241 
+        patient_keyword: "",
242 
+        search_page: 1
243 
+      };
224 
     },
 244 
     },
225 
-    getMonitor: function(queryParams) {
226 
-      this.search_page = 1;
227 
-      this.patient_keyword = "";
245 
+    methods: {
246 
+      clickfunction: function(val) {
247 
+        this.$router.push({
248 
+          path: "/details",
249 
+          query: {
250 
+            patient_id: val.patient_id,
251 
+            date: val.schedule_date,
252 
+            patient_name: val.patient.name
253 
+          }
254 
+        });
255 
+      },
256 
+      getMonitor: function(queryParams) {
257 
+        this.search_page = 1;
258 
+        this.patient_keyword = "";
228
259
229 
-      this.loading = true;
230 
-      this.finished = false;
231 
-      this.dialysis_scheduals = [];
232 
-      getMonitorList(queryParams).then(response => {
233 
-        this.loading = false;
234 
-        this.finished = true;
235 
-        if (response.data.state == 0) {
236 
-          return false;
237 
-        } else {
238 
-          var scheduals = response.data.data.monitor;
239 
-          var zoneMap = {};
240 
-          var schedualMap = {};
260 
+        this.loading = true;
261 
+        this.finished = false;
262 
+        this.dialysis_scheduals = [];
263 
+        getMonitorList(queryParams).then(response => {
264 
+          this.loading = false;
265 
+          this.finished = true;
266 
+          if (response.data.state == 0) {
267 
+            return false;
268 
+          } else {
269 
+            var scheduals = response.data.data.monitor;
270 
+            var zoneMap = {};
271 
+            var schedualMap = {};
241
272
242 
-          for (let index = 0; index < scheduals.length; index++) {
243 
-            const schedual = scheduals[index];
244 
-            if (schedualMap[schedual.device_zone.name] == null) {
245 
-              schedualMap[schedual.device_zone.name] = [];
273 
+            for (let index = 0; index < scheduals.length; index++) {
274 
+              const schedual = scheduals[index];
275 
+              if (schedualMap[schedual.device_zone.name] == null) {
276 
+                schedualMap[schedual.device_zone.name] = [];
277 
+              }
278 
+              schedualMap[schedual.device_zone.name].push(schedual);
279 
+              if (zoneMap[schedual.device_zone.name] == null) {
280 
+                zoneMap[schedual.device_zone.name] = schedual.device_zone;
281 
+              }
246 
             }
 282 
             }
247 
-            schedualMap[schedual.device_zone.name].push(schedual);
248 
-            if (zoneMap[schedual.device_zone.name] == null) {
249 
-              zoneMap[schedual.device_zone.name] = schedual.device_zone;
283 
+
284 
+            var zones = [];
285 
+            zones.push({ value: 0, text: "全部分区" });
286 
+            for (var zoneName in zoneMap) {
287 
+              zones.push({ value: zoneMap[zoneName].id, text: zoneName });
250 
             }
 288 
             }
251 
-          }
289 
+            zones = zones.sort(function(a, b) {
290 
+              return a.value > b.value;
291 
+            });
292 
+            this.zones = zones;
252
293
253 
-          var zones = [];
254 
-          zones.push({ value: 0, text: "全部分区" });
255 
-          for (var zoneName in zoneMap) {
256 
-            zones.push({ value: zoneMap[zoneName].id, text: zoneName });
294 
+            var dialysis_scheduals = [];
295 
+            for (let index = 0; index < zones.length; index++) {
296 
+              const zone = zones[index];
297 
+              var scheduals = schedualMap[zone.text];
298 
+              if (scheduals == null) {
299 
+                continue;
300 
+              }
301 
+              dialysis_scheduals.push({
302 
+                zone_name: zone.text,
303 
+                scheduals: scheduals
304 
+              });
305 
+            }
306 
+            this.dialysis_scheduals = dialysis_scheduals;
307 
+            // console.log(this.dialysis_scheduals);
257 
           }
 308 
           }
258 
-          zones = zones.sort(function(a, b) {
259 
-            return a.value > b.value;
260 
-          });
261 
-          this.zones = zones;
309 
+        });
310 
+      },
311 
+      parseTime(time, layout) {
312 
+        return parseTime(time, layout);
313 
+      },
314 
+      openPicker: function() {
315 
+        this.$refs.date_picker.open();
316 
+      },
317 
+      handleDateConfirm: function(val) {
318 
+        this.queryParams.date = this.parseTime(this.date / 1000, "{y}-{m}-{d}");
319 
+        this.queryParams.partition = this.partition;
262
320
263 
-          var dialysis_scheduals = [];
264 
-          for (let index = 0; index < zones.length; index++) {
265 
-            const zone = zones[index];
266 
-            var scheduals = schedualMap[zone.text];
267 
-            if (scheduals == null) {
268 
-              continue;
269 
-            }
270 
-            dialysis_scheduals.push({
271 
-              zone_name: zone.text,
272 
-              scheduals: scheduals
273 
-            });
321 
+        this.getMonitor(this.queryParams);
322 
+      },
323 
+      partitionName: function(val) {
324 
+        for (let i = 0; i < this.partitionArr.length; i++){
325 
+          if(this.partitionArr[i].id == val){
326 
+            return   this.partitionArr[i].name
274 
           }
 327 
           }
275 
-          this.dialysis_scheduals = dialysis_scheduals;
276 
-          // console.log(this.dialysis_scheduals);
277 
         }
 328 
         }
278 
-      });
279 
-    },
280 
-    parseTime(time, layout) {
281 
-      return parseTime(time, layout);
282 
-    },
283 
-    openPicker: function() {
284 
-      this.$refs.date_picker.open();
285 
-    },
286 
-    handleDateConfirm: function(val) {
287 
-      this.queryParams.date = this.parseTime(this.date / 1000, "{y}-{m}-{d}");
288 
-      this.queryParams.partition = this.partition;
329 
+      },
330 
+      GetAllZone: function() {
331 
+        GetAllZone().then(response => {
332 
+          if (response.data.state == 0) {
333 
+            return false;
334 
+          } else {
335 
+            this.partitionArr = response.data.data.zone;
336 
+            this.partitionArr.unshift({ id: 0, name: "全部分区" });
337 
+          }
338 
+        });
339 
+      },
340 
+      itemClick: function(id) {
341 
+        this.partition = id;
342 
+        this.visible = false;
289
343
290 
-      this.getMonitor(this.queryParams);
291 
-    },
292 
-    partitionName: function(val) {
293 
-      for (let i = 0; i < this.partitionArr.length; i++){
294 
-        if(this.partitionArr[i].id == val){
295 
-          return   this.partitionArr[i].name
296 
-        }
297 
-      }
298 
-    },
299 
-    GetAllZone: function() {
300 
-      GetAllZone().then(response => {
301 
-        if (response.data.state == 0) {
302 
-          return false;
303 
-        } else {
304 
-          this.partitionArr = response.data.data.zone;
305 
-          this.partitionArr.unshift({ id: 0, name: "全部分区" });
344 
+        this.queryParams.date = this.parseTime(this.date / 1000, "{y}-{m}-{d}");
345 
+        this.queryParams.partition = this.partition;
346 
+        this.getMonitor(this.queryParams);
347 
+      },
348 
+      monitorBloodPressureStatus: function(val) {
349 
+        let status = 0;
350 
+        if (val.length == 0) {
351 
+          return 0;
306 
         }
 352 
         }
307 
-      });
308 
-    },
309 
-    itemClick: function(id) {
310 
-      this.partition = id;
311 
-      this.visible = false;
353 
+        for (let i = 0; i < val.length; i++) {
354 
+          //舒张压（低压）(diastolic_blood_pressure)    收缩压(高压)(systolic_blood_pressure)
355 
+          if (
356 
+            val[i].systolic_blood_pressure >= 140 ||
357 
+            val[i].diastolic_blood_pressure >= 90
358 
+          ) {
359 
+            status = 3; //高压
360 
+          } else if (
361 
+            val[i].diastolic_blood_pressure < 60 ||
362 
+            val[i].systolic_blood_pressure < 90
363 
+          ) {
364 
+            status = 1; //低压
365 
+          } else if (
366 
+            val[i].diastolic_blood_pressure >= 60 ||
367 
+            val[i].systolic_blood_pressure < 140
368 
+          ) {
369 
+            status = 2; //正常
370 
+          }
312
371
313 
-      this.queryParams.date = this.parseTime(this.date / 1000, "{y}-{m}-{d}");
314 
-      this.queryParams.partition = this.partition;
315 
-      this.getMonitor(this.queryParams);
316 
-    },
317 
-    monitorBloodPressureStatus: function(val) {
318 
-      let status = 0;
319 
-      if (val.length == 0) {
320 
-        return 0;
321 
-      }
322 
-      for (let i = 0; i < val.length; i++) {
323 
-        //舒张压（低压）(diastolic_blood_pressure)    收缩压(高压)(systolic_blood_pressure)
324 
-        if (
325 
-          val[i].systolic_blood_pressure >= 140 ||
326 
-          val[i].diastolic_blood_pressure >= 90
327 
-        ) {
328 
-          status = 3; //高压
329 
-        } else if (
330 
-          val[i].diastolic_blood_pressure < 60 ||
331 
-          val[i].systolic_blood_pressure < 90
332 
-        ) {
333 
-          status = 1; //低压
334 
-        } else if (
335 
-          val[i].diastolic_blood_pressure >= 60 ||
336 
-          val[i].systolic_blood_pressure < 140
337 
-        ) {
338 
-          status = 2; //正常
372 
+          // if ( val[i].diastolic_blood_pressure < 60 | val[i].systolic_blood_pressure < 90 ) {
373 
+          //   status = 1; //低压
374 
+          // } else if (
375 
+          //   val[i].diastolic_blood_pressure >= 60 ||
376 
+          //   val[i].systolic_blood_pressure < 140
377 
+          // ) {
378 
+          //   status = 2; //正常
379 
+          // } else if (
380 
+          //   val[i].diastolic_blood_pressure >= 90 ||
381 
+          //   val[i].systolic_blood_pressure >= 140
382 
+          // ) {
383 
+          //   status = 3; //高压
384 
+          // }
339 
         }
 385 
         }
340
386
341 
-        // if ( val[i].diastolic_blood_pressure < 60 | val[i].systolic_blood_pressure < 90 ) {
342 
-        //   status = 1; //低压
343 
-        // } else if (
344 
-        //   val[i].diastolic_blood_pressure >= 60 ||
345 
-        //   val[i].systolic_blood_pressure < 140
346 
-        // ) {
347 
-        //   status = 2; //正常
348 
-        // } else if (
349 
-        //   val[i].diastolic_blood_pressure >= 90 ||
350 
-        //   val[i].systolic_blood_pressure >= 140
351 
-        // ) {
352 
-        //   status = 3; //高压
353 
-        // }
354 
-      }
355 
-
356 
-      return status;
357 
-    },
358 
-    monitorRateStatus: function(val) {
359 
-      let status = 0;
360 
-      if (val.length == 0) {
361 
-        return 0;
362 
-      }
363 
-      for (let i = 0; i < val.length; i++) {
364 
-        //舒张压（低压）(diastolic_blood_pressure)    收缩压(高压)(systolic_blood_pressure)
365 
-        if (val[i].pulse_frequency < 60) {
366 
-          status = 1; //心率过缓
367 
-        } else if (
368 
-          val[i].pulse_frequency >= 60 &&
369 
-          val[i].pulse_frequency < 100
370 
-        ) {
371 
-          status = 2; //心率正常
372 
-        } else if (val[i].pulse_frequency >= 100) {
373 
-          status = 3; //心率过快
387 
+        return status;
388 
+      },
389 
+      monitorRateStatus: function(val) {
390 
+        let status = 0;
391 
+        if (val.length == 0) {
392 
+          return 0;
393 
+        }
394 
+        for (let i = 0; i < val.length; i++) {
395 
+          //舒张压（低压）(diastolic_blood_pressure)    收缩压(高压)(systolic_blood_pressure)
396 
+          if (val[i].pulse_frequency < 60) {
397 
+            status = 1; //心率过缓
398 
+          } else if (
399 
+            val[i].pulse_frequency >= 60 &&
400 
+            val[i].pulse_frequency < 100
401 
+          ) {
402 
+            status = 2; //心率正常
403 
+          } else if (val[i].pulse_frequency >= 100) {
404 
+            status = 3; //心率过快
405 
+          }
406 
+        }
407 
+        return status;
408 
+      },
409 
+      searchWithKeyword: function(page) {
410 
+        this.$refs.search_field.blur();
411 
+        if (this.patient_keyword.length == 0) {
412 
+          this.queryParams.date = this.parseTime(this.date / 1000, "{y}-{m}-{d}");
413 
+          this.queryParams.partition = this.partition;
414 
+          this.getMonitor(this.queryParams);
415 
+          return;
374 
         }
 416 
         }
375 
-      }
376 
-      return status;
377 
-    },
378 
-    searchWithKeyword: function(page) {
379 
-      this.$refs.search_field.blur();
380 
-      if (this.patient_keyword.length == 0) {
381 
-        this.queryParams.date = this.parseTime(this.date / 1000, "{y}-{m}-{d}");
382 
-        this.queryParams.partition = this.partition;
383 
-        this.getMonitor(this.queryParams);
384 
-        return;
385 
-      }
386
417
387 
-      this.partition = 0;
418 
+        this.partition = 0;
388
419
389 
-      this.search_page = page;
390 
-      if (page == 1) {
391 
-        this.dialysis_scheduals = [];
392 
-      }
393 
-      this.loading = true;
394 
-      this.finished = false;
395 
-      getPatientMonitors({
396 
-        keyword: this.patient_keyword,
397 
-        page: this.search_page
398 
-      }).then(rs => {
399 
-        this.loading = false;
400 
-        this.finished = true;
401 
-        var resp = rs.data;
402 
-        if (resp.state == 1) {
403 
-          if (resp.data.monitor.length > 0) {
404 
-            this.dialysis_scheduals.push({
405 
-              zone_name: "",
406 
-              scheduals: resp.data.monitor
407 
-            });
408 
-            this.finished = false;
409 
-          } else {
410 
-            this.finished = true;
411 
-          }
420 
+        this.search_page = page;
421 
+        if (page == 1) {
422 
+          this.dialysis_scheduals = [];
412 
         }
 423 
         }
413 
-      });
424 
+        this.loading = true;
425 
+        this.finished = false;
426 
+        getPatientMonitors({
427 
+          keyword: this.patient_keyword,
428 
+          page: this.search_page
429 
+        }).then(rs => {
430 
+          this.loading = false;
431 
+          this.finished = true;
432 
+          var resp = rs.data;
433 
+          if (resp.state == 1) {
434 
+            if (resp.data.monitor.length > 0) {
435 
+              this.dialysis_scheduals.push({
436 
+                zone_name: "",
437 
+                scheduals: resp.data.monitor
438 
+              });
439 
+              this.finished = false;
440 
+            } else {
441 
+              this.finished = true;
442 
+            }
443 
+          }
444 
+        });
445 
+      },
446 
+      onLoad: function() {
447 
+        this.searchWithKeyword(this.search_page + 1);
448 
+      }
414 
     },
 449 
     },
415 
-    onLoad: function() {
416 
-      this.searchWithKeyword(this.search_page + 1);
450 
+    components: {
451 
+      Divider,
452 
+      SideBar
417 
     }
 453 
     }
418 
-  },
419 
-  components: {
420 
-    Divider,
421 
-    SideBar
422 
-  }
423 
-};
454 
+  };
424 
 </script>
 455 
 </script>
425
456
426 
-<style style="stylesheet/scss" lang="scss" scoped>
457 
+
458 
+<style lang="scss" scoped>
459 
+.mainBox {
460 
+  height: 100%;
461 
+}
427 
 .top {
 462 
 .top {
428 
   padding: 0.3rem 0.3rem;
 463 
   padding: 0.3rem 0.3rem;
429 
   @include text-align;
 464 
   @include text-align;
430 
   font-size: 0.36rem;
 465 
   font-size: 0.36rem;
431 
-  border-bottom: 1px #e5e5e5 solid;
466 
+   /*border-bottom: 1px #e5e5e5 solid;*/
432 
   position: relative;
 467 
   position: relative;
433 
   color: $title-color;
 468 
   color: $title-color;
434 
   @include display-flex;
 469 
   @include display-flex;
435 
   @include align-items-center;
 470 
   @include align-items-center;
436 
   @include justify-content-between;
 471 
   @include justify-content-between;
472 
+  background: #258ffc;
437 
   .title {
 473 
   .title {
438 
     font-size: 0.3rem;
 474 
     font-size: 0.3rem;
439 
     font-weight: bold;
 475 
     font-weight: bold;
450 
 .choice {
 486 
 .choice {
451 
   border-bottom: 1px #e5e5e5 solid;
 487 
   border-bottom: 1px #e5e5e5 solid;
452 
   position: fixed;
 488 
   position: fixed;
453 
-  top: 63px;
489 
+  top: 47px;
454 
   right: 0;
 490 
   right: 0;
455 
   z-index: 66;
 491 
   z-index: 66;
456 
-  left: 1.58rem;
457 
-  background: #fff;
458 
-  @media only screen and (max-width: 812px) {
459 
-    top: 43px !important;
492 
+  left: 0;
493 
+  background: #258ffc;
494 
+   /*@media only screen and (max-width: 415px) {*/
495 
+     /*top: 38px !important;*/
496 
+   /*}*/
497 
+   /*@media only screen and (min-width: 813px) and (max-width: 1024px) {*/
498 
+     /*top: 38px !important;*/
499 
+   /*}*/
500 
+  @media only screen and (min-width: 768px) {
501 
+    top: 80px !important;
460 
   }
 502 
   }
461 
   ul {
 503 
   ul {
462 
     @include display-flex;
 504 
     @include display-flex;
463 
     @include align-items-center;
 505 
     @include align-items-center;
464 
     @include text-align;
 506 
     @include text-align;
465 
     @include justify-content-between;
 507 
     @include justify-content-between;
466 
-    width: 30%;
508 
+    width: 55%;
467 
     margin: 0 auto;
 509 
     margin: 0 auto;
468 
-    font-size: 0.32rem;
469 
-    color: $pgh-color;
510 
+    font-size: 0.45rem;
511 
+    /*// color: $pgh-color;*/
512 
+    color: #fff;
470 
     li {
 513 
     li {
471 
       @include display-flex;
 514 
       @include display-flex;
472 
       @include align-items-center;
 515 
       @include align-items-center;
473 
       @include text-align;
 516 
       @include text-align;
474 
       @include justify-content-between;
 517 
       @include justify-content-between;
475 
-      padding: 0.3rem 0;
518 
+      padding: 0 0 0.3rem;
476
519
477 
       .iconfont {
 520 
       .iconfont {
478 
         margin: 0 0.1rem;
 521 
         margin: 0 0.1rem;
522 
+        color: #fff;
479 
       }
 523 
       }
480 
       .line {
 524 
       .line {
481 
         background: #a8b3ba;
 525 
         background: #a8b3ba;
488 
   }
 532 
   }
489 
 }
 533 
 }
490 
 .table {
 534 
 .table {
491 
-  width: 100%;
535 
+  width: 1000px;
536 
+  @media only screen and (min-width: 768px) {
537 
+    width: 1600px;
538 
+  }
492 
 }
 539 
 }
493 
 .van-list {
 540 
 .van-list {
494 
-  padding-top: 115px;
541 
+  padding-top: 76px;
495 
   background: #fff;
 542 
   background: #fff;
496 
   min-height: calc(100vh - 1px);
 543 
   min-height: calc(100vh - 1px);
497 
-  @media only screen and (max-width: 812px) {
544 
+  @media only screen and (min-width: 376px) and (max-width: 737px) {
498 
     padding-top: 80px !important;
 545 
     padding-top: 80px !important;
499 
   }
 546 
   }
547 
+  @media only screen and (min-width: 768px) {
548 
+    padding-top: 120px !important;
549 
+  }
550 
+}
551 
+.mainBox {
552 
+  height: 100%;
553 
+  display: flex;
554 
+  flex-direction: column;
555 
+  overflow: hidden;
556 
+  > :first-child {
557 
+    flex: 1;
558 
+    overflow: auto;
559 
+  }
560 
+}
561 
+</style>
562 
+<style lang="scss">
563 
+.newSearch1 {
564 
+  height: 1rem;
565 
+  width: 100%;
566 
+  background: #fff;
567 
+  border-radius: 30px;
568 
+  overflow: hidden;
569 
+  .searchBtn {
570 
+    width: 14%;
571 
+    float: right;
572 
+    height: 1rem;
573 
+    line-height: 1rem;
574 
+    text-align: center;
575 
+    font-size: 0.45rem;
576 
+    color: #258ffc;
577 
+  }
578 
+  .el-input {
579 
+    height: 100%;
580 
+    width: 85% !important;
581 
+    float: left;
582 
+  }
583 
+  .el-input__inner {
584 
+    height: 100%;
585 
+    line-height: 1rem;
586 
+    width: 100%;
587 
+    border-radius: 30px;
588 
+    border: none;
589 
+    font-size: 0.45rem;
590 
+    @media only screen and (min-width: 768px) {
591 
+      padding-left: 0.9rem;
592 
+    }
593 
+  }
594 
+  .el-input__icon {
595 
+    line-height: 1rem;
596 
+    font-size: 0.45rem;
597 
+    margin-top: 0.02rem;
598 
+    padding-left: 0.1rem;
599 
+  }
600 
+  .el-input__prefix {
601 
+    @media only screen and (min-width: 768px) {
602 
+      left: 10px;
603 
+    }
604 
+  }
605 
+}
606 
+
607 
+.monitoringTable {
608 
+  width: 100%;
609 
+  overflow: auto;
610 
+  /*// .el-table {*/
611 
+  /*//   width: 99.9% !important;*/
612 
+  /*// }*/
613 
+  /*// .newTable {*/
614 
+  /*//   margin-top: 80px;*/
615 
+  /*//   @media only screen and (min-width: 768px) {*/
616 
+  /*//     margin-top: 140px !important;*/
617 
+  /*//   }*/
618 
+  /*// }*/
619 
+  /*// .el-table td {*/
620 
+  /*//   padding: 0;*/
621 
+  /*// }*/
622 
+  /*// .el-table th {*/
623 
+  /*//   padding: 6px 0;*/
624 
+  /*// }*/
500 
 }
 625 
 }
501 
 </style>
 626 
 </style>

+ 97 - 0
src/pages/personal/ChangePassword.vue View File

1 
+<template>
2 
+  <div class="container">
3 
+    <div class="changePassword">
4 
+      <h1 class="title">
5 
+        <div class="GoBack" @click="$router.go(-1)">
6 
+          <span class="iconfont">&#xe720;</span>返回
7 
+        </div>
8 
+        <span class="name">修改密码</span>
9 
+        <div class="GoBack"></div>
10 
+      </h1>
11 
+      <van-field v-model="username" clearable label="旧密码" placeholder="请输入旧密码" />
12 
+      <van-field v-model="sms" center clearable label="验证码" placeholder="请输入短信验证码">
13 
+        <van-button slot="button" size="small" type="primary">发送验证码</van-button>
14 
+      </van-field>
15 
+      <van-field v-model="password" type="password" label="新密码" placeholder="请输入新密码" />
16 
+      <div class="finish">完成</div>
17 
+    </div>
18 
+  </div>
19 
+</template>
20 
+
21 
+<style rel="stylesheet/scss" lang="scss" >
22 
+.container {
23 
+  background: #f5f5f5;
24 
+  @include box-sizing;
25 
+  position: fixed;
26 
+  width: 100%;
27 
+  height: 100%;
28 
+  display: flex;
29 
+  justify-content: space-between;
30 
+  .changePassword {
31 
+    width: 100%;
32 
+    font-size: 0.45rem;
33 
+    .title {
34 
+      margin-bottom: 1rem;
35 
+
36 
+      font-size: 0.45rem;
37 
+      padding: 0.3rem 0.37rem;
38 
+      color: $title-color;
39 
+      @include align-items-center;
40 
+      @include display-flex;
41 
+      @include justify-content-between;
42 
+      @include text-align;
43 
+      background: #fff;
44 
+      .GoBack {
45 
+        color: $main-color;
46 
+        font-size: 0.45rem;
47 
+        @include display-flex;
48 
+        .iconfont {
49 
+          color: $main-color;
50 
+          font-size: 0.5rem;
51 
+          margin-top: 1px;
52 
+          @media only screen and (min-width: 768px) {
53 
+            margin-top: 3px;
54 
+          }
55 
+        }
56 
+      }
57 
+      .name {
58 
+        margin-right: 1.3rem;
59 
+      }
60 
+    }
61 
+    .van-cell {
62 
+      width: 90%;
63 
+      margin: 0 auto;
64 
+      height: 1.4rem;
65 
+      padding: 0 15px;
66 
+    }
67 
+    .van-field__label {
68 
+      height: 1.4rem;
69 
+      line-height: 1.4rem;
70 
+      font-size: 0.45rem;
71 
+    }
72 
+    .van-field__body {
73 
+      height: 100%;
74 
+      font-size: 0.45rem;
75 
+    }
76 
+    .van-field__label {
77 
+      max-width: 2.5rem;
78 
+    }
79 
+    .van-button--primary {
80 
+      background-color: #258ffc;
81 
+      border: 1px solid #258ffc;
82 
+    }
83 
+  }
84 
+  .finish {
85 
+    width: 90%;
86 
+    margin: 0 auto;
87 
+    border-radius: 5px;
88 
+    height: 1.4rem;
89 
+    background: rgba(37, 143, 252, 1);
90 
+    color: #fff;
91 
+    text-align: center;
92 
+    font-size: 0.6rem;
93 
+    line-height: 1.4rem;
94 
+    margin-top: 1rem;
95 
+  }
96 
+}
97 
+</style>

+ 45 - 27
src/pages/personal/ElectronicSignature.vue View File

1 
 <template>
 1 
 <template>
2 
   <div class="mainBox">
 2 
   <div class="mainBox">
3 
-    <side-bar :active_index="3"></side-bar>
4 
     <div class="mainContent">
 3 
     <div class="mainContent">
5 
       <h1 class="title">
 4 
       <h1 class="title">
6 
         <div class="GoBack" @click="$router.go(-1)">
 5 
         <div class="GoBack" @click="$router.go(-1)">
31 
           ></canvas>
 30 
           ></canvas>
32 
         </div>
 31 
         </div>
33 
         <div class="imagename" v-show="showpan == 'image'">
 32 
         <div class="imagename" v-show="showpan == 'image'">
34 
-          <img :src="electronicsignature" alt="" srcset="" />
33 
+          <img :src="electronicsignature" alt srcset />
35 
         </div>
 34 
         </div>
36 
         <div class="set">
 35 
         <div class="set">
37 
           <el-row>
 36 
           <el-row>
38 
             <el-button @click="clearCanvas">重写签名</el-button>
 37 
             <el-button @click="clearCanvas">重写签名</el-button>
39 
-            <el-button
40 
-              :disabled="nobeginAction"
41 
-              type="primary"
42 
-              @click="getImageAction"
43 
-              >上传签名</el-button
44 
-            >
38 
+            <el-button :disabled="nobeginAction" type="primary" @click="getImageAction">上传签名</el-button>
45 
           </el-row>
 39 
           </el-row>
46 
         </div>
 40 
         </div>
47 
       </div>
 41 
       </div>
48 
     </div>
 42 
     </div>
43 
+    <side-bar :active_index="3"></side-bar>
49 
     <el-dialog
 44 
     <el-dialog
50 
       title="提示"
 45 
       title="提示"
51 
       :visible.sync="centerDialogVisible"
 46 
       :visible.sync="centerDialogVisible"
55 
       element-loading-spinner="el-icon-loading"
 50 
       element-loading-spinner="el-icon-loading"
56 
       center
 51 
       center
57 
     >
 52 
     >
58 
-      <vue-cropper
59 
-        ref="cropper"
60 
-        :src="imgUrl"
61 
-        alt="Source Image"
62 
-        :cropmove="cropImage"
63 
-      >
64 
-      </vue-cropper>
53 
+      <vue-cropper ref="cropper" :src="imgUrl" alt="Source Image" :cropmove="cropImage"></vue-cropper>
65 
       <span slot="footer" class="dialog-footer">
 54 
       <span slot="footer" class="dialog-footer">
66 
         <el-button @click="centerDialogVisible = false">取 消</el-button>
 55 
         <el-button @click="centerDialogVisible = false">取 消</el-button>
67 
         <el-button type="primary" @click="uploadImage">确 定</el-button>
 56 
         <el-button type="primary" @click="uploadImage">确 定</el-button>
141 
   created() {
 130 
   created() {
142 
     this.getToken();
 131 
     this.getToken();
143 
     this.GetElectronicSignature();
 132 
     this.GetElectronicSignature();
133 
+    // document.body.addEventListener(
134 
+    //   "touchmove",
135 
+    //   function(e) {
136 
+    //     e.preventDefault();
137 
+    //   },
138 
+    //   { passive: false }
139 
+    // );
144 
   },
 140 
   },
145 
   mounted() {
 141 
   mounted() {
146 
     const canvas = document.querySelector("#canvas");
 142 
     const canvas = document.querySelector("#canvas");
232 
       this.middleAry.push(preData);
 228 
       this.middleAry.push(preData);
233 
     },
 229 
     },
234 
     canvasMove(e) {
 230 
     canvasMove(e) {
231 
+      e.preventDefault();
235 
       if (this.canvasMoveUse) {
 232 
       if (this.canvasMoveUse) {
236 
         const t = e.target;
 233 
         const t = e.target;
237 
         let canvasX;
 234 
         let canvasX;
389 
 }
 386 
 }
390 
 .mainContent {
 387 
 .mainContent {
391 
   .title {
 388 
   .title {
392 
-    font-size: 0.36rem;
389 
+    font-size: 0.45rem;
393 
     padding: 0.3rem 0.37rem;
 390 
     padding: 0.3rem 0.37rem;
394 
     color: $title-color;
 391 
     color: $title-color;
395 
     @include align-items-center;
 392 
     @include align-items-center;
399 
     background: #fff;
 396 
     background: #fff;
400 
     .GoBack {
 397 
     .GoBack {
401 
       color: $main-color;
 398 
       color: $main-color;
402 
-      font-size: 0.36rem;
399 
+      font-size: 0.45rem;
403 
       @include display-flex;
 400 
       @include display-flex;
404 
       .iconfont {
 401 
       .iconfont {
405 
         color: $main-color;
 402 
         color: $main-color;
406 
         font-size: 0.5rem;
 403 
         font-size: 0.5rem;
404 
+        margin-top: 1px;
405 
+        @media only screen and (min-width: 768px) {
406 
+          margin-top: 3px;
407 
+        }
407 
       }
 408 
       }
408 
     }
 409 
     }
410 
+    .name {
411 
+      margin-right: 1.3rem;
412 
+    }
409 
   }
 413 
   }
410 
   .information {
 414 
   .information {
411 
     width: 100%;
 415 
     width: 100%;
412 
     margin: 0 auto;
 416 
     margin: 0 auto;
413 
     .imagename {
 417 
     .imagename {
414 
-      width: 600px;
418 
+      width: 100%;
415 
       margin: 0 auto;
 419 
       margin: 0 auto;
416 
       text-align: center;
 420 
       text-align: center;
417 
       padding: 10px 0;
 421 
       padding: 10px 0;
419 
     }
 423 
     }
420 
     .name {
 424 
     .name {
421 
       background: #fff;
 425 
       background: #fff;
422 
-      width: 600px;
426 
+      width: 100%;
423 
       height: 400px;
 427 
       height: 400px;
424 
       margin: 0 auto;
 428 
       margin: 0 auto;
425 
       border-radius: 4px;
 429 
       border-radius: 4px;
426 
-
427 
-      @media only screen and (max-width: 812px) {
428 
-        width: 500px !important;
429 
-        height: 200px !important;
430 
-      }
430 
+      overflow: hidden;
431 
+      // @media only screen and (max-width: 812px) {
432 
+      //   width: 500px !important;
433 
+      //   height: 200px !important;
434 
+      // }
431 
       .item {
 435 
       .item {
432 
         padding: 0.37rem 0.4rem;
 436 
         padding: 0.37rem 0.4rem;
433 
         @include align-items-center;
 437 
         @include align-items-center;
463 
   }
 467 
   }
464 
 }
 468 
 }
465 
 .fl {
 469 
 .fl {
466 
-  @media only screen and (max-width: 812px) {
467 
-    width: 500px !important;
468 
-    height: 200px !important;
470 
+  // @media only screen and (max-width: 812px) {
471 
+  //   width: 100% !important;
472 
+  //   height: 400px !important;
473 
+  // }
474 
+  @media only screen and (min-width: 768px) {
475 
+    width: 1000px !important;
476 
+    height: 400px !important;
477 
+  }
478 
+}
479 
+.mainBox {
480 
+  height: 100%;
481 
+  display: flex;
482 
+  overflow: hidden;
483 
+  flex-direction: column;
484 
+  > :first-child {
485 
+    flex: 1;
486 
+    overflow: auto;
469 
   }
 487 
   }
470 
 }
 488 
 }
471 
 </style>
 489 
 </style>

+ 100 - 0
src/pages/personal/ForgetPassword.vue View File

1 
+<template>
2 
+  <div class="container">
3 
+    <div class="newLogin">
4 
+      <div class="login">
5 
+        <div class="logo">
6 
+          <img src="../../assets/login/newLogo.png" alt />
7 
+        </div>
8 
+        <div class="formBox">
9 
+          <div class="formOne">
10 
+            <el-input placeholder="请输入账号" v-model="input" clearable></el-input>
11 
+          </div>
12 
+          <div class="formOne">
13 
+            <el-input class="reyzm" v-model="input"></el-input>
14 
+            <div class="get">获取验证码</div>
15 
+          </div>
16 
+          <div class="formOne">
17 
+            <el-input placeholder="请输入新密码" v-model="input"></el-input>
18 
+          </div>
19 
+          <div class="confirm">确定修改</div>
20 
+        </div>
21 
+      </div>
22 
+    </div>
23 
+  </div>
24 
+</template>
25 
+
26 
+<style rel="stylesheet/scss" lang="scss" >
27 
+.container {
28 
+  background: #f5f5f5;
29 
+  @include box-sizing;
30 
+  position: fixed;
31 
+  width: 100%;
32 
+  height: 100%;
33 
+  display: flex;
34 
+  justify-content: space-between;
35 
+
36 
+  .newLogin {
37 
+    width: 90%;
38 
+    height: 90%;
39 
+    margin: auto;
40 
+    box-shadow: 0px 2px 25px 0px rgba(37, 143, 252, 0.1);
41 
+    border-radius: 14px;
42 
+    background: #fff;
43 
+  }
44 
+  .login {
45 
+    // @include box-shadow;
46 
+    @include text-align;
47 
+    @include display-flex;
48 
+    @include align-items-center;
49 
+    // @include justify-content-center;
50 
+    @include flex-direction;
51 
+    height: 100%;
52 
+    .logo {
53 
+      padding: 3rem 0 2.5rem;
54 
+      img {
55 
+        width: 44%;
56 
+        height: auto;
57 
+        display: inline-block;
58 
+      }
59 
+    }
60 
+
61 
+    .newForget {
62 
+      text-align: right;
63 
+      font-size: 0.45rem;
64 
+      font-weight: 400;
65 
+      color: rgba(37, 143, 252, 1);
66 
+      margin-top: 0.5rem;
67 
+    }
68 
+    .formOne {
69 
+      height: 1.3rem;
70 
+      display: flex;
71 
+      justify-content: space-between;
72 
+      margin-bottom: 0.5rem;
73 
+      .el-input__inner {
74 
+        height: 100%;
75 
+        font-size: 0.45rem;
76 
+      }
77 
+      .reyzm {
78 
+        width: 60%;
79 
+      }
80 
+      .get {
81 
+        width: 36%;
82 
+        height: 100%;
83 
+        font-size: 0.5rem;
84 
+        background: rgba(37, 143, 252, 1);
85 
+        line-height: 1.3rem;
86 
+        border-radius: 5px;
87 
+        color: #fff;
88 
+      }
89 
+    }
90 
+    .confirm {
91 
+      height: 1.3rem;
92 
+      background: rgba(37, 143, 252, 1);
93 
+      line-height: 1.3rem;
94 
+      color: #fff;
95 
+      border-radius: 5px;
96 
+      font-size: 0.5rem;
97 
+    }
98 
+  }
99 
+}
100 
+</style>

+ 190 - 75
src/pages/personal/index.vue View File

1 
 <template>
 1 
 <template>
2 
-    <div class="mainBox">
3 
-        <side-bar :active_index="3"></side-bar>
4 
-        <div class="mainContent">
5 
-            <h1 class="title">我的</h1>
6 
-            <div class="information">
7 
-                <div class="blueBorder"></div>
8 
-                <div class="name">
9 
-                    <!--<router-link to="/EditPersonal">-->
10 
-                        <div class="item">
11 
-                            <div class="tx">
12 
-                              <img :src="myinfo.avatar" alt="" v-if="myinfo.avatar != ''">
13 
-                              <img :src="avatar" alt="" v-if="myinfo.avatar == ''">
14 
-                            </div>
15 
-                            <!--<span class="iconfont">&#xe6f9;</span>-->
16 
-                        </div>
17 
-                    <!--</router-link>-->
18 
-                </div>
19 
-                <div class="name">
20 
-                    <router-link to="/ElectronicSignature">
21 
-                        <div class="item">
22 
-                            <div class="tx">
23 
-                                <img :src="electronicsignature" alt="" v-if="electronicsignature">
24 
-                                <h2>电子签名</h2>
25 
-                            </div>
26 
-                            <span class="iconfont">&#xe6f9;</span>
27 
-                        </div>
28 
-                    </router-link>
29 
-                </div>
30 
-                <div class="set" v-show="false">
31 
-                   <div class="item">
32 
-                       <div class="tx">
33 
-                           <img src="@/assets/my/12.png" alt="">
34 
-                           <h2>消息通知</h2>
35 
-                       </div>
36 
-                       <span class="iconfont">&#xe6f9;</span>
37 
-                   </div>
38 
-                   <div class="item">
39 
-                       <div class="tx">
40 
-                           <img src="@/assets/my/13.png" alt="">
41 
-                           <h2>系统设置</h2>
42 
-                       </div>
43 
-                       <span class="iconfont">&#xe6f9;</span>
44 
-                   </div>
45 
-                   <div class="item">
46 
-                       <div class="tx">
47 
-                           <img src="@/assets/my/14.png" alt="">
48 
-                           <h2>软件更新</h2>
49 
-                       </div>
50 
-                       <span class="iconfont">&#xe6f9;</span>
51 
-                   </div>
52 
-                   <div class="item">
53 
-                       <div class="tx">
54 
-                           <img src="@/assets/my/15.png" alt="">
55 
-                           <h2>使用帮助</h2>
56 
-                       </div>
57 
-                       <span class="iconfont">&#xe6f9;</span>
58 
-                   </div>
59 
-                   <div class="item">
60 
-                       <div class="tx">
61 
-                           <img src="@/assets/my/16.png" alt="">
62 
-                           <h2>关于我们</h2>
63 
-                       </div>
64 
-                       <span class="iconfont">&#xe6f9;</span>
65 
-                   </div>
66 
-                </div>
67 
-                <div class="set">
68 
-                    <span class="out" @click="logout">退出登录</span>
69 
-                </div>
2 
+  <div class="mainBox">
3 
+    <div class="mainContent">
4 
+      <!-- <h1 class="title">我的</h1>
5 
+      <div class="information">
6 
+        <div class="blueBorder"></div>
7 
+        <div class="name">
8 
+          <router-link to="/EditPersonal">
9 
+          <div class="item">
10 
+            <div class="tx">
11 
+              <img :src="myinfo.avatar" alt v-if="myinfo.avatar != ''" />
12 
+              <img :src="avatar" alt v-if="myinfo.avatar == ''" />
70 
             </div>
 13 
             </div>
14 
+            <span class="iconfont">&#xe6f9;</span>
15 
+          </div>
16 
+          </router-link>
71 
         </div>
 17 
         </div>
18 
+        <div class="name">
19 
+          <router-link to="/ElectronicSignature">
20 
+            <div class="item">
21 
+              <div class="tx">
22 
+                <img :src="electronicsignature" alt v-if="electronicsignature" />
23 
+                <h2>电子签名</h2>
24 
+              </div>
25 
+              <span class="iconfont">&#xe6f9;</span>
26 
+            </div>
27 
+          </router-link>
28 
+        </div>
29 
+        <div class="set" v-show="false">
30 
+          <div class="item">
31 
+            <div class="tx">
32 
+              <img src="@/assets/my/12.png" alt />
33 
+              <h2>消息通知</h2>
34 
+            </div>
35 
+            <span class="iconfont">&#xe6f9;</span>
36 
+          </div>
37 
+          <div class="item">
38 
+            <div class="tx">
39 
+              <img src="@/assets/my/13.png" alt />
40 
+              <h2>系统设置</h2>
41 
+            </div>
42 
+            <span class="iconfont">&#xe6f9;</span>
43 
+          </div>
44 
+          <div class="item">
45 
+            <div class="tx">
46 
+              <img src="@/assets/my/14.png" alt />
47 
+              <h2>软件更新</h2>
48 
+            </div>
49 
+            <span class="iconfont">&#xe6f9;</span>
50 
+          </div>
51 
+          <div class="item">
52 
+            <div class="tx">
53 
+              <img src="@/assets/my/15.png" alt />
54 
+              <h2>使用帮助</h2>
55 
+            </div>
56 
+            <span class="iconfont">&#xe6f9;</span>
57 
+          </div>
58 
+          <div class="item">
59 
+            <div class="tx">
60 
+              <img src="@/assets/my/16.png" alt />
61 
+              <h2>关于我们</h2>
62 
+            </div>
63 
+            <span class="iconfont">&#xe6f9;</span>
64 
+          </div>
65 
+        </div>
66 
+        <div class="set">
67 
+          <span class="out" @click="logout">退出登录</span>
68 
+        </div>
69 
+      </div>-->
70 
+      <!-- <div class="myTitle">我的</div> -->
71 
+      <div class="mybanner">
72 
+        <img class="bannerOne" src="../../assets/my/myBanner.png" alt />
73 
+        <div class="avatar">
74 
+          <img src="../../assets/my/avatar.png" alt />
75 
+          <p>用户姓名</p>
76 
+        </div>
77 
+      </div>
78 
+      <div class="list">
79 
+        <router-link to="/ElectronicSignature">
80 
+          <div class="name">
81 
+            <div class="left">
82 
+              <img src="../../assets/my/name.png" alt />
83 
+              <span>电子签名</span>
84 
+            </div>
85 
+            <span class="iconfont jiantou">&#xe6f9;</span>
86 
+          </div>
87 
+        </router-link>
88 
+        <router-link to="/ChangePassword">
89 
+          <div class="name">
90 
+            <div class="left">
91 
+              <img src="../../assets/my/modification.png" alt />
92 
+              <span>修改密码</span>
93 
+            </div>
94 
+            <span class="iconfont jiantou">&#xe6f9;</span>
95 
+          </div>
96 
+        </router-link>
97 
+        <div class="name" @click="logout">
98 
+          <div class="left">
99 
+            <img src="../../assets/my/exit.png" alt />
100 
+            <span>退出登录</span>
101 
+          </div>
102 
+          <span class="iconfont jiantou">&#xe6f9;</span>
103 
+        </div>
104 
+      </div>
72 
     </div>
 105 
     </div>
106 
+    <side-bar :active_index="3"></side-bar>
107 
+  </div>
73 
 </template>
 108 
 </template>
74
109
75 
 <script>
 110 
 <script>
87 
     return {
 122 
     return {
88 
       electronicsignature: "",
 123 
       electronicsignature: "",
89 
       myinfo: {},
 124 
       myinfo: {},
90 
-      avatar:"@/assets/product/test.jpg"
125 
+      avatar: "@/assets/product/test.jpg"
91 
     };
 126 
     };
92 
   },
 127 
   },
93 
   created() {
 128 
   created() {
120 
 .mainContent {
 155 
 .mainContent {
121 
   .title {
 156 
   .title {
122 
     font-size: 0.36rem;
 157 
     font-size: 0.36rem;
123 
-    padding: 0.30rem 0;
124 
-    color: $title-color;
158 
+    padding: 0.3rem 0;
159 
+    // color: $title-color;
125 
     text-align: center;
 160 
     text-align: center;
126 
     position: fixed;
 161 
     position: fixed;
127 
     top: 0;
 162 
     top: 0;
128 
-    left: 1.58rem;
163 
+    left: 0;
129 
     right: 0;
 164 
     right: 0;
130 
     z-index: 1000;
 165 
     z-index: 1000;
131 
     background: #fff;
 166 
     background: #fff;
133 
   .information {
 168 
   .information {
134 
     width: 100%;
 169 
     width: 100%;
135 
     margin: 0 auto;
 170 
     margin: 0 auto;
136 
-    padding-top:63px;
171 
+    padding-top: 63px;
137 
     min-height: calc(100vh - 2px);
 172 
     min-height: calc(100vh - 2px);
138 
     .name {
 173 
     .name {
139 
       background: #fff;
 174 
       background: #fff;
171 
         }
 206 
         }
172 
       }
 207 
       }
173 
       &:last-child {
 208 
       &:last-child {
174 
-          border: none;
175 
-        }
209 
+        border: none;
210 
+      }
176 
     }
 211 
     }
177
212
178 
     .set {
 213 
     .set {
222 
 .el-collapse-item__header {
 257 
 .el-collapse-item__header {
223 
   font-size: 0.3rem !important;
 258 
   font-size: 0.3rem !important;
224 
 }
 259 
 }
260 
+.mainBox {
261 
+  height: 100%;
262 
+  display: flex;
263 
+  flex-direction: column;
264 
+  overflow: hidden;
265 
+  > :first-child {
266 
+    flex: 1;
267 
+    overflow: auto;
268 
+  }
269 
+  .myTitle {
270 
+    height: 1.4rem;
271 
+    line-height: 1.4rem;
272 
+    width: 100%;
273 
+    background: #3275fd;
274 
+    text-align: center;
275 
+    color: #fff;
276 
+    font-size: 0.6rem;
277 
+  }
278 
+  .mybanner {
279 
+    height: 30%;
280 
+    position: relative;
281 
+    .bannerOne {
282 
+      position: absolute;
283 
+    }
284 
+    img {
285 
+      width: 100%;
286 
+      height: 100%;
287 
+    }
288 
+    .avatar {
289 
+      position: absolute;
290 
+      width: 4rem;
291 
+      top: 1.3rem;
292 
+      left: 0;
293 
+      right: 0;
294 
+      bottom: 0;
295 
+      margin: auto;
296 
+      text-align: center;
297 
+      img {
298 
+        width: 2.5rem;
299 
+        height: 2.5rem;
300 
+      }
301 
+      p {
302 
+        font-size: 0.5rem;
303 
+        color: #fff;
304 
+        margin-top: 0.2rem;
305 
+      }
306 
+    }
307 
+  }
308 
+  .name {
309 
+    display: flex;
310 
+    height: 1.8rem;
311 
+    line-height: 1.8rem;
312 
+    background: #fff;
313 
+    margin: 0 0.4rem;
314 
+    padding: 0 0.4rem;
315 
+    display: flex;
316 
+    justify-content: space-between;
317 
+    border-radius: 5px;
318 
+    margin-top: 0.5rem;
319 
+    .left {
320 
+      height: 100%;
321 
+      line-height: 1.8rem;
322 
+      display: flex;
323 
+      align-items: center;
324 
+      span {
325 
+        color: #34495e;
326 
+        font-size: 0.5rem;
327 
+        margin-left: 0.4rem;
328 
+      }
329 
+    }
330 
+    img {
331 
+      width: 1rem;
332 
+      height: 1rem;
333 
+      display: inline-block;
334 
+    }
335 
+    .jiantou {
336 
+      font-size: 0.6rem;
337 
+    }
338 
+  }
339 
+}
225 
 </style>
 340 
 </style>

+ 1 - 0
src/pages/product/index.vue View File

51 
     doctorEnterAction: function() {
 51 
     doctorEnterAction: function() {
52 
       this.$store.dispatch("SwitchRoleTypeToDoctor")
 52 
       this.$store.dispatch("SwitchRoleTypeToDoctor")
53 
       this.$router.push({path: "/main"})
 53 
       this.$router.push({path: "/main"})
54 
+      console.log(".")
54 
       // this.$router.push({path: "/layout"})
 55 
       // this.$router.push({path: "/layout"})
55 
     }
 56 
     }
56 
   }
 57 
   }

+ 51 - 41
src/router/index.js View File

1 
- import Vue from 'vue'
2 
-import Router from 'vue-router'
1 
+import Vue from "vue";
2 
+import Router from "vue-router";
3
3
4 
-Vue.use(Router)
4 
+
5 
+Vue.use(Router);
5
6
6 
 export default new Router({
 7 
 export default new Router({
7 
   routes: [
 8 
   routes: [
8 
     {
 9 
     {
9 
-      path: '/',
10 
-      name: 'Home',
11 
-      component: () => import('@/pages/home/login')
10 
+      path: "/",
11 
+      name: "Home",
12 
+      component: () => import("@/pages/home/login")
12 
     },
 13 
     },
13 
     {
 14 
     {
14 
-      path: '/product',
15 
-      name: 'Product',
16 
-      component: () => import('@/pages/product/index')
15 
+      path: "/product",
16 
+      name: "Product",
17 
+      component: () => import("@/pages/product/index")
17 
     },
 18 
     },
18 
     {
 19 
     {
19 
-      path: '/main',
20 
-      name: 'main',
21 
-      component: () => import('@/pages/main/index')
20 
+      path: "/main",
21 
+      name: "main",
22 
+      component: () => import("@/pages/main/index")
22 
     },
 23 
     },
23 
     {
 24 
     {
24 
-      path: '/details',
25 
-      name: 'details',
26 
-      component: () => import('@/pages/main/DetailsPage')
25 
+      path: "/details",
26 
+      name: "details",
27 
+      component: () => import("@/pages/main/DetailsPage")
27 
     },
 28 
     },
28 
     {
 29 
     {
29 
-      path: '/monitoring',
30 
-      name: 'monitorPage',
31 
-      component: () => import('@/pages/monitoring/index')
32 
-
30 
+      path: "/monitoring",
31 
+      name: "monitorPage",
32 
+      component: () => import("@/pages/monitoring/index")
33 
+    },
34 
+    {
35 
+      path: "/my",
36 
+      name: "my",
37 
+      component: () => import("@/pages/personal/index")
38 
+    },
39 
+    {
40 
+      path: "/advice",
41 
+      name: "doctorAdvice",
42 
+      component: () => import("@/pages/advice/index")
33 
     },
 43 
     },
34 
     {
 44 
     {
35 
-      path: '/my',
36 
-      name: 'my',
37 
-      component: () => import('@/pages/personal/index')
45 
+      path: "/EditPersonal",
46 
+      name: "EditPersonal",
47 
+      component: () => import("@/pages/personal/EditPersonal")
38 
     },
 48 
     },
39 
     {
 49 
     {
40 
-      path: '/advice',
41 
-      name: 'doctorAdvice',
42 
-      component: () => import('@/pages/advice/index')
50 
+      path: "/ElectronicSignature",
51 
+      name: "ElectronicSignature",
52 
+      component: () => import("@/pages/personal/ElectronicSignature")
43 
     },
 53 
     },
44 
     {
 54 
     {
45 
-      path: '/EditPersonal',
46 
-      name: 'EditPersonal',
47 
-      component: () => import('@/pages/personal/EditPersonal')
55 
+      path: "/Print",
56 
+      name: "Print",
57 
+      component: () => import("@/pages/main/PrintIndex")
48 
     },
 58 
     },
49 
     {
 59 
     {
50 
-      path: '/ElectronicSignature',
51 
-      name: 'ElectronicSignature',
52 
-      component: () => import('@/pages/personal/ElectronicSignature')
60 
+      path: "/add_urgent_schedule",
61 
+      name: "AddUrgentSchedule",
62 
+      component: () => import("@/pages/main/add_urgent_schedule")
53 
     },
 63 
     },
54 
     {
 64 
     {
55 
-      path: '/Print',
56 
-      name: 'Print',
57 
-      component: () => import('@/pages/main/PrintIndex')
65 
+      path: "/Prints",
66 
+      name: "Prints",
67 
+      component: () => import("@/pages/main/Print")
58 
     },
 68 
     },
59 
     {
 69 
     {
60 
-      path: '/add_urgent_schedule',
61 
-      name: 'AddUrgentSchedule',
62 
-      component: () => import('@/pages/main/add_urgent_schedule')
70 
+      path: "/forgetPassword",
71 
+      name: "forgetPassword",
72 
+      component: () => import("@/pages/personal/ForgetPassword")
63 
     },
 73 
     },
64 
     {
 74 
     {
65 
-      path: '/Prints',
66 
-      name: 'Prints',
67 
-      component: () => import('@/pages/main/Print')
75 
+      path: "/changePassword",
76 
+      name: "changePassword",
77 
+      component: () => import("@/pages/personal/ChangePassword")
68 
     }
 78 
     }
69 
   ]
 79 
   ]
70 
-})
80 
+});

+ 7 - 2
src/styles/media.scss View File

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

+ 128 - 80
src/styles/style.scss View File

1 
 .body {
 1 
 .body {
2 
   // background: $base-color;
 2 
   // background: $base-color;
3 
 }
 3 
 }
4 
-
4 
+html,
5 
+body {
6 
+  height: 100%;
7 
+}
5 
 #app {
 8 
 #app {
6 
   width: 100%;
 9 
   width: 100%;
7 
   height: 100%;
 10 
   height: 100%;
9
12
10 
 .iconfont {
 13 
 .iconfont {
11 
   color: #a8b3ba;
 14 
   color: #a8b3ba;
15 
+  font-size: 0.45rem;
12 
 }
 16 
 }
13
17
14 
 .mainBox {
 18 
 .mainBox {
82 
         font-size: 0.34rem;
 86 
         font-size: 0.34rem;
83 
         line-height: 0.62rem;
 87 
         line-height: 0.62rem;
84 
         float: left;
 88 
         float: left;
85 
-        width: 5.2rem;
89 
+        width: 5rem;
90 
+        @media only screen and (min-width: 376px) and (max-width: 413px) {
91 
+          width: 4.2rem;
92 
+        }
93 
+        @media only screen and (min-width: 768px) {
94 
+          width: 6.6rem;
95 
+        }
86 
         .content {
 96 
         .content {
87 
           color: $main-color;
 97 
           color: $main-color;
88 
         }
 98 
         }
201 
   @include justify-content-around;
 211 
   @include justify-content-around;
202 
   background: #fff;
 212 
   background: #fff;
203 
   span {
 213 
   span {
204 
-    height: 0.6rem;
205 
-    line-height: 0.6rem;
214 
+    height: 0.8rem;
215 
+    line-height: 0.8rem;
206 
     background: #fff;
 216 
     background: #fff;
207 
-    border-radius: 50px;
217 
+    border-radius: 5px;
208 
     border: 1px $border-color solid;
 218 
     border: 1px $border-color solid;
209 
     display: inline-block;
 219 
     display: inline-block;
210 
     @include text-align;
 220 
     @include text-align;
211 
     margin: 0.25rem 0;
 221 
     margin: 0.25rem 0;
212 
     color: #34495e;
 222 
     color: #34495e;
213 
-    font-size: 0.34rem;
223 
+    font-size: 0.32rem;
214 
     padding: 0 0.3rem;
 224 
     padding: 0 0.3rem;
215 
   }
 225 
   }
216 
   .forbid {
 226 
   .forbid {
316 
 .popover-demo-content {
 326 
 .popover-demo-content {
317 
   ul {
 327 
   ul {
318 
     li {
 328 
     li {
319 
-      font-size: 0.32rem;
329 
+      font-size: 0.45rem;
320 
       color: $title-color;
 330 
       color: $title-color;
321 
-      line-height: 0.7rem;
322 
-      height: 0.7rem;
331 
+      line-height: 1rem;
332 
+      height: 1rem;
323 
       .iconfont {
 333 
       .iconfont {
324 
         float: right;
 334 
         float: right;
325 
         color: #409eff;
 335 
         color: #409eff;
338
348
339 
 .mainBox {
 349 
 .mainBox {
340 
   .mainContent {
 350 
   .mainContent {
341 
-    margin: 0 0 0 1.58rem;
351 
+    // margin: 0 0 0 1.58rem;
342 
   }
 352 
   }
343 
 }
 353 
 }
344
354
357 
     height: 0 !important;
 367 
     height: 0 !important;
358 
     background-color: transparent !important;
 368 
     background-color: transparent !important;
359 
   }
 369 
   }
370 
+  @media only screen and (min-width: 768px) and (max-width: 1024px) {
371 
+    width: 0 !important;
372 
+  }
373 
+  @media only screen and (min-width: 1024px) {
374 
+    width: 0 !important;
375 
+  }
360 
 }
 376 
 }
361
377
362 
 ::-webkit-scrollbar-track {
 378 
 ::-webkit-scrollbar-track {
381 
 }
 397 
 }
382
398
383 
 .van-popup {
 399 
 .van-popup {
384 
-  border-radius: 20px !important;
400 
+  border-radius: 10px !important;
385 
   .Dialog {
 401 
   .Dialog {
386 
     font-size: 0.36rem;
 402 
     font-size: 0.36rem;
387 
-    width: 16.8rem;
403 
+    width: 11.8rem;
404 
+    @media only screen and (min-width: 376px) and (max-width: 737px) {
405 
+      width: 16.8rem !important;
406 
+    }
407 
+    @media only screen and (min-width: 376px) and (max-width: 415px) {
408 
+      width: 10.8rem !important;
409 
+    }
410 
+    @media only screen and (min-width: 769px) and (max-width: 1024px) {
411 
+      width: 12.8rem !important;
412 
+    }
413 
+    @media only screen and (min-width: 1024px) {
414 
+      width: 15.8rem !important;
415 
+    }
388 
     background: #ebf1f7;
 416 
     background: #ebf1f7;
389 
     position: relative;
 417 
     position: relative;
390 
     .DialogTit {
 418 
     .DialogTit {
393 
       @include align-items-center;
 421 
       @include align-items-center;
394 
       @include text-align;
 422 
       @include text-align;
395 
       @include justify-content-between;
 423 
       @include justify-content-between;
396 
-      padding: 0.2rem 0.36rem;
424 
+      padding: 0.3rem 0.36rem;
397 
       z-index: 999;
 425 
       z-index: 999;
398 
       background: #fff;
 426 
       background: #fff;
399 
       box-shadow: 3px 3px 3px #d7dce2;
 427 
       box-shadow: 3px 3px 3px #d7dce2;
400 
       margin-bottom: 0.24rem;
 428 
       margin-bottom: 0.24rem;
401 
       .iconfont {
 429 
       .iconfont {
402 
-        font-size: 0.5rem;
430 
+        font-size: 0.6rem;
403 
         color: $main-color;
 431 
         color: $main-color;
404 
         font-weight: bold;
 432 
         font-weight: bold;
405 
-        @media only screen and (max-width: 812px) {
406 
-          font-size: 0.34rem !important;
407 
-        }
433 
+        // @media only screen and (max-width: 812px) {
434 
+        //   font-size: 0.34rem !important;
435 
+        // }
408 
       }
 436 
       }
409 
       .back {
 437 
       .back {
410 
-        font-size: 0.36rem;
438 
+        font-size: 0.45rem;
411 
         color: $main-color;
 439 
         color: $main-color;
412 
         @include display-flex;
 440 
         @include display-flex;
413 
         @include align-items-center;
 441 
         @include align-items-center;
416 
           font-size: 0.5rem;
 444 
           font-size: 0.5rem;
417 
           font-weight: 700;
 445 
           font-weight: 700;
418 
           color: $main-color;
 446 
           color: $main-color;
447 
+          margin-top: 0.06rem;
419 
         }
 448 
         }
420 
       }
 449 
       }
421 
       .name {
 450 
       .name {
422 
-        font-size: 0.36rem;
451 
+        font-size: 0.45rem;
423 
         color: $main-color;
 452 
         color: $main-color;
424 
         font-weight: 600;
 453 
         font-weight: 600;
425 
       }
 454 
       }
426 
       .success {
 455 
       .success {
427 
-        font-size: 0.36rem;
456 
+        font-size: 0.45rem;
428 
         font-weight: 600;
 457 
         font-weight: 600;
429 
         color: $title-color;
 458 
         color: $title-color;
430 
       }
 459 
       }
438 
       background: -webkit-linear-gradient(#dfe4ea, #ebf1f7);
 467 
       background: -webkit-linear-gradient(#dfe4ea, #ebf1f7);
439 
     }
 468 
     }
440 
     .DialogContent {
 469 
     .DialogContent {
441 
-      height: 8.8rem;
470 
+      height: 8.8rem !important;
442 
       overflow-y: scroll;
 471 
       overflow-y: scroll;
443 
       background: #fff;
 472 
       background: #fff;
444 
-      @media only screen and (max-width: 812px) {
473 
+      @media only screen and (max-width: 415px) {
474 
+        height: 14.8rem !important;
475 
+      }
476 
+      @media only screen and (min-width: 666px) and (max-width: 737px) {
445 
         height: 8.8rem !important;
 477 
         height: 8.8rem !important;
446 
       }
 478 
       }
479 
+      @media only screen and (min-width: 737px) and (max-width: 768px) {
480 
+        height: 14.8rem !important;
481 
+      }
482 
+      @media only screen and (min-width: 813px) and (max-width: 1024px) {
483 
+        height: 11.8rem !important;
484 
+      }
447 
       .item {
 485 
       .item {
448 
         padding: 0 0.32rem;
 486 
         padding: 0 0.32rem;
449 
         border-bottom: 1px #e5e5e5 solid;
 487 
         border-bottom: 1px #e5e5e5 solid;
454 
         @include justify-content-between;
 492 
         @include justify-content-between;
455 
         color: $title-color;
 493 
         color: $title-color;
456 
         .name {
 494 
         .name {
457 
-          font-size: 0.34rem;
458 
-          height: 1.1rem;
459 
-          line-height: 1.1rem;
495 
+          font-size: 0.45rem;
496 
+          height: 1.2rem;
497 
+          line-height: 1.2rem;
460 
           color: $title-color;
 498 
           color: $title-color;
461 
         }
 499 
         }
462 
         .content {
 500 
         .content {
470 
             height: 1rem;
 508 
             height: 1rem;
471 
             line-height: 1rem;
 509 
             line-height: 1rem;
472 
             border: none;
 510 
             border: none;
473 
-            font-size: 0.3rem;
511 
+            font-size: 0.45rem;
474 
             @include flex;
 512 
             @include flex;
475 
             text-align: right;
 513 
             text-align: right;
476 
             width: 100%;
 514 
             width: 100%;
478 
           .text {
 516 
           .text {
479 
             height: 1rem;
 517 
             height: 1rem;
480 
             line-height: 0.5rem;
 518 
             line-height: 0.5rem;
481 
-            font-size: 0.34rem;
519 
+            font-size: 0.45rem;
482 
           }
 520 
           }
483 
         }
 521 
         }
484 
       }
 522 
       }
496 
       button {
 534 
       button {
497 
         padding: 0 0.32rem;
 535 
         padding: 0 0.32rem;
498 
         border: $main-color;
 536 
         border: $main-color;
499 
-        font-size: 0.28rem;
537 
+        font-size: 0.36rem;
500 
         text-align: center;
 538 
         text-align: center;
501 
-        height: 0.7rem;
539 
+        height: 1rem;
502 
         line-height: 0.7rem;
 540 
         line-height: 0.7rem;
503 
         background: #fff;
 541 
         background: #fff;
504 
         border: 1px $main-color solid;
 542 
         border: 1px $main-color solid;
505 
-        border-radius: 0.06rem;
543 
+        border-radius: 5px;
506 
         color: $main-color;
 544 
         color: $main-color;
507 
         margin: 0 0.11rem;
 545 
         margin: 0 0.11rem;
508 
         &.tjcq {
 546 
         &.tjcq {
516
554
517 
 // 表单样式
 555 
 // 表单样式
518 
 .table {
 556 
 .table {
519 
-  width: 2000px;
557 
+  width: 2400px;
520 
   overflow: auto;
 558 
   overflow: auto;
521 
-  font-size: 0.34rem;
559 
+  font-size: 0.45rem;
522 
   text-align: center;
 560 
   text-align: center;
523 
   border: $border-color;
 561 
   border: $border-color;
524 
   padding-bottom: 0.02rem;
 562 
   padding-bottom: 0.02rem;
533 
       color: #fff;
 571 
       color: #fff;
534 
       padding: 0;
 572 
       padding: 0;
535 
       margin: 0;
 573 
       margin: 0;
536 
-      height: 0.88rem;
574 
+      height: 1.2rem;
537 
       font-weight: normal;
 575 
       font-weight: normal;
538 
     }
 576 
     }
539 
     td {
 577 
     td {
540 
       background: #ecf5ff;
 578 
       background: #ecf5ff;
541 
       border: none;
 579 
       border: none;
542 
-      padding: 0.18rem 0;
580 
+      padding: 0.26rem 0;
543
581
544 
       .xg {
 582 
       .xg {
545 
         color: $main-color;
 583 
         color: $main-color;
546 
-        font-size: 0.28rem;
584 
+        font-size: 0.45rem;
547 
         margin-right: 0.2rem;
 585 
         margin-right: 0.2rem;
548 
         cursor: pointer;
 586 
         cursor: pointer;
549 
         .iconfont {
 587 
         .iconfont {
550 
           margin-right: 0.1rem;
 588 
           margin-right: 0.1rem;
551 
           color: $main-color;
 589 
           color: $main-color;
552 
-          font-size: 0.3rem;
590 
+          font-size: 0.45rem;
553 
         }
 591 
         }
554 
       }
 592 
       }
555 
       .sc {
 593 
       .sc {
568 
   color: #fff;
 606 
   color: #fff;
569 
   border-color: $main-color !important;
 607 
   border-color: $main-color !important;
570 
   background-color: $main-color !important;
 608 
   background-color: $main-color !important;
571 
-  @media only screen and (max-width: 812px) {
572 
-    font-size: 14px !important;
573 
-    line-height: 16px !important;
574 
-    width: 16px !important;
575 
-    height: 16px !important;
609 
+  @media only screen and (min-width: 768px) {
610 
+    font-size: 20px !important;
611 
+    line-height: 30px !important;
612 
+    width: 30px !important;
613 
+    height: 30px !important;
576 
   }
 614 
   }
577 
 }
 615 
 }
578
616
579 
-.van-checkbox__icon .van-icon {
580 
-  @media only screen and (max-width: 812px) {
581 
-    font-size: 14px !important;
582 
-    line-height: 16px !important;
583 
-    width: 16px !important;
584 
-    height: 16px !important;
585 
-  }
586 
-}
617 
+// .van-checkbox__icon .van-icon {
618 
+//   @media only screen and (max-width: 812px) {
619 
+//     font-size: 14px !important;
620 
+//     line-height: 16px !important;
621 
+//     width: 16px !important;
622 
+//     height: 16px !important;
623 
+//   }
624 
+// }
587
625
588 
 .CheckBox .van-checkbox__label {
 626 
 .CheckBox .van-checkbox__label {
589 
   width: 94%;
 627 
   width: 94%;
590 
-  font-size: 0.34rem;
628 
+  font-size: 0.45rem;
591 
   @media only screen and (max-width: 812px) {
 629 
   @media only screen and (max-width: 812px) {
592 
     width: 90%;
 630 
     width: 90%;
593 
   }
 631 
   }
594 
 }
 632 
 }
595
633
596 
 .mint-datetime-action {
 634 
 .mint-datetime-action {
597 
-  font-size: 0.36rem;
635 
+  font-size: 0.45rem;
598 
 }
 636 
 }
599
637
600 
 .picker-item {
 638 
 .picker-item {
601 
-  font-size: 0.34rem;
639 
+  font-size: 0.45rem;
602 
 }
 640 
 }
603
641
604 
 .NoData {
 642 
 .NoData {
661 
 }
 699 
 }
662
700
663 
 .el-form-item__label {
 701 
 .el-form-item__label {
664 
-  font-size: 0.34rem !important; // width: 90px !important;
702 
+  font-size: 0.45rem !important; // width: 90px !important;
665 
   @media only screen and (max-width: 812px) {
 703 
   @media only screen and (max-width: 812px) {
666 
     text-align: left !important;
 704 
     text-align: left !important;
667 
   }
 705 
   }
668 
 }
 706 
 }
669
707
670 
 .el-radio__label {
 708 
 .el-radio__label {
671 
-  font-size: 0.32rem !important;
709 
+  font-size: 0.45rem !important;
672 
 }
 710 
 }
673
711
674 
 .el-radio + .el-radio {
 712 
 .el-radio + .el-radio {
688 
 }
 726 
 }
689
727
690 
 .el-collapse-item__header {
 728 
 .el-collapse-item__header {
691 
-  font-size: 0.35rem !important;
729 
+  font-size: 0.45rem !important;
692 
   color: $pgh-color !important;
 730 
   color: $pgh-color !important;
693 
   height: 64px !important;
 731 
   height: 64px !important;
694 
   line-height: 64px !important;
 732 
   line-height: 64px !important;
695 
-  @media only screen and (max-width: 812px) {
696 
-    font-size: 0.35rem !important;
697 
-    color: $pgh-color !important;
733 
+  @media only screen and (max-width: 767px) {
734 
+    font-size: 0.45rem !important;
698 
     height: 48px !important;
 735 
     height: 48px !important;
699 
     line-height: 48px !important;
 736 
     line-height: 48px !important;
700 
   }
 737 
   }
710 
 // 搜索全局
 747 
 // 搜索全局
711 
 .search {
 748 
 .search {
712 
   color: #a8b3ba;
 749 
   color: #a8b3ba;
713 
-  width: 4.2rem;
750 
+  width: 6.2rem;
714 
   float: right;
 751 
   float: right;
715 
-  font-size: 0.34rem;
752 
+  font-size: 0.45rem;
716 
   .field {
 753 
   .field {
717 
-    @media only screen and (max-width: 812px) {
718 
-      margin-top: 6px;
719 
-    }
754 
+    // @media only screen and (max-width: 812px) {
755 
+    //   margin-top: 6px;
756 
+    // }
720 
   }
 757 
   }
721 
   .iconfont {
 758 
   .iconfont {
722 
     color: #a8b3ba;
 759 
     color: #a8b3ba;
723 
     font-size: 0.42rem;
 760 
     font-size: 0.42rem;
761 
+    @media only screen and (max-width: 812px) {
762 
+      font-size: 0.52rem;
763 
+    }
724 
   }
 764 
   }
725 
   .field {
 765 
   .field {
726 
     background-color: #ebf1f7;
 766 
     background-color: #ebf1f7;
737 
 }
 777 
 }
738
778
739 
 .van-cell {
 779 
 .van-cell {
740 
-  @media only screen and (max-width: 812px) {
741 
-    font-size: 6px !important;
742 
-  }
780 
+  // @media only screen and (max-width: 812px) {
781 
+  //   font-size: 12px !important;
782 
+  // }
743 
 }
 783 
 }
744 
 .van-field__left-icon {
 784 
 .van-field__left-icon {
745 
-  @media only screen and (max-width: 812px) {
746 
-    // margin-right: 0 !important;
747 
-    margin-top: 1px;
748 
-  }
785 
+  // @media only screen and (max-width: 812px) {
786 
+  //   // margin-right: 0 !important;
787 
+  //   margin-top: -1px;
788 
+  // }
749 
   .van-icon-arrow-down {
 789 
   .van-icon-arrow-down {
750 
     @media only screen and (max-width: 812px) {
 790 
     @media only screen and (max-width: 812px) {
751 
       font-size: 12px !important;
 791 
       font-size: 12px !important;
763 
   }
 803 
   }
764 
 }
 804 
 }
765 
 .picker-toolbar {
 805 
 .picker-toolbar {
766 
-  @media only screen and (max-width: 812px) {
767 
-    height: 30px !important;
806 
+  @media only screen and (max-width: 768px) {
807 
+    height: 40px !important;
768 
   }
 808 
   }
769 
 }
 809 
 }
770 
 .mint-datetime-action {
 810 
 .mint-datetime-action {
771 
-  @media only screen and (max-width: 812px) {
772 
-    line-height: 30px !important;
811 
+  @media only screen and (max-width: 768px) {
812 
+    line-height: 40px !important;
773 
   }
 813 
   }
774 
 }
 814 
 }
775
815
779 
   @include display-flex;
 819 
   @include display-flex;
780 
   @include align-items-center;
 820 
   @include align-items-center;
781 
   @include text-align;
 821 
   @include text-align;
782 
-  font-size: 0.36rem;
822 
+  font-size: 0.45rem;
783 
   .back {
 823 
   .back {
784 
-    color: $main-color;
785 
-    margin-right: 0.87rem;
824 
+    // color: $main-color;
825 
+    color: #fff;
826 
+    margin-right: 0.3rem;
786 
     .iconfont {
 827 
     .iconfont {
787 
-      color: $main-color;
828 
+      // color: $main-color;
829 
+      color: #fff;
788 
       font-size: 0.42rem;
 830 
       font-size: 0.42rem;
789 
     }
 831 
     }
790 
   }
 832 
   }
817 
 .top_row {
 859 
 .top_row {
818 
   position: fixed !important;
 860 
   position: fixed !important;
819 
   top: 0;
 861 
   top: 0;
820 
-  left: 1.58rem;
862 
+  left: 0;
821 
   right: 0;
 863 
   right: 0;
822 
   z-index: 1000;
 864 
   z-index: 1000;
823 
   background: #fff;
 865 
   background: #fff;
832 
 //   background: #fff;
 874 
 //   background: #fff;
833 
 // }
 875 
 // }
834 
 .stateBox {
 876 
 .stateBox {
835 
-  padding-top: 115px;
877 
+  padding-top: 140px;
836 
   background: #fff;
 878 
   background: #fff;
837 
   min-height: calc(100vh - 2px);
 879 
   min-height: calc(100vh - 2px);
838 
   padding-left: 0.45rem;
 880 
   padding-left: 0.45rem;
881 
+  @media only screen and (min-width: 768px) {
882 
+    padding-top: 232px;
883 
+  }
884 
+}
885 
+#app {
886 
+  -webkit-overflow-scrolling: touch;
839 
 }
 887 
 }