3月6

src/xt_pages/dialysis/details/index.vue

@@ -17,7 +17,15 @@
           type="primary"
           @click="next"
           >下一位</el-button
-        >
+        >   
+
+        <el-button
+          size="small"
+          type="primary"
+          @click="history_click"
+          
+          >透析历史</el-button>
+
         <el-button
           size="small"
           type="primary"
@@ -846,13 +854,13 @@
               <template
                 slot="dateCell"
                 slot-scope="{date, data}">
-                <P v-if="data.day.split('-').slice(1).join('-')=='11-27'"
+                <P v-if="data.day.split('-').slice(1).join('-')=='03-06'"
                   style="background: red;color: white;text-align: center;">
                   HD
                 </P>
                 <p :class="data.isSelected ? 'is-selected' : ''" style="text-align: center;">
                   {{ data.day.split('-').slice(2).join('-') }} {{ data.isSelected ? '✔️' : ''}}<br/>
-                  <span v-if="data.day.split('-').slice(1).join('-')=='11-27'">上午 门诊</span>
+                  <span v-if="data.day.split('-').slice(1).join('-')=='03-06'">上午 门诊</span>
                 </p>
 
               </template>
@@ -861,7 +869,7 @@
         </div>
       </el-dialog>
     </div>
-
+    <!-- 右侧内容 -->
     <div style="width:75%" v-show="!showView">
       <!-- <div v-if="Refresh"> -->
         <div style="margin-left:60px;color:#34495e">
@@ -1183,6 +1191,47 @@
 
     </div>
     </div>
+
+    <!-- 透析历史 -->
+    <el-dialog class="history"
+      :title="'患者信息（姓名：'+patient.name+'、透析号：'+patient.dialysis_no +'）' "
+      :visible.sync="historyclick"
+      width="50%"
+      >
+      <div>
+        <div >
+          透析频率：
+          <div class="touxipl"></div>
+        </div>
+        <div style="margin: 20px 0;">
+          <div style="border-left: 2px solid #409eff;color: #409eff;padding: 0 10px;">
+            <span>已排详情</span>
+          </div>
+          <div>
+            <el-calendar v-model="time_value">  
+              <template
+                slot="dateCell"
+                slot-scope="{date, data}">
+                <P v-if="data.day.split('-').slice(1).join('-')=='03-06'"
+                  style="background: red;color: white;text-align: center;">
+                  HD
+                </P>
+                <p :class="data.isSelected ? 'is-selected' : ''" style="text-align: center;">
+                  {{ data.day.split('-').slice(2).join('-') }} {{ data.isSelected ? '✔️' : ''}}<br/>
+                  <span v-if="data.day.split('-').slice(1).join('-')=='03-06'">上午 门诊</span>
+                </p>
+
+              </template>
+            </el-calendar>
+          </div>
+          
+        </div>
+      </div>
+      <!-- <span slot="footer" class="dialog-footer">
+        <el-button @click="historyclick = false">取 消</el-button>
+        <el-button type="primary" @click="historyclick = false">确 定</el-button>
+      </span> -->
+    </el-dialog>
   </div>
 </template>
 
@@ -1359,6 +1408,8 @@ export default {
       Dialysis_patient:'',
       Refresh:true,
       norefresh:true,
+      historyclick:false,
+      time_value:new Date()
     }
   },
   created() {
@@ -2862,6 +2913,10 @@ export default {
           }
         }
         return name
+    },
+    // 透析历史
+    history_click(){
+      this.historyclick =true
     }
 
   }
@@ -2989,6 +3044,13 @@ export default {
     color: #fff;
   }
 }
+.history{
+  .touxipl{
+    display: inline-block;
+    width: 60%;
+    border-bottom:1px solid gray;
+  }
+}
 </style>
 
 <style lang="scss">
@@ -3015,4 +3077,27 @@ export default {
     padding: 0;
   }
 }
+.history{
+  .el-dialog{
+    .el-dialog__header{
+      padding: 10px 10px 10px;
+      background-color: #409eff;
+      .el-dialog__title{
+        color: white;
+        font-size: 15px;
+      }
+      .el-dialog__headerbtn{
+        position: absolute;
+        top: 12px;
+        right: 20px;
+        .el-dialog__close{
+          color: white;
+        }
+      }
+    }
+    .el-dialog__body{
+      padding: 15px 10px 
+    }
+  }
+}
 </style>