修改样式

index.html

@@ -26,7 +26,7 @@
     <script src="http://api.map.baidu.com/api?v=2.0&ak=？&callback=init"></script>
     <link
       rel="stylesheet"
-      href="//at.alicdn.com/t/font_1480998_bf2iq8rd9p9.css"
+      href="//at.alicdn.com/t/font_1480998_5aijfvsjljf.css"
     />
     <link href="//vjs.zencdn.net/4.9/video-js.css" rel="stylesheet" />
     <script src="//vjs.zencdn.net/4.9/video.js"></script>

src/kpa_pages/addStaff/index.vue

@@ -0,0 +1,146 @@
+<template>
+  <div class="page_addStaff">
+    <div class="editStaffTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">新增员工</span>
+      <p>保存</p>
+    </div>
+    <div class="editStaffTip">必填</div>
+    <div class="staffBox">
+      <van-field
+        v-model="text"
+        label="姓名"
+        clearable
+        placeholder="请输入姓名"
+      />
+      <van-field
+        v-model="tel"
+        type="tel"
+        label="手机号"
+        placeholder="请输入手机号"
+        clearable
+      />
+      <van-cell class="newCell">
+        <!-- 使用 title 插槽来自定义标题 -->
+        <template slot="title">
+          <span class="custom-title">角色</span>
+          <div style="width:76%;margin-left:3.3rem">
+            <van-checkbox-group v-model="result">
+              <van-checkbox style="width: 30%;" name="a" shape="square"
+                >医生</van-checkbox
+              >
+              <van-checkbox style="width: 30%;" name="b" shape="square"
+                >护士</van-checkbox
+              >
+              <van-checkbox style="width: 30%;" name="c" shape="square"
+                >运营</van-checkbox
+              >
+              <van-checkbox style="width: 30%;" name="d" shape="square"
+                >库存</van-checkbox
+              >
+              <van-checkbox style="width: 30%;" name="e" shape="square"
+                >院长</van-checkbox
+              >
+              <van-checkbox style="width: 40%;" name="f" shape="square"
+                >子管理员</van-checkbox
+              >
+            </van-checkbox-group>
+          </div>
+        </template>
+      </van-cell>
+    </div>
+    <div class="editStaffTip">选填</div>
+    <div class="staffBox">
+      <van-field v-model="text" label="职位" placeholder="请填写" />
+    </div>
+    <div class="addnewStaff">
+      <van-icon class="addIcon" name="add" />
+      <p>继续新增员工</p>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      result: [],
+      value1: ""
+    };
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.page_addStaff {
+  height: 100%;
+  overflow: hidden;
+  background: #fafafa;
+  .editStaffTitle {
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    padding: 0 1.125rem;
+    background: #fff;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 1.25rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .editStaffTip {
+    height: 1.875rem;
+    line-height: 1.875rem;
+    font-size: 0.75rem;
+    padding-left: 0.875rem;
+    color: #989898;
+  }
+  .staffBox {
+    .van-cell {
+      font-size: 1rem;
+    }
+    .newCell {
+      padding-right: 0;
+    }
+  }
+  .van-cell__title {
+    display: flex;
+  }
+  .van-checkbox-group {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .van-checkbox {
+    margin-bottom: 0.625rem;
+  }
+  .addnewStaff {
+    height: 2.8125rem;
+    line-height: 2.8125rem;
+    background: #fff;
+    width: 100%;
+    margin-top: 0.875rem;
+    display: flex;
+    align-items: center;
+    padding-left: 1rem;
+    .addIcon {
+      color: #338afb;
+      font-size: 1.5rem;
+      margin-right: 0.625rem;
+    }
+  }
+}
+</style>
+<style lang="scss">
+.page_editStaff {
+  .van-cell__value {
+    display: flex;
+    align-items: center;
+  }
+}
+</style>

src/kpa_pages/adminTransfer/index.vue

@@ -0,0 +1,89 @@
+<template>
+  <div class="page_adminTransfer">
+    <div class="adminTransferTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">管理员转让</span>
+    </div>
+    <div class="adminTransferTip">
+      换绑管理员账号，需要验证当前管理员账号的身份
+    </div>
+    <div class="adminBox">
+      <div class="adminOne">当前管理员：<span>欧巧漫</span></div>
+      <van-field
+        v-model="text"
+        label="手机号"
+        required
+        clearable
+        placeholder="请输入手机号"
+      />
+      <van-field
+        v-model="sms"
+        center
+        clearable
+        required
+        label="验证码"
+        placeholder="请输入验证码"
+      >
+        <van-button slot="button" size="small" type="info"
+          >获取验证码</van-button
+        >
+      </van-field>
+    </div>
+    <div class="next">下一步</div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_adminTransfer {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .adminTransferTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 7rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .adminTransferTip {
+    height: 2rem;
+    line-height: 2rem;
+    text-align: center;
+    color: #338afb;
+    font-size: 0.75rem;
+  }
+  .adminBox {
+    .adminOne {
+      padding: 0 0.875rem;
+      height: 2.8125rem;
+      line-height: 2.8125rem;
+      font-weight: bold;
+      background: rgba(255, 255, 255, 1);
+      box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    }
+    .van-button--info {
+      border-radius: 1.875rem;
+    }
+  }
+  .next {
+    width: 80%;
+    margin: 0 auto;
+    height: 2.875rem;
+    background: #338afb;
+    color: #fff;
+    line-height: 2.875rem;
+    text-align: center;
+    margin-top: 2.875rem;
+    border-radius: 1.875rem;
+  }
+}
+</style>

src/kpa_pages/allCheck/index.vue

@@ -1,21 +1,23 @@
 <template>
   <div class="page_allCheck">
+    <div class="allCheckTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">张三的检验检查</span>
+    </div>
     <div class="searchList">
       <van-tabs
         v-model="active"
         title-active-color="#000000"
         title-inactive-color="#3C3C3C"
-        v-for="item in checkdata"
-        :key="item.id"
       >
-        <van-tab :title="item.id">
+        <van-tab v-for="item in checkdata" :title="item" :key="item">
           <div class="all">
             <ul class="headline">
               <li>检查项目</li>
               <li>结果</li>
               <li>参考值</li>
             </ul>
-
+            <p class="checkTime">检查日期：2019.09.09</p>
             <ul class="itemList">
               <li v-for="(item, index) in 8" :key="index">
                 <span>白细胞(WBS)</span>
@@ -41,7 +43,7 @@ export default {
     return {
       searchVal: "",
       active: 0,
-      checkdata: []
+      checkdata: ["肝功能", "血常规", "肾功能", "传染病检查", "凝血七项"]
     };
   },
   methods: {
@@ -57,10 +59,10 @@ export default {
     }
   },
   created() {
-    var inspect_date = this.$route.query.inspect_date;
-    var patientid = this.$route.query.patientid;
-    var orgid = this.$route.query.orgid;
-    this.checkAll(inspect_date, patientid, orgid);
+    // var inspect_date = this.$route.query.inspect_date;
+    // var patientid = this.$route.query.patientid;
+    // var orgid = this.$route.query.orgid;
+    // this.checkAll(inspect_date, patientid, orgid);
   }
 };
 </script>
@@ -69,7 +71,22 @@ export default {
 .page_allCheck {
   overflow: hidden;
   height: 100%;
-
+  .allCheckTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 6rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
   .searchList {
     height: 100%;
     .van-tabs {
@@ -118,6 +135,12 @@ export default {
         font-size: 0.75rem;
       }
     }
+    .checkTime {
+      height: 1.875rem;
+      line-height: 1.875rem;
+      padding-left: 1.5rem;
+      font-size: 0.75rem;
+    }
     .itemList {
       li {
         display: flex;

src/kpa_pages/allCourse/index.vue

@@ -0,0 +1,93 @@
+<template>
+  <div class="page_allCourse">
+    <van-sticky>
+      <div class="allCourseTitle">
+        <i class="iconfont icon-zuojiantou jiantou"></i>
+        <span class="titleName">张三的病程记录</span>
+      </div>
+    </van-sticky>
+    <div class="courseBox">
+      <div class="courseOne">
+        <div class="statOrder">
+          <p class="time">2019.01.01</p>
+          <div class="statOrderTitle">
+            <span>首次病程记录</span>
+          </div>
+          <div class="orderContent">
+            <p>
+              病历书写基本规范2010》第二十二条规定：“病程记录
+              是指继入院记录之后，对患者病情和诊疗过程所进行的
+              连续性记录。内容包括患病历书写基本规范2010》第二十二条规定：“病程记录
+              是指继入院记录之后，对患者病情和诊疗过程所进行的
+              连续性记录。内容包括患
+            </p>
+          </div>
+          <div class="doctorBox">
+            <p>记录医生：钱蛮子</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_allCourse {
+  height: 100%;
+  overflow-y: auto;
+  .allCourseTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 5.5rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .courseBox {
+    padding: 0 1.125rem;
+    margin-bottom: 3.125rem;
+  }
+  .courseOne {
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    padding-bottom: 1.25rem;
+    .time {
+      font-size: 1.125rem;
+      margin-top: 0.625rem;
+      font-weight: bold;
+    }
+  }
+  .statOrderTitle {
+    color: #5b98ff;
+    font-size: 0.8125rem;
+    font-weight: bold;
+    margin: 0.625rem 0;
+  }
+  .orderContent {
+    font-size: 0.875rem;
+    color: rgba(49, 50, 52, 1);
+    p {
+      line-height: 1.125rem;
+    }
+  }
+  .doctorBox {
+    font-size: 0.75rem;
+    color: rgba(152, 152, 152, 1);
+    line-height: 1.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.625rem;
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/allDialysisRecord/index.vue

@@ -0,0 +1,75 @@
+<template>
+  <div class="page_allDialysisRecord">
+    <van-sticky>
+      <div class="allDialysisRecordTitle">
+        <i class="iconfont icon-zuojiantou jiantou"></i>
+        <span class="titleName">张三的长期透析处方</span>
+      </div>
+    </van-sticky>
+    <div class="dialysisBox">
+      <div class="dialysisBoxOne">
+        <p class="time">2019.01.01</p>
+        <div class="orderContent">
+          <p>透析模式：HD</p>
+          <p>透析时长(h/min)：2h30min</p>
+          <p>血流量(ml/min)：12</p>
+          <p>目标超滤量(ml)：1200ml</p>
+          <p>透析配方：1200ml</p>
+          <p>抗凝剂：1200ml</p>
+          <p>首剂(mg)：1200ml</p>
+          <p>维持(mg/h)：1200ml</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_allDialysisRecord {
+  height: 100%;
+  overflow-y: auto;
+  .allDialysisRecordTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 4.5rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .dialysisBox {
+    padding: 0 1.125rem;
+    margin-bottom: 3.125rem;
+  }
+  .dialysisBoxOne {
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    padding-bottom: 1.25rem;
+    .time {
+      font-size: 1.125rem;
+      margin-top: 0.625rem;
+      font-weight: bold;
+    }
+  }
+  .orderContent {
+    font-size: 0.875rem;
+    color: rgba(49, 50, 52, 1);
+    margin-top: 0.625rem;
+    display: flex;
+    flex-wrap: wrap;
+    p {
+      line-height: 1.5rem;
+      width: 50%;
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/allDoctorManagement/index.vue

@@ -0,0 +1,121 @@
+<template>
+  <div class="page_allDoctorManagement">
+    <van-sticky>
+      <div class="allDoctorManagementTitle">
+        <i class="iconfont icon-zuojiantou jiantou"></i>
+        <span class="titleName">张三的医嘱</span>
+      </div>
+    </van-sticky>
+    <div class="orderBox">
+      <div class="orderBoxOne">
+        <p class="time">2019.01.01</p>
+        <div class="statOrder">
+          <div class="statOrderTitle">
+            <span>临时医嘱</span>
+            <span style="margin-left:1rem">18:00</span>
+          </div>
+          <div class="orderContent">
+            <p>那曲肝素钙注射液 单次用量 3075iu 静脉注射</p>
+            <p>▲ 左卡尼汀注射液 单次用量 1g</p>
+          </div>
+          <div class="doctorBox">
+            <p>开嘱医生：钱蛮子</p>
+            <p>执行护士：欧巧漫</p>
+            <p>核对护士：钱多多</p>
+          </div>
+        </div>
+        <div class="statOrder">
+          <div class="longOrderTitle">
+            <span>临时医嘱</span>
+            <span style="margin-left:1rem">18:00</span>
+          </div>
+          <div class="orderContent">
+            <p>那曲肝素钙注射液 单次用量 3075iu 静脉注射</p>
+            <p>▲ 左卡尼汀注射液 单次用量 1g</p>
+          </div>
+          <div class="doctorBox">
+            <p>开嘱医生：钱蛮子</p>
+            <p>执行护士：欧巧漫</p>
+            <p>核对护士：钱多多</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_allDoctorManagement {
+  .allDoctorManagementTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 6.5rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .orderBox {
+    padding: 0 1.125rem;
+    margin-bottom: 3.125rem;
+  }
+  .orderBoxOne {
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    padding-bottom: 1.25rem;
+    .time {
+      font-size: 1.125rem;
+      margin-top: 0.625rem;
+      font-weight: bold;
+    }
+  }
+  .adviceTitle {
+    padding-top: 0.625rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    p {
+      color: #000000;
+      font-weight: bold;
+      font-size: 0.9375rem;
+    }
+  }
+  .statOrderTitle {
+    color: #5b98ff;
+    font-size: 0.8125rem;
+    font-weight: bold;
+    margin: 0.625rem 0;
+  }
+  .longOrderTitle {
+    color: #ff964a;
+    font-size: 0.8125rem;
+    font-weight: bold;
+    margin: 0.625rem 0;
+  }
+  .orderContent {
+    font-size: 0.875rem;
+    color: rgba(49, 50, 52, 1);
+    p {
+      line-height: 1.125rem;
+    }
+  }
+  .doctorBox {
+    font-size: 0.75rem;
+    color: rgba(152, 152, 152, 1);
+    line-height: 1.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.625rem;
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/allDryWeight/index.vue

@@ -0,0 +1,80 @@
+<template>
+  <div class="page_allDryWeight">
+    <van-sticky>
+      <div class="allDryWeightTitle">
+        <i class="iconfont icon-zuojiantou jiantou"></i>
+        <span class="titleName">张三的干体重</span>
+      </div>
+    </van-sticky>
+    <div class="dryWeightBox">
+      <div class="dryWeightOne">
+        <div class="time">2019.01.01</div>
+        <div class="weightContent">
+          <p>干体重：51kg</p>
+          <p>上调：0.5kg</p>
+        </div>
+        <div class="doctorBox">
+          <p>记录医生：钱蛮子</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_allDryWeight {
+  height: 100%;
+  overflow-y: auto;
+  .allDryWeightTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 6rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .dryWeightBox {
+    padding: 0 1.125rem;
+    margin-bottom: 3.125rem;
+  }
+  .dryWeightOne {
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    padding-bottom: 1.25rem;
+    .time {
+      font-size: 1.125rem;
+      margin-top: 0.625rem;
+      font-weight: bold;
+    }
+  }
+  .weightContent {
+    font-size: 0.875rem;
+    color: rgba(49, 50, 52, 1);
+    display: flex;
+    p {
+      line-height: 1.125rem;
+      margin-right: 0.625rem;
+      margin-top: 0.375rem;
+    }
+  }
+  .doctorBox {
+    font-size: 0.75rem;
+    color: rgba(152, 152, 152, 1);
+    line-height: 1.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.625rem;
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/allEducation/index.vue

@@ -0,0 +1,93 @@
+<template>
+  <div class="page_allEducation">
+    <van-sticky>
+      <div class="allEducationTitle">
+        <i class="iconfont icon-zuojiantou jiantou"></i>
+        <span class="titleName">张三的宣教信息</span>
+      </div>
+    </van-sticky>
+    <div class="courseBox">
+      <div class="courseOne">
+        <div class="statOrder">
+          <p class="time">2019.01.01</p>
+          <div class="statOrderTitle">
+            <span>宣教信息</span>
+          </div>
+          <div class="orderContent">
+            <p>
+              病历书写基本规范2010》第二十二条规定：“病程记录
+              是指继入院记录之后，对患者病情和诊疗过程所进行的
+              连续性记录。内容包括患病历书写基本规范2010》第二十二条规定：“病程记录
+              是指继入院记录之后，对患者病情和诊疗过程所进行的
+              连续性记录。内容包括患
+            </p>
+          </div>
+          <div class="doctorBox">
+            <p>记录医生：钱蛮子</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_allEducation {
+  height: 100%;
+  overflow-y: auto;
+  .allEducationTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 5.5rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .courseBox {
+    padding: 0 1.125rem;
+    margin-bottom: 3.125rem;
+  }
+  .courseOne {
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    padding-bottom: 1.25rem;
+    .time {
+      font-size: 1.125rem;
+      margin-top: 0.625rem;
+      font-weight: bold;
+    }
+  }
+  .statOrderTitle {
+    color: #5b98ff;
+    font-size: 0.8125rem;
+    font-weight: bold;
+    margin: 0.625rem 0;
+  }
+  .orderContent {
+    font-size: 0.875rem;
+    color: rgba(49, 50, 52, 1);
+    p {
+      line-height: 1.125rem;
+    }
+  }
+  .doctorBox {
+    font-size: 0.75rem;
+    color: rgba(152, 152, 152, 1);
+    line-height: 1.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.625rem;
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/allLongDialysis/index.vue

@@ -0,0 +1,75 @@
+<template>
+  <div class="page_allLongDialysis">
+    <van-sticky>
+      <div class="allLongDialysisTitle">
+        <i class="iconfont icon-zuojiantou jiantou"></i>
+        <span class="titleName">张三的长期透析处方</span>
+      </div>
+    </van-sticky>
+    <div class="dialysisBox">
+      <div class="dialysisBoxOne">
+        <p class="time">2019.01.01</p>
+        <div class="orderContent">
+          <p>透析模式：HD</p>
+          <p>透析时长(h/min)：2h30min</p>
+          <p>血流量(ml/min)：12</p>
+          <p>目标超滤量(ml)：1200ml</p>
+          <p>透析配方：1200ml</p>
+          <p>抗凝剂：1200ml</p>
+          <p>首剂(mg)：1200ml</p>
+          <p>维持(mg/h)：1200ml</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_allLongDialysis {
+  height: 100%;
+  overflow-y: auto;
+  .allLongDialysisTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 4.5rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .dialysisBox {
+    padding: 0 1.125rem;
+    margin-bottom: 3.125rem;
+  }
+  .dialysisBoxOne {
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    padding-bottom: 1.25rem;
+    .time {
+      font-size: 1.125rem;
+      margin-top: 0.625rem;
+      font-weight: bold;
+    }
+  }
+  .orderContent {
+    font-size: 0.875rem;
+    color: rgba(49, 50, 52, 1);
+    margin-top: 0.625rem;
+    display: flex;
+    flex-wrap: wrap;
+    p {
+      line-height: 1.5rem;
+      width: 50%;
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/allRescue/index.vue

@@ -0,0 +1,93 @@
+<template>
+  <div class="page_allRescue">
+    <van-sticky>
+      <div class="allRescueTitle">
+        <i class="iconfont icon-zuojiantou jiantou"></i>
+        <span class="titleName">张三的抢救记录</span>
+      </div>
+    </van-sticky>
+    <div class="courseBox">
+      <div class="courseOne">
+        <div class="statOrder">
+          <p class="time">2019.01.01</p>
+          <div class="statOrderTitle">
+            <span>抢救记录</span>
+          </div>
+          <div class="orderContent">
+            <p>
+              病历书写基本规范2010》第二十二条规定：“病程记录
+              是指继入院记录之后，对患者病情和诊疗过程所进行的
+              连续性记录。内容包括患病历书写基本规范2010》第二十二条规定：“病程记录
+              是指继入院记录之后，对患者病情和诊疗过程所进行的
+              连续性记录。内容包括患
+            </p>
+          </div>
+          <div class="doctorBox">
+            <p>记录医生：钱蛮子</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_allRescue {
+  height: 100%;
+  overflow-y: auto;
+  .allRescueTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 5.5rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .courseBox {
+    padding: 0 1.125rem;
+    margin-bottom: 3.125rem;
+  }
+  .courseOne {
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    padding-bottom: 1.25rem;
+    .time {
+      font-size: 1.125rem;
+      margin-top: 0.625rem;
+      font-weight: bold;
+    }
+  }
+  .statOrderTitle {
+    color: #5b98ff;
+    font-size: 0.8125rem;
+    font-weight: bold;
+    margin: 0.625rem 0;
+  }
+  .orderContent {
+    font-size: 0.875rem;
+    color: rgba(49, 50, 52, 1);
+    p {
+      line-height: 1.125rem;
+    }
+  }
+  .doctorBox {
+    font-size: 0.75rem;
+    color: rgba(152, 152, 152, 1);
+    line-height: 1.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.625rem;
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/allScheduling/index.vue

@@ -0,0 +1,71 @@
+<template>
+  <div class="page_allScheduling">
+    <van-sticky>
+      <div class="allSchedulingTitle">
+        <i class="iconfont icon-zuojiantou jiantou"></i>
+        <span class="titleName">张三的排班信息</span>
+      </div>
+    </van-sticky>
+    <div class="dialysisBox">
+      <div class="dialysisBoxOne">
+        <p class="time">2019.01.01</p>
+        <div class="orderContent">
+          <p>班次：HD</p>
+          <p>分区：2h30min</p>
+          <p>机号：12</p>
+          <p>治疗模式：1200ml</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_allScheduling {
+  height: 100%;
+  overflow-y: auto;
+  .allSchedulingTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 5.5rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .dialysisBox {
+    padding: 0 1.125rem;
+    margin-bottom: 3.125rem;
+  }
+  .dialysisBoxOne {
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    padding-bottom: 1.25rem;
+    .time {
+      font-size: 1.125rem;
+      margin-top: 0.625rem;
+      font-weight: bold;
+    }
+  }
+  .orderContent {
+    font-size: 0.875rem;
+    color: rgba(49, 50, 52, 1);
+    margin-top: 0.625rem;
+    display: flex;
+    flex-wrap: wrap;
+    p {
+      line-height: 1.5rem;
+      width: 50%;
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/chooseNewAdmin/index.vue

@@ -0,0 +1,105 @@
+<template>
+  <div class="page_chooseNewAdmin">
+    <van-sticky>
+      <div class="chooseNewAdminTitle">
+        <i class="iconfont icon-zuojiantou jiantou"></i>
+        <span class="titleName">选择新的管理员</span>
+      </div>
+    </van-sticky>
+
+    <div class="adminBox">
+      <van-radio-group v-model="radio">
+        <div class="adminOne" v-for="(item, index) in 10" :key="index">
+          <div class="adminOneLeft">
+            <img src="../../assets/images/one.jpg" alt="" />
+            <span>名字</span>
+          </div>
+          <van-radio :name="index" @click="radio = index"></van-radio>
+        </div>
+      </van-radio-group>
+    </div>
+    <div class="nextBox">
+      <div class="nextBtn">下一步</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      radio: ""
+    };
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.page_chooseNewAdmin {
+  height: 100%;
+  overflow: auto;
+  background: #fafafa;
+  .chooseNewAdminTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 5.5rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .adminBox {
+    margin: 1rem 0 5rem;
+    background: #fff;
+    .adminOne {
+      padding: 0 1.25rem;
+      height: 3.75rem;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+      .adminOneLeft {
+        display: flex;
+        align-items: center;
+        img {
+          width: 2.5rem;
+          height: 2.5rem;
+          margin-right: 0.875rem;
+        }
+      }
+    }
+  }
+  .nextBox {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 4.25rem;
+    display: flex;
+    align-items: center;
+    background: rgba(255, 255, 255, 1);
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
+    .nextBtn {
+      width: 80%;
+      margin: 0 auto;
+      height: 2.875rem;
+      line-height: 2.875rem;
+      background: rgba(51, 138, 251, 1);
+      box-shadow: 0px 1px 12px 0px rgba(51, 138, 251, 1);
+      border-radius: 23px;
+      text-align: center;
+      color: #fff;
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/doctorAdvice/components/CourseManagement.vue

@@ -0,0 +1,241 @@
+<template>
+  <div class="courseManagement">
+    <div>
+      <div class="toolBox">
+        <div class="toolOne" @click="startShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ startTime }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+        <div class="toolOne" @click="endShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ endTime }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+      </div>
+      <div class="adviceBox">
+        <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+          <div class="adviceOne" v-for="item in 3" :key="index">
+            <div class="adviceTitle">
+              <p>2019.09.01</p>
+              <van-icon class="ellipsis" name="ellipsis" @click="newShow = true" />
+            </div>
+            <div class="statOrder">
+              <div class="statOrderTitle">
+                <span>首次病程记录</span>
+              </div>
+              <div class="orderContent">
+                <p>
+                  病历书写基本规范2010》第二十二条规定：“病程记录
+                  是指继入院记录之后，对患者病情和诊疗过程所进行的
+                  连续性记录。内容包括患病历书写基本规范2010》第二十二条规定：“病程记录
+                  是指继入院记录之后，对患者病情和诊疗过程所进行的
+                  连续性记录。内容包括患
+                </p>
+              </div>
+              <div class="doctorBox">
+                <p>记录医生：钱蛮子</p>
+              </div>
+            </div>
+            <div class="all">全部</div>
+          </div>
+        </van-list>
+      </div>
+    </div>
+    <div class="add">
+      <div style="display: flex;align-items: center;">
+        <van-icon class="addIcon" name="add" />新增
+      </div>
+    </div>
+
+    <!-- 弹出层 -->
+    <div>
+      <van-popup v-model="typeShow" position="bottom" :style="{ height: '40%' }">
+        <van-picker show-toolbar :columns="columns" @cancel="onCancel" @confirm="onConfirm" />
+      </van-popup>
+      <van-popup v-model="startShow" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="getstartTime"
+          @cancel="startShow = false"
+        />
+      </van-popup>
+      <van-popup v-model="endShow" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="getstartTime2"
+          @cancel="endShow = false"
+        />
+      </van-popup>
+      <van-action-sheet v-model="newShow" :actions="actions" cancel-text="取消" @cancel="onCancel" />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      newShow: false,
+      startShow: false,
+      endShow: false,
+      startTime: "请选择",
+      endTime: "请选择",
+      minDate: new Date(1970, 0, 1),
+      maxDate: new Date(2025, 10, 1),
+      currentDate: new Date(),
+      actions: [{ name: "编辑" }, { name: "删除" }]
+    };
+  },
+  methods: {
+    onCancel() {
+      this.typeShow = false;
+    },
+    onConfirm(value) {
+      this.type = value;
+      this.typeShow = false;
+    },
+    getstartTime(value) {
+      console.log(value);
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.startTime = `${year}-${month}-${day}`;
+      this.startShow = false;
+    },
+    getstartTime2(value) {
+      console.log(value);
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.endTime = `${year}-${month}-${day}`;
+      this.endShow = false;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.courseManagement {
+  height: 100%;
+  overflow-y: auto;
+  .toolBox {
+    display: flex;
+    height: 3.125rem;
+    align-items: center;
+    .toolOne {
+      width: 5.625rem;
+      height: 1.875rem;
+      background: rgba(246, 246, 246, 1);
+      border-radius: 5px;
+      text-align: center;
+      font-size: 0.8125rem;
+      color: #8d8d8d;
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+      margin-left: 1.25rem;
+    }
+  }
+  .adviceBox {
+    padding: 0 1.125rem;
+    margin-bottom: 3.125rem;
+  }
+  .adviceOne {
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    padding-bottom: 0.625rem;
+  }
+  .adviceTitle {
+    padding-top: 0.625rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    p {
+      color: #000000;
+      font-weight: bold;
+      font-size: 0.9375rem;
+    }
+    .ellipsis {
+      font-size: 1.25rem;
+      color: #cccccc;
+    }
+  }
+  .statOrderTitle {
+    color: #5b98ff;
+    font-size: 0.8125rem;
+    font-weight: bold;
+    margin: 0.625rem 0;
+  }
+  .longOrderTitle {
+    color: #ff964a;
+    font-size: 0.8125rem;
+    font-weight: bold;
+    margin: 0.625rem 0;
+  }
+  .orderContent {
+    font-size: 0.875rem;
+    color: rgba(49, 50, 52, 1);
+    p {
+      line-height: 1.125rem;
+    }
+  }
+  .doctorBox {
+    font-size: 0.75rem;
+    color: rgba(152, 152, 152, 1);
+    line-height: 1.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.625rem;
+  }
+  .all {
+    font-size: 0.8125rem;
+    color: #5b98ff;
+    margin-top: 0.625rem;
+  }
+  .add {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 2.75rem;
+    background: rgba(255, 255, 255, 1);
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    font-size: 0.9375rem;
+    color: #979798;
+    .addIcon {
+      color: #5b98ff;
+      font-size: 1.25rem;
+      margin-right: 0.25rem;
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/doctorAdvice/components/DialysisRecord.vue

@@ -0,0 +1,246 @@
+<template>
+  <div class="DialysisRecord">
+    <div>
+      <div class="toolBox">
+        <div class="toolOne" @click="typeShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ type }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+        <div class="toolOne" @click="startShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ startTime }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+        <div class="toolOne" @click="endShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ endTime }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+      </div>
+      <div class="adviceBox">
+        <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+          <div class="adviceOne" v-for="item in 3" :key="index">
+            <div class="adviceTitle">
+              <p>2019.09.01</p>
+              <van-icon class="ellipsis" name="ellipsis" @click="newShow = true" />
+            </div>
+            <div class="orderContent">
+              <p>透析模式：HD</p>
+              <p>透析时长(h/min)：2h30min</p>
+              <p>血流量(ml/min)：12</p>
+              <p>目标超滤量(ml)：1200ml</p>
+              <p>透析配方：1200ml</p>
+              <p>抗凝剂：1200ml</p>
+              <p>首剂(mg)：1200ml</p>
+              <p>维持(mg/h)：1200ml</p>
+            </div>
+            <div class="all">全部</div>
+          </div>
+        </van-list>
+      </div>
+    </div>
+    <div class="add">
+      <div style="display: flex;align-items: center;">
+        <van-icon class="addIcon" name="add" />新增
+      </div>
+    </div>
+
+    <!-- 弹出层 -->
+    <div>
+      <van-popup v-model="typeShow" position="bottom" :style="{ height: '40%' }">
+        <van-picker show-toolbar :columns="columns" @cancel="onCancel" @confirm="onConfirm" />
+      </van-popup>
+      <van-popup v-model="startShow" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="getstartTime"
+          @cancel="startShow = false"
+        />
+      </van-popup>
+      <van-popup v-model="endShow" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="getstartTime2"
+          @cancel="endShow = false"
+        />
+      </van-popup>
+      <van-action-sheet v-model="newShow" :actions="actions" cancel-text="取消" @cancel="onCancel" />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      newShow: false,
+      typeShow: false,
+      startShow: false,
+      endShow: false,
+      type: "请选择",
+      columns: [
+        "杭州",
+        "宁波",
+        "温州",
+        "嘉兴",
+        "湖州",
+        "杭州",
+        "宁波",
+        "温州",
+        "嘉兴",
+        "湖州"
+      ],
+      startTime: "请选择",
+      endTime: "请选择",
+      minDate: new Date(1970, 0, 1),
+      maxDate: new Date(2025, 10, 1),
+      currentDate: new Date(),
+      actions: [{ name: "编辑" }, { name: "删除" }]
+    };
+  },
+  methods: {
+    onCancel() {
+      this.typeShow = false;
+    },
+    onConfirm(value) {
+      this.type = value;
+      this.typeShow = false;
+    },
+    getstartTime(value) {
+      console.log(value);
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.startTime = `${year}-${month}-${day}`;
+      this.startShow = false;
+    },
+    getstartTime2(value) {
+      console.log(value);
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.endTime = `${year}-${month}-${day}`;
+      this.endShow = false;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.DialysisRecord {
+  height: 100%;
+  overflow-y: auto;
+  .toolBox {
+    display: flex;
+    height: 3.125rem;
+    justify-content: space-around;
+    align-items: center;
+    .toolOne {
+      width: 5.625rem;
+      height: 1.875rem;
+      background: rgba(246, 246, 246, 1);
+      border-radius: 5px;
+      text-align: center;
+      font-size: 0.8125rem;
+      color: #8d8d8d;
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+    }
+  }
+  .adviceBox {
+    padding: 0 1.125rem;
+    margin-bottom: 3.125rem;
+  }
+  .adviceOne {
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    padding-bottom: 0.625rem;
+  }
+  .adviceTitle {
+    padding-top: 0.625rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    p {
+      color: #000000;
+      font-weight: bold;
+      font-size: 0.9375rem;
+    }
+    .ellipsis {
+      font-size: 1.25rem;
+      color: #cccccc;
+    }
+  }
+  .orderContent {
+    font-size: 0.875rem;
+    color: rgba(49, 50, 52, 1);
+    margin-top: 0.625rem;
+    display: flex;
+    flex-wrap: wrap;
+    p {
+      line-height: 1.5rem;
+      width: 50%;
+    }
+  }
+  .doctorBox {
+    font-size: 0.75rem;
+    color: rgba(152, 152, 152, 1);
+    line-height: 1.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.625rem;
+  }
+  .all {
+    font-size: 0.8125rem;
+    color: #5b98ff;
+    margin-top: 0.625rem;
+  }
+  .add {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 2.75rem;
+    background: rgba(255, 255, 255, 1);
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    font-size: 0.9375rem;
+    color: #979798;
+    .addIcon {
+      color: #5b98ff;
+      font-size: 1.25rem;
+      margin-right: 0.25rem;
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/doctorAdvice/components/DoctorManagement.vue

@@ -0,0 +1,274 @@
+<template>
+  <div class="doctorManagement">
+    <div>
+      <div class="toolBox">
+        <div class="toolOne" @click="typeShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ type }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+        <div class="toolOne" @click="startShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ startTime }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+        <div class="toolOne" @click="endShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ endTime }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+      </div>
+      <div class="adviceBox">
+        <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+          <div class="adviceOne" v-for="item in 3" :key="index">
+            <div class="adviceTitle">
+              <p>2019.09.01</p>
+              <van-icon class="ellipsis" name="ellipsis" @click="newShow = true" />
+            </div>
+            <div class="statOrder">
+              <div class="statOrderTitle">
+                <span>临时医嘱</span>
+                <span style="margin-left:1rem">18:00</span>
+              </div>
+              <div class="orderContent">
+                <p>那曲肝素钙注射液 单次用量 3075iu 静脉注射</p>
+                <p>▲ 左卡尼汀注射液 单次用量 1g</p>
+              </div>
+              <div class="doctorBox">
+                <p>开嘱医生：钱蛮子</p>
+                <p>执行护士：欧巧漫</p>
+                <p>核对护士：钱多多</p>
+              </div>
+            </div>
+            <div class="statOrder">
+              <div class="longOrderTitle">
+                <span>临时医嘱</span>
+                <span style="margin-left:1rem">18:00</span>
+              </div>
+              <div class="orderContent">
+                <p>那曲肝素钙注射液 单次用量 3075iu 静脉注射</p>
+                <p>▲ 左卡尼汀注射液 单次用量 1g</p>
+              </div>
+              <div class="doctorBox">
+                <p>开嘱医生：钱蛮子</p>
+                <p>执行护士：欧巧漫</p>
+                <p>核对护士：钱多多</p>
+              </div>
+            </div>
+            <div class="all">全部</div>
+          </div>
+        </van-list>
+      </div>
+    </div>
+    <div class="add">
+      <div style="display: flex;align-items: center;">
+        <van-icon class="addIcon" name="add" />新增
+      </div>
+    </div>
+
+    <!-- 弹出层 -->
+    <div>
+      <van-popup v-model="typeShow" position="bottom" :style="{ height: '40%' }">
+        <van-picker show-toolbar :columns="columns" @cancel="onCancel" @confirm="onConfirm" />
+      </van-popup>
+      <van-popup v-model="startShow" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="getstartTime"
+          @cancel="startShow = false"
+        />
+      </van-popup>
+      <van-popup v-model="endShow" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="getstartTime2"
+          @cancel="endShow = false"
+        />
+      </van-popup>
+      <van-action-sheet v-model="newShow" :actions="actions" cancel-text="取消" @cancel="onCancel" />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      newShow: false,
+      typeShow: false,
+      startShow: false,
+      endShow: false,
+      type: "请选择",
+      columns: [
+        "杭州",
+        "宁波",
+        "温州",
+        "嘉兴",
+        "湖州",
+        "杭州",
+        "宁波",
+        "温州",
+        "嘉兴",
+        "湖州"
+      ],
+      startTime: "请选择",
+      endTime: "请选择",
+      minDate: new Date(1970, 0, 1),
+      maxDate: new Date(2025, 10, 1),
+      currentDate: new Date(),
+      actions: [{ name: "编辑" }, { name: "删除" }]
+    };
+  },
+  methods: {
+    onCancel() {
+      this.typeShow = false;
+    },
+    onConfirm(value) {
+      this.type = value;
+      this.typeShow = false;
+    },
+    getstartTime(value) {
+      console.log(value);
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.startTime = `${year}-${month}-${day}`;
+      this.startShow = false;
+    },
+    getstartTime2(value) {
+      console.log(value);
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.endTime = `${year}-${month}-${day}`;
+      this.endShow = false;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.doctorManagement {
+  height: 100%;
+  overflow-y: auto;
+  .toolBox {
+    display: flex;
+    height: 3.125rem;
+    justify-content: space-around;
+    align-items: center;
+    .toolOne {
+      width: 5.625rem;
+      height: 1.875rem;
+      background: rgba(246, 246, 246, 1);
+      border-radius: 5px;
+      text-align: center;
+      font-size: 0.8125rem;
+      color: #8d8d8d;
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+    }
+  }
+  .adviceBox {
+    padding: 0 1.125rem;
+    margin-bottom: 3.125rem;
+  }
+  .adviceOne {
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    padding-bottom: 0.625rem;
+  }
+  .adviceTitle {
+    padding-top: 0.625rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    p {
+      color: #000000;
+      font-weight: bold;
+      font-size: 0.9375rem;
+    }
+    .ellipsis {
+      font-size: 1.25rem;
+      color: #cccccc;
+    }
+  }
+  .statOrderTitle {
+    color: #5b98ff;
+    font-size: 0.8125rem;
+    font-weight: bold;
+    margin: 0.625rem 0;
+  }
+  .longOrderTitle {
+    color: #ff964a;
+    font-size: 0.8125rem;
+    font-weight: bold;
+    margin: 0.625rem 0;
+  }
+  .orderContent {
+    font-size: 0.875rem;
+    color: rgba(49, 50, 52, 1);
+    p {
+      line-height: 1.125rem;
+    }
+  }
+  .doctorBox {
+    font-size: 0.75rem;
+    color: rgba(152, 152, 152, 1);
+    line-height: 1.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.625rem;
+  }
+  .all {
+    font-size: 0.8125rem;
+    color: #5b98ff;
+    margin-top: 0.625rem;
+  }
+  .add {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 2.75rem;
+    background: rgba(255, 255, 255, 1);
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    font-size: 0.9375rem;
+    color: #979798;
+    .addIcon {
+      color: #5b98ff;
+      font-size: 1.25rem;
+      margin-right: 0.25rem;
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/doctorAdvice/components/DryWeight.vue

@@ -0,0 +1,236 @@
+<template>
+  <div class="DryWeight">
+    <div>
+      <div class="toolBox">
+        <div class="toolOne" @click="startShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ startTime }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+        <div class="toolOne" @click="endShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ endTime }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+      </div>
+      <div class="adviceBox">
+        <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+          <div class="adviceOne" v-for="item in 3" :key="index">
+            <div class="adviceTitle">
+              <p>2019.09.01</p>
+              <van-icon class="ellipsis" name="ellipsis" @click="newShow = true" />
+            </div>
+            <div class="statOrder">
+              <div class="weightContent">
+                <p>干体重：51kg</p>
+                <p>上调：0.5kg</p>
+              </div>
+              <div class="doctorBox">
+                <p>记录医生：钱蛮子</p>
+              </div>
+              <div class="all">全部</div>
+            </div>
+          </div>
+        </van-list>
+      </div>
+    </div>
+    <div class="add">
+      <div style="display: flex;align-items: center;">
+        <van-icon class="addIcon" name="add" />新增
+      </div>
+    </div>
+
+    <!-- 弹出层 -->
+    <div>
+      <van-popup v-model="typeShow" position="bottom" :style="{ height: '40%' }">
+        <van-picker show-toolbar :columns="columns" @cancel="onCancel" @confirm="onConfirm" />
+      </van-popup>
+      <van-popup v-model="startShow" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="getstartTime"
+          @cancel="startShow = false"
+        />
+      </van-popup>
+      <van-popup v-model="endShow" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="getstartTime2"
+          @cancel="endShow = false"
+        />
+      </van-popup>
+      <van-action-sheet v-model="newShow" :actions="actions" cancel-text="取消" @cancel="onCancel" />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      newShow: false,
+      startShow: false,
+      endShow: false,
+      startTime: "请选择",
+      endTime: "请选择",
+      minDate: new Date(1970, 0, 1),
+      maxDate: new Date(2025, 10, 1),
+      currentDate: new Date(),
+      actions: [{ name: "编辑" }, { name: "删除" }]
+    };
+  },
+  methods: {
+    onCancel() {
+      this.typeShow = false;
+    },
+    onConfirm(value) {
+      this.type = value;
+      this.typeShow = false;
+    },
+    getstartTime(value) {
+      console.log(value);
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.startTime = `${year}-${month}-${day}`;
+      this.startShow = false;
+    },
+    getstartTime2(value) {
+      console.log(value);
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.endTime = `${year}-${month}-${day}`;
+      this.endShow = false;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.DryWeight {
+  height: 100%;
+  overflow-y: auto;
+  .toolBox {
+    display: flex;
+    height: 3.125rem;
+    align-items: center;
+    .toolOne {
+      width: 5.625rem;
+      height: 1.875rem;
+      background: rgba(246, 246, 246, 1);
+      border-radius: 5px;
+      text-align: center;
+      font-size: 0.8125rem;
+      color: #8d8d8d;
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+      margin-left: 1.25rem;
+    }
+  }
+  .adviceBox {
+    padding: 0 1.125rem;
+    margin-bottom: 3.125rem;
+  }
+  .adviceOne {
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    padding-bottom: 0.625rem;
+  }
+  .adviceTitle {
+    padding-top: 0.625rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    p {
+      color: #000000;
+      font-weight: bold;
+      font-size: 0.9375rem;
+    }
+    .ellipsis {
+      font-size: 1.25rem;
+      color: #cccccc;
+    }
+  }
+  .statOrderTitle {
+    color: #5b98ff;
+    font-size: 0.8125rem;
+    font-weight: bold;
+    margin: 0.625rem 0;
+  }
+  .longOrderTitle {
+    color: #ff964a;
+    font-size: 0.8125rem;
+    font-weight: bold;
+    margin: 0.625rem 0;
+  }
+  .weightContent {
+    font-size: 0.875rem;
+    color: rgba(49, 50, 52, 1);
+    display: flex;
+    p {
+      line-height: 1.125rem;
+      margin-right: 0.625rem;
+      margin-top: 0.375rem;
+    }
+  }
+  .doctorBox {
+    font-size: 0.75rem;
+    color: rgba(152, 152, 152, 1);
+    line-height: 1.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.625rem;
+  }
+  .all {
+    font-size: 0.8125rem;
+    color: #5b98ff;
+    margin-top: 0.625rem;
+  }
+  .add {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 2.75rem;
+    background: rgba(255, 255, 255, 1);
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    font-size: 0.9375rem;
+    color: #979798;
+    .addIcon {
+      color: #5b98ff;
+      font-size: 1.25rem;
+      margin-right: 0.25rem;
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/doctorAdvice/components/Education.vue

@@ -0,0 +1,241 @@
+<template>
+  <div class="education">
+    <div>
+      <div class="toolBox">
+        <div class="toolOne" @click="startShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ startTime }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+        <div class="toolOne" @click="endShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ endTime }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+      </div>
+      <div class="adviceBox">
+        <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+          <div class="adviceOne" v-for="item in 3" :key="index">
+            <div class="adviceTitle">
+              <p>2019.09.01</p>
+              <van-icon class="ellipsis" name="ellipsis" @click="newShow = true" />
+            </div>
+            <div class="statOrder">
+              <div class="statOrderTitle">
+                <span>宣教标题</span>
+              </div>
+              <div class="orderContent">
+                <p>
+                  病历书写基本规范2010》第二十二条规定：“病程记录
+                  是指继入院记录之后，对患者病情和诊疗过程所进行的
+                  连续性记录。内容包括患病历书写基本规范2010》第二十二条规定：“病程记录
+                  是指继入院记录之后，对患者病情和诊疗过程所进行的
+                  连续性记录。内容包括患
+                </p>
+              </div>
+              <div class="doctorBox">
+                <p>记录医生：钱蛮子</p>
+              </div>
+            </div>
+            <div class="all">全部</div>
+          </div>
+        </van-list>
+      </div>
+    </div>
+    <div class="add">
+      <div style="display: flex;align-items: center;">
+        <van-icon class="addIcon" name="add" />新增
+      </div>
+    </div>
+
+    <!-- 弹出层 -->
+    <div>
+      <van-popup v-model="typeShow" position="bottom" :style="{ height: '40%' }">
+        <van-picker show-toolbar :columns="columns" @cancel="onCancel" @confirm="onConfirm" />
+      </van-popup>
+      <van-popup v-model="startShow" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="getstartTime"
+          @cancel="startShow = false"
+        />
+      </van-popup>
+      <van-popup v-model="endShow" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="getstartTime2"
+          @cancel="endShow = false"
+        />
+      </van-popup>
+      <van-action-sheet v-model="newShow" :actions="actions" cancel-text="取消" @cancel="onCancel" />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      newShow: false,
+      startShow: false,
+      endShow: false,
+      startTime: "请选择",
+      endTime: "请选择",
+      minDate: new Date(1970, 0, 1),
+      maxDate: new Date(2025, 10, 1),
+      currentDate: new Date(),
+      actions: [{ name: "编辑" }, { name: "删除" }]
+    };
+  },
+  methods: {
+    onCancel() {
+      this.typeShow = false;
+    },
+    onConfirm(value) {
+      this.type = value;
+      this.typeShow = false;
+    },
+    getstartTime(value) {
+      console.log(value);
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.startTime = `${year}-${month}-${day}`;
+      this.startShow = false;
+    },
+    getstartTime2(value) {
+      console.log(value);
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.endTime = `${year}-${month}-${day}`;
+      this.endShow = false;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.education {
+  height: 100%;
+  overflow-y: auto;
+  .toolBox {
+    display: flex;
+    height: 3.125rem;
+    align-items: center;
+    .toolOne {
+      width: 5.625rem;
+      height: 1.875rem;
+      background: rgba(246, 246, 246, 1);
+      border-radius: 5px;
+      text-align: center;
+      font-size: 0.8125rem;
+      color: #8d8d8d;
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+      margin-left: 1.25rem;
+    }
+  }
+  .adviceBox {
+    padding: 0 1.125rem;
+    margin-bottom: 3.125rem;
+  }
+  .adviceOne {
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    padding-bottom: 0.625rem;
+  }
+  .adviceTitle {
+    padding-top: 0.625rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    p {
+      color: #000000;
+      font-weight: bold;
+      font-size: 0.9375rem;
+    }
+    .ellipsis {
+      font-size: 1.25rem;
+      color: #cccccc;
+    }
+  }
+  .statOrderTitle {
+    color: #5b98ff;
+    font-size: 0.8125rem;
+    font-weight: bold;
+    margin: 0.625rem 0;
+  }
+  .longOrderTitle {
+    color: #ff964a;
+    font-size: 0.8125rem;
+    font-weight: bold;
+    margin: 0.625rem 0;
+  }
+  .orderContent {
+    font-size: 0.875rem;
+    color: rgba(49, 50, 52, 1);
+    p {
+      line-height: 1.125rem;
+    }
+  }
+  .doctorBox {
+    font-size: 0.75rem;
+    color: rgba(152, 152, 152, 1);
+    line-height: 1.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.625rem;
+  }
+  .all {
+    font-size: 0.8125rem;
+    color: #5b98ff;
+    margin-top: 0.625rem;
+  }
+  .add {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 2.75rem;
+    background: rgba(255, 255, 255, 1);
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    font-size: 0.9375rem;
+    color: #979798;
+    .addIcon {
+      color: #5b98ff;
+      font-size: 1.25rem;
+      margin-right: 0.25rem;
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/doctorAdvice/components/Inspection.vue

@@ -0,0 +1,239 @@
+<template>
+  <div class="inspection">
+    <div>
+      <div class="toolBox">
+        <div class="toolOne" @click="typeShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ type }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+        <div class="toolOne" @click="startShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ startTime }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+        <div class="toolOne" @click="endShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ endTime }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+      </div>
+      <div class="adviceBox">
+        <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+          <div class="adviceOne" v-for="item in 3" :key="index">
+            <div class="adviceTitle">
+              <p>2019.09.01</p>
+              <van-icon class="ellipsis" name="ellipsis" @click="newShow = true" />
+            </div>
+            <div class="orderContent">
+              <p>血常规</p>
+              <p>肝功能</p>
+              <p>凝血七项</p>
+              <p>肾功能</p>
+            </div>
+            <div class="all">全部</div>
+          </div>
+        </van-list>
+      </div>
+    </div>
+    <div class="add">
+      <div style="display: flex;align-items: center;">
+        <van-icon class="addIcon" name="add" />新增
+      </div>
+    </div>
+
+    <!-- 弹出层 -->
+    <div>
+      <van-popup v-model="typeShow" position="bottom" :style="{ height: '40%' }">
+        <van-picker show-toolbar :columns="columns" @cancel="onCancel" @confirm="onConfirm" />
+      </van-popup>
+      <van-popup v-model="startShow" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="getstartTime"
+          @cancel="startShow = false"
+        />
+      </van-popup>
+      <van-popup v-model="endShow" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="getstartTime2"
+          @cancel="endShow = false"
+        />
+      </van-popup>
+      <van-action-sheet v-model="newShow" :actions="actions" cancel-text="取消" @cancel="onCancel" />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      newShow: false,
+      typeShow: false,
+      startShow: false,
+      endShow: false,
+      type: "请选择",
+      columns: [
+        "杭州",
+        "宁波",
+        "温州",
+        "嘉兴",
+        "湖州",
+        "杭州",
+        "宁波",
+        "温州",
+        "嘉兴",
+        "湖州"
+      ],
+      startTime: "请选择",
+      endTime: "请选择",
+      minDate: new Date(1970, 0, 1),
+      maxDate: new Date(2025, 10, 1),
+      currentDate: new Date(),
+      actions: [{ name: "编辑" }, { name: "删除" }]
+    };
+  },
+  methods: {
+    onCancel() {
+      this.typeShow = false;
+    },
+    onConfirm(value) {
+      this.type = value;
+      this.typeShow = false;
+    },
+    getstartTime(value) {
+      console.log(value);
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.startTime = `${year}-${month}-${day}`;
+      this.startShow = false;
+    },
+    getstartTime2(value) {
+      console.log(value);
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.endTime = `${year}-${month}-${day}`;
+      this.endShow = false;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.inspection {
+  height: 100%;
+  overflow-y: auto;
+  .toolBox {
+    display: flex;
+    height: 3.125rem;
+    justify-content: space-around;
+    align-items: center;
+    .toolOne {
+      width: 5.625rem;
+      height: 1.875rem;
+      background: rgba(246, 246, 246, 1);
+      border-radius: 5px;
+      text-align: center;
+      font-size: 0.8125rem;
+      color: #8d8d8d;
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+    }
+  }
+  .adviceBox {
+    padding: 0 1.125rem;
+    margin-bottom: 3.125rem;
+  }
+  .adviceOne {
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    padding-bottom: 0.625rem;
+  }
+  .adviceTitle {
+    padding-top: 0.625rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    p {
+      color: #000000;
+      font-weight: bold;
+      font-size: 0.9375rem;
+    }
+    .ellipsis {
+      font-size: 1.25rem;
+      color: #cccccc;
+    }
+  }
+  .orderContent {
+    font-size: 0.875rem;
+    color: rgba(49, 50, 52, 1);
+    margin-top: 0.625rem;
+    p {
+      line-height: 1.25rem;
+    }
+  }
+  .doctorBox {
+    font-size: 0.75rem;
+    color: rgba(152, 152, 152, 1);
+    line-height: 1.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.625rem;
+  }
+  .all {
+    font-size: 0.8125rem;
+    color: #5b98ff;
+    margin-top: 0.625rem;
+  }
+  .add {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 2.75rem;
+    background: rgba(255, 255, 255, 1);
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    font-size: 0.9375rem;
+    color: #979798;
+    .addIcon {
+      color: #5b98ff;
+      font-size: 1.25rem;
+      margin-right: 0.25rem;
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/doctorAdvice/components/LongDialysis.vue

@@ -0,0 +1,246 @@
+<template>
+  <div class="longDialysis">
+    <div>
+      <div class="toolBox">
+        <div class="toolOne" @click="typeShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ type }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+        <div class="toolOne" @click="startShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ startTime }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+        <div class="toolOne" @click="endShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ endTime }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+      </div>
+      <div class="adviceBox">
+        <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+          <div class="adviceOne" v-for="item in 3" :key="index">
+            <div class="adviceTitle">
+              <p>2019.09.01</p>
+              <van-icon class="ellipsis" name="ellipsis" @click="newShow = true" />
+            </div>
+            <div class="orderContent">
+              <p>透析模式：HD</p>
+              <p>透析时长(h/min)：2h30min</p>
+              <p>血流量(ml/min)：12</p>
+              <p>目标超滤量(ml)：1200ml</p>
+              <p>透析配方：1200ml</p>
+              <p>抗凝剂：1200ml</p>
+              <p>首剂(mg)：1200ml</p>
+              <p>维持(mg/h)：1200ml</p>
+            </div>
+            <div class="all">全部</div>
+          </div>
+        </van-list>
+      </div>
+    </div>
+    <div class="add">
+      <div style="display: flex;align-items: center;">
+        <van-icon class="addIcon" name="add" />新增
+      </div>
+    </div>
+
+    <!-- 弹出层 -->
+    <div>
+      <van-popup v-model="typeShow" position="bottom" :style="{ height: '40%' }">
+        <van-picker show-toolbar :columns="columns" @cancel="onCancel" @confirm="onConfirm" />
+      </van-popup>
+      <van-popup v-model="startShow" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="getstartTime"
+          @cancel="startShow = false"
+        />
+      </van-popup>
+      <van-popup v-model="endShow" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="getstartTime2"
+          @cancel="endShow = false"
+        />
+      </van-popup>
+      <van-action-sheet v-model="newShow" :actions="actions" cancel-text="取消" @cancel="onCancel" />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      newShow: false,
+      typeShow: false,
+      startShow: false,
+      endShow: false,
+      type: "请选择",
+      columns: [
+        "杭州",
+        "宁波",
+        "温州",
+        "嘉兴",
+        "湖州",
+        "杭州",
+        "宁波",
+        "温州",
+        "嘉兴",
+        "湖州"
+      ],
+      startTime: "请选择",
+      endTime: "请选择",
+      minDate: new Date(1970, 0, 1),
+      maxDate: new Date(2025, 10, 1),
+      currentDate: new Date(),
+      actions: [{ name: "编辑" }, { name: "删除" }]
+    };
+  },
+  methods: {
+    onCancel() {
+      this.typeShow = false;
+    },
+    onConfirm(value) {
+      this.type = value;
+      this.typeShow = false;
+    },
+    getstartTime(value) {
+      console.log(value);
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.startTime = `${year}-${month}-${day}`;
+      this.startShow = false;
+    },
+    getstartTime2(value) {
+      console.log(value);
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.endTime = `${year}-${month}-${day}`;
+      this.endShow = false;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.longDialysis {
+  height: 100%;
+  overflow-y: auto;
+  .toolBox {
+    display: flex;
+    height: 3.125rem;
+    justify-content: space-around;
+    align-items: center;
+    .toolOne {
+      width: 5.625rem;
+      height: 1.875rem;
+      background: rgba(246, 246, 246, 1);
+      border-radius: 5px;
+      text-align: center;
+      font-size: 0.8125rem;
+      color: #8d8d8d;
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+    }
+  }
+  .adviceBox {
+    padding: 0 1.125rem;
+    margin-bottom: 3.125rem;
+  }
+  .adviceOne {
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    padding-bottom: 0.625rem;
+  }
+  .adviceTitle {
+    padding-top: 0.625rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    p {
+      color: #000000;
+      font-weight: bold;
+      font-size: 0.9375rem;
+    }
+    .ellipsis {
+      font-size: 1.25rem;
+      color: #cccccc;
+    }
+  }
+  .orderContent {
+    font-size: 0.875rem;
+    color: rgba(49, 50, 52, 1);
+    margin-top: 0.625rem;
+    display: flex;
+    flex-wrap: wrap;
+    p {
+      line-height: 1.5rem;
+      width: 50%;
+    }
+  }
+  .doctorBox {
+    font-size: 0.75rem;
+    color: rgba(152, 152, 152, 1);
+    line-height: 1.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.625rem;
+  }
+  .all {
+    font-size: 0.8125rem;
+    color: #5b98ff;
+    margin-top: 0.625rem;
+  }
+  .add {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 2.75rem;
+    background: rgba(255, 255, 255, 1);
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    font-size: 0.9375rem;
+    color: #979798;
+    .addIcon {
+      color: #5b98ff;
+      font-size: 1.25rem;
+      margin-right: 0.25rem;
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/doctorAdvice/components/RescueRecord.vue

@@ -0,0 +1,241 @@
+<template>
+  <div class="rescueRecord">
+    <div>
+      <div class="toolBox">
+        <div class="toolOne" @click="startShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ startTime }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+        <div class="toolOne" @click="endShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ endTime }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+      </div>
+      <div class="adviceBox">
+        <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+          <div class="adviceOne" v-for="item in 3" :key="index">
+            <div class="adviceTitle">
+              <p>2019.09.01</p>
+              <van-icon class="ellipsis" name="ellipsis" @click="newShow = true" />
+            </div>
+            <div class="statOrder">
+              <div class="statOrderTitle">
+                <span>抢救标题</span>
+              </div>
+              <div class="orderContent">
+                <p>
+                  病历书写基本规范2010》第二十二条规定：“病程记录
+                  是指继入院记录之后，对患者病情和诊疗过程所进行的
+                  连续性记录。内容包括患病历书写基本规范2010》第二十二条规定：“病程记录
+                  是指继入院记录之后，对患者病情和诊疗过程所进行的
+                  连续性记录。内容包括患
+                </p>
+              </div>
+              <div class="doctorBox">
+                <p>记录医生：钱蛮子</p>
+              </div>
+            </div>
+            <div class="all">全部</div>
+          </div>
+        </van-list>
+      </div>
+    </div>
+    <div class="add">
+      <div style="display: flex;align-items: center;">
+        <van-icon class="addIcon" name="add" />新增
+      </div>
+    </div>
+
+    <!-- 弹出层 -->
+    <div>
+      <van-popup v-model="typeShow" position="bottom" :style="{ height: '40%' }">
+        <van-picker show-toolbar :columns="columns" @cancel="onCancel" @confirm="onConfirm" />
+      </van-popup>
+      <van-popup v-model="startShow" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="getstartTime"
+          @cancel="startShow = false"
+        />
+      </van-popup>
+      <van-popup v-model="endShow" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="getstartTime2"
+          @cancel="endShow = false"
+        />
+      </van-popup>
+      <van-action-sheet v-model="newShow" :actions="actions" cancel-text="取消" @cancel="onCancel" />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      newShow: false,
+      startShow: false,
+      endShow: false,
+      startTime: "请选择",
+      endTime: "请选择",
+      minDate: new Date(1970, 0, 1),
+      maxDate: new Date(2025, 10, 1),
+      currentDate: new Date(),
+      actions: [{ name: "编辑" }, { name: "删除" }]
+    };
+  },
+  methods: {
+    onCancel() {
+      this.typeShow = false;
+    },
+    onConfirm(value) {
+      this.type = value;
+      this.typeShow = false;
+    },
+    getstartTime(value) {
+      console.log(value);
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.startTime = `${year}-${month}-${day}`;
+      this.startShow = false;
+    },
+    getstartTime2(value) {
+      console.log(value);
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.endTime = `${year}-${month}-${day}`;
+      this.endShow = false;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.rescueRecord {
+  height: 100%;
+  overflow-y: auto;
+  .toolBox {
+    display: flex;
+    height: 3.125rem;
+    align-items: center;
+    .toolOne {
+      width: 5.625rem;
+      height: 1.875rem;
+      background: rgba(246, 246, 246, 1);
+      border-radius: 5px;
+      text-align: center;
+      font-size: 0.8125rem;
+      color: #8d8d8d;
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+      margin-left: 1.25rem;
+    }
+  }
+  .adviceBox {
+    padding: 0 1.125rem;
+    margin-bottom: 3.125rem;
+  }
+  .adviceOne {
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    padding-bottom: 0.625rem;
+  }
+  .adviceTitle {
+    padding-top: 0.625rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    p {
+      color: #000000;
+      font-weight: bold;
+      font-size: 0.9375rem;
+    }
+    .ellipsis {
+      font-size: 1.25rem;
+      color: #cccccc;
+    }
+  }
+  .statOrderTitle {
+    color: #5b98ff;
+    font-size: 0.8125rem;
+    font-weight: bold;
+    margin: 0.625rem 0;
+  }
+  .longOrderTitle {
+    color: #ff964a;
+    font-size: 0.8125rem;
+    font-weight: bold;
+    margin: 0.625rem 0;
+  }
+  .orderContent {
+    font-size: 0.875rem;
+    color: rgba(49, 50, 52, 1);
+    p {
+      line-height: 1.125rem;
+    }
+  }
+  .doctorBox {
+    font-size: 0.75rem;
+    color: rgba(152, 152, 152, 1);
+    line-height: 1.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.625rem;
+  }
+  .all {
+    font-size: 0.8125rem;
+    color: #5b98ff;
+    margin-top: 0.625rem;
+  }
+  .add {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 2.75rem;
+    background: rgba(255, 255, 255, 1);
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    font-size: 0.9375rem;
+    color: #979798;
+    .addIcon {
+      color: #5b98ff;
+      font-size: 1.25rem;
+      margin-right: 0.25rem;
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/doctorAdvice/components/Scheduling.vue

@@ -0,0 +1,242 @@
+<template>
+  <div class="scheduling">
+    <div>
+      <div class="toolBox">
+        <div class="toolOne" @click="typeShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ type }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+        <div class="toolOne" @click="startShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ startTime }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+        <div class="toolOne" @click="endShow = true">
+          <div style="display: flex;align-items: center;">
+            {{ endTime }}
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+      </div>
+      <div class="adviceBox">
+        <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+          <div class="adviceOne" v-for="item in 3" :key="index">
+            <div class="adviceTitle">
+              <p>2019.09.01</p>
+              <van-icon class="ellipsis" name="ellipsis" @click="newShow = true" />
+            </div>
+            <div class="orderContent">
+              <p>班次：HD</p>
+              <p>分区：2h30min</p>
+              <p>机号：12</p>
+              <p>治疗模式：1200ml</p>
+            </div>
+            <div class="all">全部</div>
+          </div>
+        </van-list>
+      </div>
+    </div>
+    <div class="add">
+      <div style="display: flex;align-items: center;">
+        <van-icon class="addIcon" name="add" />新增
+      </div>
+    </div>
+
+    <!-- 弹出层 -->
+    <div>
+      <van-popup v-model="typeShow" position="bottom" :style="{ height: '40%' }">
+        <van-picker show-toolbar :columns="columns" @cancel="onCancel" @confirm="onConfirm" />
+      </van-popup>
+      <van-popup v-model="startShow" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="getstartTime"
+          @cancel="startShow = false"
+        />
+      </van-popup>
+      <van-popup v-model="endShow" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="getstartTime2"
+          @cancel="endShow = false"
+        />
+      </van-popup>
+      <van-action-sheet v-model="newShow" :actions="actions" cancel-text="取消" @cancel="onCancel" />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      newShow: false,
+      typeShow: false,
+      startShow: false,
+      endShow: false,
+      type: "请选择",
+      columns: [
+        "杭州",
+        "宁波",
+        "温州",
+        "嘉兴",
+        "湖州",
+        "杭州",
+        "宁波",
+        "温州",
+        "嘉兴",
+        "湖州"
+      ],
+      startTime: "请选择",
+      endTime: "请选择",
+      minDate: new Date(1970, 0, 1),
+      maxDate: new Date(2025, 10, 1),
+      currentDate: new Date(),
+      actions: [{ name: "编辑" }, { name: "删除" }]
+    };
+  },
+  methods: {
+    onCancel() {
+      this.typeShow = false;
+    },
+    onConfirm(value) {
+      this.type = value;
+      this.typeShow = false;
+    },
+    getstartTime(value) {
+      console.log(value);
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.startTime = `${year}-${month}-${day}`;
+      this.startShow = false;
+    },
+    getstartTime2(value) {
+      console.log(value);
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.endTime = `${year}-${month}-${day}`;
+      this.endShow = false;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.scheduling {
+  height: 100%;
+  overflow-y: auto;
+  .toolBox {
+    display: flex;
+    height: 3.125rem;
+    justify-content: space-around;
+    align-items: center;
+    .toolOne {
+      width: 5.625rem;
+      height: 1.875rem;
+      background: rgba(246, 246, 246, 1);
+      border-radius: 5px;
+      text-align: center;
+      font-size: 0.8125rem;
+      color: #8d8d8d;
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+    }
+  }
+  .adviceBox {
+    padding: 0 1.125rem;
+    margin-bottom: 3.125rem;
+  }
+  .adviceOne {
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    padding-bottom: 0.625rem;
+  }
+  .adviceTitle {
+    padding-top: 0.625rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    p {
+      color: #000000;
+      font-weight: bold;
+      font-size: 0.9375rem;
+    }
+    .ellipsis {
+      font-size: 1.25rem;
+      color: #cccccc;
+    }
+  }
+  .orderContent {
+    font-size: 0.875rem;
+    color: rgba(49, 50, 52, 1);
+    margin-top: 0.625rem;
+    display: flex;
+    flex-wrap: wrap;
+    p {
+      line-height: 1.5rem;
+      width: 50%;
+    }
+  }
+  .doctorBox {
+    font-size: 0.75rem;
+    color: rgba(152, 152, 152, 1);
+    line-height: 1.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.625rem;
+  }
+  .all {
+    font-size: 0.8125rem;
+    color: #5b98ff;
+    margin-top: 0.625rem;
+  }
+  .add {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 2.75rem;
+    background: rgba(255, 255, 255, 1);
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    font-size: 0.9375rem;
+    color: #979798;
+    .addIcon {
+      color: #5b98ff;
+      font-size: 1.25rem;
+      margin-right: 0.25rem;
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/doctorAdvice/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="page_doctorAdvice">
-    <div class="box">
+    <!-- <div class="box">
       <div class="info">
         <div class="photo">
           <img :src="patientForm.avatar" alt/>
@@ -64,7 +64,6 @@
                <template>
                <div class="custom-title">{{RecordTime(item.advice_date)}}</div>
             </template>
-            <!-- 使用 right-icon 插槽来自定义右侧图标 -->
             <van-icon
               slot="right-icon"
               name="ellipsis"
@@ -81,7 +80,6 @@
             <span v-if="item.advice_type==1">长嘱</span>
             <span v-else-if="item.advice_type==3">临嘱</span>
             <span v-else></span>
-          <!-- <span>18:00</span> -->
           <div v-if="item.parent_id==0">
           <p>医嘱内容:{{item.advice_name}}&nbsp;药品规格:{{item.advice_desc}}{{item.drug_spec_unit}}</p>
           <p>开药数量:{{item.prescribing_number}}{{item.prescribing_number_unit}}&nbsp;单次用量: <span v-if="item.single_dose!=0">{{item.single_dose}}{{item.single_dose_unit}}</span></p>
@@ -112,356 +110,345 @@
     </div>
     <div class="add">
       <img src="../../assets/images/add2.png" alt />
+    </div>-->
+    <div class="doctorAdviceTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <div class="patientName" @click="show = true">
+        张三
+        <van-icon name="arrow-down" />
+      </div>
+      <p>基本信息</p>
     </div>
+    <van-tabs v-model="active" sticky>
+      <van-sticky>
+        <div class="wapBox" @click="show1 = true">
+          <van-icon class="wap" name="wap-nav" />
+        </div>
+      </van-sticky>
+      <van-tab v-for="(item, index) in title" :title="item" :key="index">
+        <doctor-management v-if="active == 0"></doctor-management>
+        <dry-weight v-if="active == 1"></dry-weight>
+        <course-management v-if="active == 2"></course-management>
+        <rescue-record v-if="active == 3"></rescue-record>
+        <inspection v-if="active == 4"></inspection>
+        <long-dialysis v-if="active == 5"></long-dialysis>
+        <dialysis-record v-if="active == 6"></dialysis-record>
+        <scheduling v-if="active == 7"></scheduling>
+        <education v-if="active == 8"></education>
+      </van-tab>
+    </van-tabs>
+    <van-popup v-model="show" position="top" :style="{ height: '100%' }">
+      <div style="padding:10px;font-size:1.25rem;text-align:right" @click="show = false">
+        <van-icon name="cross" />
+      </div>
+      <van-search v-model="value" placeholder="请输入搜索关键词" />
+      <van-index-bar>
+        <van-index-anchor index="A" />
+        <van-cell title="文本" />
+        <van-cell title="文本" />
+        <van-cell title="文本" />
+
+        <van-index-anchor index="B" />
+        <van-cell title="文本" />
+        <van-cell title="文本" />
+        <van-cell title="文本" />
+
+        <van-index-anchor index="C" />
+        <van-cell title="文本" />
+        <van-cell title="文本" />
+        <van-cell title="文本" />
+
+        <van-index-anchor index="D" />
+        <van-cell title="文本" />
+        <van-cell title="文本" />
+        <van-cell title="文本" />
+
+        <van-index-anchor index="E" />
+        <van-cell title="文本" />
+        <van-cell title="文本" />
+        <van-cell title="文本" />
+
+        <van-index-anchor index="F" />
+        <van-cell title="文本" />
+        <van-cell title="文本" />
+        <van-cell title="文本" />
+
+        <van-index-anchor index="G" />
+        <van-cell title="文本" />
+        <van-cell title="文本" />
+        <van-cell title="文本" />
+      </van-index-bar>
+    </van-popup>
+
+    <van-popup v-model="show1" position="top" :style="{ height: '40%' }">
+      <div style="padding:10px;font-size:1.25rem;text-align:right" @click="show1 = false">
+        <van-icon name="cross" />
+      </div>
+      <div class="titleBox">
+        <div
+          class="titleBoxOne"
+          v-for="(item,index) in title"
+          :key="index"
+          @click="changeActive(index)"
+        >{{item}}</div>
+      </div>
+    </van-popup>
   </div>
 </template>
 
-
 <script>
-const moment = require('moment')
-import { GetDoctroAdvice, toSeacherDoctorAdvice, deleteDoctorAdvice } from '@/api/login/login'
-import { uParseTime } from '@/utils/tools'
+const moment = require("moment");
+import DoctorManagement from "@/kpa_pages/doctorAdvice/components/DoctorManagement";
+import DryWeight from "@/kpa_pages/doctorAdvice/components/DryWeight";
+import CourseManagement from "@/kpa_pages/doctorAdvice/components/CourseManagement";
+import RescueRecord from "@/kpa_pages/doctorAdvice/components/RescueRecord";
+import Inspection from "@/kpa_pages/doctorAdvice/components/Inspection";
+import LongDialysis from "@/kpa_pages/doctorAdvice/components/LongDialysis";
+import DialysisRecord from "@/kpa_pages/doctorAdvice/components/DialysisRecord";
+import Scheduling from "@/kpa_pages/doctorAdvice/components/Scheduling";
+import Education from "@/kpa_pages/doctorAdvice/components/Education";
+import {
+  GetDoctroAdvice,
+  toSeacherDoctorAdvice,
+  deleteDoctorAdvice
+} from "@/api/login/login";
+import { uParseTime } from "@/utils/tools";
 export default {
+  components: {
+    DoctorManagement,
+    DryWeight,
+    CourseManagement,
+    RescueRecord,
+    Inspection,
+    LongDialysis,
+    DialysisRecord,
+    Scheduling,
+    Education
+  },
   data() {
     return {
-      searchVal: '',
-      startTime: moment(new Date()).format('YYYY-MM-DD'),
-      endTime: moment(new Date()).format('YYYY-MM-DD'),
+      show: false,
+      show1: false,
+      active: 0,
+      title: [
+        "医嘱管理",
+        "干体重",
+        "病程管理",
+        "抢救记录",
+        "检验检查",
+        "长期透析处方",
+        "透析记录",
+        "排班信息",
+        "宣教信息"
+      ],
+
+      searchVal: "",
+      startTime: moment(new Date()).format("YYYY-MM-DD"),
+      endTime: moment(new Date()).format("YYYY-MM-DD"),
       show1: false,
       show2: false,
       currentDate1: new Date(),
       currentDate2: new Date(),
       show3: false,
-      actions: [
-        { name: '编辑' },
-        { name: '删除' }
-      ],
-      time: '2016-10-2',
+      actions: [{ name: "编辑" }, { name: "删除" }],
+      time: "2016-10-2",
       patientForm: {
-        name: '',
-        sex: '',
-        age: '',
-        dialysis_no: '',
-        avatar: ''
+        name: "",
+        sex: "",
+        age: "",
+        dialysis_no: "",
+        avatar: ""
       },
       doctorAdvice: [],
       yiShow: false,
       meiShow: false,
       bingShow: false,
       aiShow: false,
-      doctor_name: ''
-    }
+      doctor_name: ""
+    };
   },
   methods: {
+    changeActive(index) {
+      console.log(index);
+      this.active = index;
+      this.show1 = false;
+    },
+
+    // sadas
     showPopup(index) {
       if (index === 1) {
-        this.show1 = true
+        this.show1 = true;
       } else if (index === 2) {
-        this.show2 = true
+        this.show2 = true;
       }
     },
     chooseStartTime(value) {
-      this.startTime = moment(value).format('YYYY-MM-DD')
-      console.log('starttime', this.startTime)
-      var patientid = this.$route.query.patientid
-      var orgid = this.$route.query.orgid
-      this.GetDoctroAdvice(patientid, orgid, this.startTime)
-      this.show1 = false
+      this.startTime = moment(value).format("YYYY-MM-DD");
+      console.log("starttime", this.startTime);
+      var patientid = this.$route.query.patientid;
+      var orgid = this.$route.query.orgid;
+      this.GetDoctroAdvice(patientid, orgid, this.startTime);
+      this.show1 = false;
     },
     chooseEndTime(value) {
-      this.endTime = moment(value).format('YYYY-MM-DD')
-      var patientid = this.$route.query.patientid
-      var orgid = this.$route.query.orgid
-      this.GetDoctroAdvice(patientid, orgid, this.endTime)
-      this.show2 = false
+      this.endTime = moment(value).format("YYYY-MM-DD");
+      var patientid = this.$route.query.patientid;
+      var orgid = this.$route.query.orgid;
+      this.GetDoctroAdvice(patientid, orgid, this.endTime);
+      this.show2 = false;
     },
     onClick(index) {
       if (index === 1) {
-        this.show3 = true
+        this.show3 = true;
       } else if (index === 2) {
-        this.show3 = true
+        this.show3 = true;
       }
     },
     RecordTime(time) {
       // return uParseTime(time, '{y}-{m}-{d} {h}:{i}:{s}')
-      return uParseTime(time, '{y}-{m}-{d}')
+      return uParseTime(time, "{y}-{m}-{d}");
     },
     GetDoctroAdvice(patientid, orgid) {
-      GetDoctroAdvice(patientid, orgid, this.startTime, this.endTime, this.searchVal).then(response => {
+      GetDoctroAdvice(
+        patientid,
+        orgid,
+        this.startTime,
+        this.endTime,
+        this.searchVal
+      ).then(response => {
         if (response.data.state === 1) {
-          var doctoradvice = response.data.data.doctoradvice
-          this.doctorAdvice = doctoradvice
-          var patients = response.data.data.patients
-          this.patientForm.name = patients.name
-          this.patientForm.age = patients.age
-          this.patientForm.avatar = patients.avatar
-          var diseases = response.data.data.diseases
-          console.log('diseases', diseases)
+          var doctoradvice = response.data.data.doctoradvice;
+          this.doctorAdvice = doctoradvice;
+          var patients = response.data.data.patients;
+          this.patientForm.name = patients.name;
+          this.patientForm.age = patients.age;
+          this.patientForm.avatar = patients.avatar;
+          var diseases = response.data.data.diseases;
+          console.log("diseases", diseases);
           for (let index = 0; index < diseases.length; index++) {
             if (diseases[index].disease_id === 2) {
-              this.yiShow = true
+              this.yiShow = true;
             }
             if (diseases[index].disease_id === 3) {
-              this.bingShow = true
+              this.bingShow = true;
             }
             if (diseases[index].disease_id === 4) {
-              this.aiShow = true
+              this.aiShow = true;
             }
 
             if (diseases[index].disease_id === 6) {
-              this.meiShow = true
+              this.meiShow = true;
             }
           }
           if (patients.gender === 1) {
-            this.patientForm.sex = '男'
+            this.patientForm.sex = "男";
           }
           if (patients.gender === 2) {
-            this.patientForm.sex = '女'
+            this.patientForm.sex = "女";
           }
-          this.patientForm.dialysis_no = patients.dialysis_no
-          console.log('doctoradvice', doctoradvice)
-          console.log('patients', patients)
-          var role = response.data.data.role
-          console.log('role', role)
-          this.doctor_name = role.user_name
+          this.patientForm.dialysis_no = patients.dialysis_no;
+          console.log("doctoradvice", doctoradvice);
+          console.log("patients", patients);
+          var role = response.data.data.role;
+          console.log("role", role);
+          this.doctor_name = role.user_name;
         }
-      })
+      });
     },
     watchNum() {
-      var patientid = this.$route.query.patientid
-      var orgid = this.$route.query.orgid
+      var patientid = this.$route.query.patientid;
+      var orgid = this.$route.query.orgid;
       toSeacherDoctorAdvice(patientid, orgid, this.searchVal).then(response => {
         if (response.data.state === 1) {
-          var doctorAdvice = response.data.data.doctoradvice
-          console.log('doctoradvice', doctorAdvice)
-          this.doctorAdvice = doctoradvice
+          var doctorAdvice = response.data.data.doctoradvice;
+          console.log("doctoradvice", doctorAdvice);
+          this.doctorAdvice = doctoradvice;
         }
-      })
+      });
     },
     deleteDoctorAdvice(id, index) {
       deleteDoctorAdvice(id, index).then(response => {
         if (response.data.state === 1) {
-          var msg = response.data.data.msg
-          console.log('msg', msg)
-          this.doctorAdvice.splice(index, 1)
+          var msg = response.data.data.msg;
+          console.log("msg", msg);
+          this.doctorAdvice.splice(index, 1);
         }
-      })
+      });
     }
   },
   created() {
-    var patientid = this.$route.query.patientid
-    var orgid = this.$route.query.orgid
-    console.log('paitientid是什么', patientid)
-    console.log('orgid是什么', orgid)
-    this.GetDoctroAdvice(patientid, orgid)
+    // var patientid = this.$route.query.patientid
+    // var orgid = this.$route.query.orgid
+    // console.log('paitientid是什么', patientid)
+    // console.log('orgid是什么', orgid)
+    // this.GetDoctroAdvice(patientid, orgid)
   }
-}
+};
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .page_doctorAdvice {
   overflow: hidden;
   height: 100%;
   overflow-y: auto;
-  .box {
+  .doctorAdviceTitle {
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
     width: 100%;
-    height: 9.1875rem;
-    background: #fcfcfc;
-    padding-top: 1.25rem;
-    box-sizing: border-box;
+    padding: 0 1.125rem;
+    background: #fff;
   }
-  .info {
-    width: 21.375rem;
-    height: 6.1875rem;
-    background: rgba(255, 255, 255, 1);
-    border-radius: 10px;
-    margin: 0 auto;
-    box-shadow: 0px 2px 12px 0px #f5f5f5;
-    .photo {
-      float: left;
-      width: 3.75rem;
-      height: 3.75rem;
-      margin: 1.125rem 1rem 0 1.125rem;
-      img {
-        width: 100%;
-        height: 100%;
-      }
-    }
-    .infoRight {
-      float: left;
-      padding-top: 1.625rem;
-      box-sizing: border-box;
-      .rightTop {
-        margin-bottom: 0.75rem;
-      }
-      .name {
-        font-size: 1.0625rem;
-        font-weight: 600;
-        color: rgba(0, 0, 0, 1);
-        margin-right: 1rem;
-      }
-      span {
-        font-size: 0.875rem;
-        color: rgba(60, 60, 60, 1);
-      }
-      .rightBottom {
-        height: 1.4375rem;
-        line-height: 1.4375rem;
-        .num {
-          float: left;
-          font-size: 0.875rem;
-          color: rgba(60, 60, 60, 1);
-        }
-        .imgList {
-          float: left;
-          margin-left: 0.875rem;
-          img {
-            width: 1.4375rem;
-            height: 1.4375rem;
-            margin: 0 0.125rem;
-          }
-        }
-      }
-    }
+  .patientName {
+    display: flex;
+    align-items: center;
   }
-  .search {
-    width: 21.375rem;
-    height: 2.125rem;
-    background: rgba(244, 244, 244, 1);
-    border-radius: 17px;
-    margin: 0 auto;
-    .el-input__inner {
-      height: 2.125rem;
-      line-height: 2.125rem;
-      border: none;
-      background: rgba(244, 244, 244, 1);
-      border-radius: 17px;
-      padding-left: 2.5rem;
-      color: rgba(155, 155, 155, 1);
-      font-size: 0.9375rem;
-    }
-    .el-input__prefix {
-      margin-top: 0.0625rem;
-      font-size: 1.25rem;
-    }
-    .el-input__icon {
-      line-height: 2.125rem;
-    }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 2rem;
   }
-  .time {
-    color: #9b9b9b;
-    margin-left: 1rem;
-    margin-top: 0.75rem;
-    width: 342px;
-    // height:2.125rem;
-    overflow: hidden;
-    .van-cell {
-      width: 8.5rem;
-      height: 2.125rem;
-      line-height: 2.125rem;
-      background: #f4f4f4;
-      border-radius: 17px;
-      margin-bottom: 0.75rem;
-      padding: 0 1rem;
-      font-size: 0.875rem;
-      float: left;
-      .van-icon-arrow-down {
-        float: right;
-        line-height: 2.125rem;
-      }
-    }
-    .line {
-      float: left;
-      line-height: 2.125rem;
-    }
+  .wapBox {
+    position: absolute;
+    z-index: 2;
+    right: 0;
+    top: 0;
+    width: 2.625rem;
+    text-align: center;
+    background: rgba(255, 255, 255, 1);
+    box-shadow: -2px 0px 12px 0px rgba(91, 91, 91, 0.16);
   }
-  .statOrder {
-    width: 21.5625rem;
-    margin: 0 auto;
-    .statOrderOne {
-      padding-bottom: 1.25rem;
-      border-top: 1px dashed #e6e6e6;
-      border-bottom: 1px dashed #e6e6e6;
-    }
-    .van-cell {
-      padding: 10px 6px;
-    }
-    // .edit {
-    //   float: right;
-    //   width: 4.5625rem;
-    //   height: 1.875rem;
-    //   background: rgba(81, 119, 238, 0.2);
-    //   border-radius: 15px;
-    //   color: #5177ee;
-    //   text-align: center;
-    //   line-height: 1.875rem;
-    //   margin-left: 8.75rem;
-    // }
-    // .title {
-    //   border-top: 1px solid #e6e6e6;
-    //   display: flex;
-    //   height: 3.125rem;
-    //   align-items: center;
-    // }
-    // .el-icon-arrow-down {
-    //   margin-left: 0.5rem;
-    // }
-    // .year {
-    //   margin-left: 0.625rem;
-    //   font-size: 0.9375rem;
-    //   font-weight: 600;
-    //   color: rgba(0, 0, 0, 1);
-    // }
-    .msg {
-      font-size: 0.75rem;
-      color: rgba(60, 60, 60, 1);
-      font-weight: 600;
-      padding-top: 0.75rem;
-      padding-bottom: 1rem;
-      // border-top: 1px dashed #e6e6e6;
-      span {
-        margin-left: 0.375rem;
-      }
-      p {
-        font-size: 0.875rem;
-        margin: 0.625rem 0;
-        color: rgba(0, 0, 0, 1);
-      }
-    }
-    .doctorAll {
-      display: flex;
-      justify-content: space-between;
-      margin-top: 0.25rem;
+  .wap {
+    font-size: 1.875rem;
+    line-height: 44px;
+    color: #5b5b5b;
+  }
+  .titleBox {
+    padding: 0 1.25rem 1.25rem;
+    display: flex;
+    flex-wrap: wrap;
+    .titleBoxOne {
+      padding: 0.375rem 0.625rem;
+      background: #f6f6f6;
+      border-radius: 0.375rem;
+      margin: 0.625rem 0.375rem;
       font-size: 0.75rem;
-      font-weight: 400;
-      color: rgba(155, 155, 155, 1);
-      .doctor {
-        float: left;
-      }
-    }
-    .el-collapse-item__content {
-      padding-bottom: 1rem;
-    }
-    .el-collapse {
-      border-top: none;
-    }
-    .none {
-      padding-bottom: 0;
     }
   }
-  .add {
-    width: 4.5rem;
-    height: 4.5rem;
-    background: rgba(255, 255, 255, 1);
-    box-shadow: 0px 3px 9px 0px rgba(7, 30, 102, 0.15);
-    border-radius: 50%;
-    position: fixed;
-    right: 1.125rem;
-    bottom: 4.25rem;
-    img {
-      width: 100%;
-    }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>
+<style lang="scss">
+.page_doctorAdvice {
+  .van-tabs__wrap {
+    width: 90% !important;
+  }
+  .van-cell__value {
+    display: flex;
+    align-items: center;
   }
 }
 </style>
-

src/kpa_pages/doctorAdvice/newAddDoctor.vue

@@ -0,0 +1,148 @@
+<template>
+  <div class="page_newAddDoctor">
+    <div class="newAddDoctorTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">新增医嘱</span>
+      <p>保存</p>
+    </div>
+    <div class="chooseBox">
+      <van-cell title="医嘱类型" @click="show = true" is-link :value="type" />
+      <van-cell title="开始时间" @click="show1 = true" is-link :value="time" />
+    </div>
+    <div class="chooseBox">
+      <van-cell is-link @click="chooseDoctor">选择医嘱模板</van-cell>
+      <van-swipe-cell>
+        <van-cell :border="false" title="那曲肝素钙注射液 单次用量 3075iu 静脉注射▲ 左卡尼汀注射液 单次用量 1g" />
+        <template slot="right">
+          <van-button square type="info" text="添加子药" />
+          <van-button square type="danger" text="删除" @click="deteleOne" />
+        </template>
+      </van-swipe-cell>
+    </div>
+    <div class="chooseBox">
+      <van-cell is-link @click="chooseDoctor">新增医嘱内容</van-cell>
+      <van-swipe-cell>
+        <van-cell :border="false" title="那曲肝素钙注射液 单次用量 3075iu 静脉注射▲ 左卡尼汀注射液 单次用量 1g" />
+        <template slot="right">
+          <van-button square type="info" text="添加子药" />
+          <van-button square type="danger" text="删除" @click="deteleOne" />
+        </template>
+      </van-swipe-cell>
+    </div>
+    <div>
+      <van-popup v-model="show" position="bottom" :style="{ height: '40%' }">
+        <van-picker show-toolbar :columns="columns" @cancel="onCancel" @confirm="onConfirm" />
+      </van-popup>
+      <van-popup v-model="show1" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="getstartTime"
+          @cancel="show1 = false"
+        />
+      </van-popup>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      type: "",
+      show: false,
+      show1: false,
+      columns: [
+        "杭州",
+        "宁波",
+        "温州",
+        "嘉兴",
+        "湖州",
+        "杭州",
+        "宁波",
+        "温州",
+        "嘉兴",
+        "湖州"
+      ],
+      time: "",
+      minDate: new Date(1970, 0, 1),
+      maxDate: new Date(2025, 10, 1),
+      currentDate: new Date()
+    };
+  },
+  methods: {
+    onCancel() {
+      this.show = false;
+    },
+    onConfirm(value) {
+      this.type = value;
+      this.show = false;
+    },
+    getstartTime(value) {
+      console.log(value);
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.time = `${year}-${month}-${day}`;
+      this.show1 = false;
+    },
+    deteleOne() {
+      this.$dialog
+        .confirm({
+          message: "是否删除该条医嘱"
+        })
+        .then(() => {
+          // on confirm
+        })
+        .catch(() => {
+          // on cancel
+        });
+    },
+    chooseDoctor() {}
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.page_newAddDoctor {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .newAddDoctorTitle {
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    padding: 0 1.125rem;
+    background: #fff;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 1.25rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .chooseBox {
+    margin-top: 1rem;
+  }
+  .van-button {
+    height: 100%;
+  }
+  .van-swipe-cell__wrapper {
+    transform: translate3d(-152.45px, 0px, 0px);
+  }
+}
+</style>

src/kpa_pages/editPatient/index.vue

@@ -0,0 +1,708 @@
+<template>
+  <div class="page_editPatients">
+    <van-sticky>
+      <div class="addPatientsTitle">
+        <i class="iconfont icon-zuojiantou jiantou"></i>
+        <span class="titleName">编辑患者</span>
+        <p>修改</p>
+      </div>
+    </van-sticky>
+    <div class="basicTitle">基本信息</div>
+    <div class="basicBox">
+      <van-field v-model="name" required label="姓名" placeholder="请输入" />
+      <van-field
+        label="性别"
+        v-model="sex"
+        right-icon="arrow"
+        placeholder="请选择"
+        required
+        readonly
+        @click="show = true"
+      />
+      <van-popup v-model="show" position="bottom" :style="{ height: '30%' }">
+        <van-picker :columns="columns" @change="onChange" />
+      </van-popup>
+      <van-field
+        v-model="idCard"
+        required
+        label="身份证号"
+        placeholder="请输入"
+      />
+      <van-field
+        v-model="birthday"
+        required
+        label="出生日期"
+        readonly
+        placeholder="请输入"
+      />
+      <van-field
+        v-model="tel"
+        type="tel"
+        required
+        label="手机号"
+        placeholder="请输入"
+      />
+      <van-cell>
+        <!-- 使用 title 插槽来自定义标题 -->
+        <template slot="title">
+          <span class="custom-title">患者标签</span>
+          <div style="width:60%;margin-left:2rem">
+            <van-checkbox-group v-model="result">
+              <van-checkbox name="a" shape="square">血透患者</van-checkbox>
+              <van-checkbox name="b" shape="square">慢病患者</van-checkbox>
+              <van-checkbox name="c" shape="square">电商患者</van-checkbox>
+              <van-checkbox name="d" shape="square">会员患者</van-checkbox>
+            </van-checkbox-group>
+          </div>
+        </template>
+      </van-cell>
+    </div>
+    <div class="basicTitle">血透信息</div>
+    <div class="xtBox">
+      <van-field
+        v-model="dialysisNumber"
+        center
+        clearable
+        required
+        label="透析号"
+      >
+        <van-button slot="button" size="small" type="info">自动生成</van-button>
+      </van-field>
+      <van-field
+        label="患者来源"
+        v-model="source"
+        right-icon="arrow"
+        required
+        readonly
+        placeholder="请选择"
+        @click="show1 = true"
+      />
+      <van-popup v-model="show1" position="bottom" :style="{ height: '30%' }">
+        <van-picker :columns="columns1" @change="onChange1" />
+      </van-popup>
+      <van-field
+        label="留治状态"
+        v-model="source"
+        right-icon="arrow"
+        required
+        readonly
+        placeholder="请选择"
+        @click="show1 = true"
+      />
+      <van-popup v-model="show1" position="bottom" :style="{ height: '30%' }">
+        <van-picker :columns="columns1" @change="onChange1" />
+      </van-popup>
+      <van-field
+        label="传染病"
+        v-model="source"
+        right-icon="arrow"
+        required
+        readonly
+        placeholder="请选择"
+        @click="show1 = true"
+      />
+      <van-popup v-model="show1" position="bottom" :style="{ height: '30%' }">
+        <van-picker :columns="columns1" @change="onChange1" />
+      </van-popup>
+      <van-field v-model="hospitalNum" type="text" label="住院(门诊)号" />
+      <van-field
+        label="首次透析日期"
+        v-model="time"
+        right-icon="arrow"
+        readonly
+        placeholder="请选择"
+        @click="show2 = true"
+      />
+      <van-popup v-model="show2" position="bottom" :style="{ height: '40%' }">
+        <van-datetime-picker
+          v-model="currentDate"
+          type="date"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @cancel="onCancel"
+          @confirm="onConfirm"
+        />
+      </van-popup>
+      <van-field
+        v-model="message"
+        rows="2"
+        autosize
+        label="诊断"
+        type="textarea"
+        maxlength="50"
+        placeholder="请输入主要诊断信息"
+        show-word-limit
+      />
+    </div>
+    <div class="turnOut">转出</div>
+    <div class="moreInfo">如需要完善更多病人信息，请在电脑端完善</div>
+  </div>
+</template>
+
+<script>
+const moment = require("moment");
+import { GenerateDialysisNo, savePatient } from "@/api/patient/patient";
+import { isCardNo, checkMobile, getFileExtension } from "@/utils/tools";
+import { getToken } from "@/api/qiniu";
+export default {
+  data() {
+    var checkMobileRule = (rule, value, callback) => {
+      if (!checkMobile(value)) {
+        callback(new Error("请填写正确的手机号"));
+      } else {
+        callback();
+      }
+    };
+
+    return {
+      show: false,
+      show1: false,
+      show2: false,
+      name: "",
+      columns: ["男", "女"],
+      columns1: ["1", "2", "3"],
+      sex: "",
+      idCard: "",
+      birthday: "",
+      tel: "",
+      result: [],
+      dialysisNumber: "",
+      source: "",
+      hospitalNum: "",
+      minDate: new Date(1970, 0, 1),
+      maxDate: new Date(2025, 10, 1),
+      currentDate: new Date(),
+      time: "",
+      message: ""
+      //
+      // ruleForm: {
+      //   name: "",
+      //   sex: "请选择性别",
+      //   idCard: "",
+      //   birthday: "",
+      //   phone: "",
+      //   patientNumber: ""
+      // },
+      // qiniuDomain: "https://images.shengws.com/",
+      // uploadData: { token: "", key: "" },
+      // dialysis: "",
+      // show1: false,
+      // show2: false,
+      // show3: false,
+      // show4: false,
+      // show5: false,
+      // show6: false,
+      // show7: false,
+      // show8: false,
+      // columns1: ["男", "女"],
+      // columns2: ["123", "456"],
+      // columns3: ["门诊", "住院"],
+      // columns4: ["留治", "转出"],
+      // columns5: ["留治", "转出"],
+      // columns6: [
+      //   "西医治疗",
+      //   "中医治疗",
+      //   "血液透析",
+      //   "腹膜透析",
+      //   "肾移植",
+      //   "其他"
+      // ],
+      // currentDate1: new Date(),
+      // currentDate2: new Date(),
+      // hemodialysisList: [],
+      // slowList: [],
+      // patientNumber: "",
+      // source: "",
+      // state: "",
+      // date: "",
+      // diagnose: "",
+      // requipment: "",
+      // sickTime: "",
+      // state2: "",
+      // way: "",
+      // patientHead: "",
+      // contagionList: [
+      //   // 传染病
+      //   { id: 2, name: "乙肝", type: 2 },
+      //   { id: 3, name: "丙肝", type: 2 },
+      //   { id: 4, name: "艾滋病", type: 2 },
+      //   { id: 5, name: "肺结核", type: 2 },
+      //   { id: 6, name: "梅毒", type: 2 }
+      // ],
+      // checkDisease: [
+      //   // 慢性病
+      //   { id: 1, name: "慢性病" },
+      //   { id: 2, name: "神经病" },
+      //   { id: 3, name: "抑郁症" }
+      // ],
+      // // patientType: ['血透病人', '慢病病人', '会员病人'],
+      // patientType: [
+      //   { id: 1, name: "血透病人" },
+      //   { id: 2, name: "慢病病人" },
+      //   { id: 3, name: "会员病人" }
+      // ],
+      // checkboxGroup1: ["北京"],
+      // patientForm: {
+      //   name: "",
+      //   sex: "",
+      //   idCard: "",
+      //   birthday: "",
+      //   phone: "",
+      //   dialysis: "",
+      //   patient_type: [1],
+      //   admissionNumber: "",
+      //   patientsoure: "",
+      //   lapseto: "",
+      //   contagions: [],
+      //   fistDate: "",
+      //   diagnose: "",
+      //   requipmentId: "",
+      //   slowcontagions: [],
+      //   slowPatients: [],
+      //   memberIllnessTime: "",
+      //   memberlapseto: "",
+      //   patientHead: "",
+      //   TreatmentMethod: ""
+      // },
+      // rules: {
+      //   name: [{ required: true, message: "请输入姓名" }],
+      //   sex: [{ required: true, message: "请选择性别" }],
+      //   idCard: [{ required: true, message: "请输入身份证号" }],
+      //   birthday: [{ required: true, message: "请填写出生日期" }],
+      //   phone: [
+      //     { required: true, message: "请输入手机号" },
+      //     { validator: checkMobileRule }
+      //   ],
+      //   dialysis: [{ required: true, message: "请输入透析号" }],
+      //   patient_type: [{ required: true, message: "请选择病人类型" }],
+      //   admissionNumber: [{ required: true, message: "请填写住院号" }],
+      //   patientsoure: [{ required: true, message: "请选择患者来源" }]
+      // },
+      // slowDiseaseShow: false,
+      // memberShow: false,
+      // bloodshow: true
+    };
+  },
+  methods: {
+    onChange(picker, value, index) {
+      console.log(value);
+      this.sex = value;
+      this.show = false;
+    },
+    onChange1(picker, value, index) {
+      console.log(value);
+      this.source = value;
+      this.show1 = false;
+    },
+    onCancel() {
+      this.show2 = false;
+    },
+    onConfirm(value) {
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
+      if (month >= 1 && month <= 9) {
+        month = `0${month}`;
+      }
+      if (day >= 1 && day <= 9) {
+        day = `0${day}`;
+      }
+
+      this.time = `${year}-${month}-${day}`;
+      console.log(this.currentDate);
+      this.show2 = false;
+    }
+
+    // showPopup(index) {
+    //   if (index === 1) {
+    //     this.show1 = true;
+    //   } else if (index === 2) {
+    //     this.show2 = true;
+    //   } else if (index === 3) {
+    //     this.show3 = true;
+    //   } else if (index === 4) {
+    //     this.show4 = true;
+    //   } else if (index === 5) {
+    //     this.show5 = true;
+    //   } else if (index === 6) {
+    //     this.show6 = true;
+    //   } else if (index === 7) {
+    //     this.show7 = true;
+    //   } else if (index === 8) {
+    //     this.show8 = true;
+    //   }
+    // },
+    // // 性别
+    // chooseSex(value) {
+    //   // console.log(value);
+    //   this.patientForm.sex = value;
+    //   this.show1 = false;
+    // },
+    // // 门诊号
+    // choosePatientNumber(value) {
+    //   this.patientNumber = value;
+    //   this.show2 = false;
+    // },
+    // // 来源
+    // chooseSource(value) {
+    //   this.patientForm.patientsoure = value;
+    //   this.show3 = false;
+    // },
+    // // 状态
+    // chooseState(value) {
+    //   this.patientForm.lapseto = value;
+    //   this.show4 = false;
+    // },
+    // // 首次透析日期
+    // chooseDate(value) {
+    //   // console.log(moment(value).format("YYYY-MM-DD"));
+    //   this.patientForm.fistDate = moment(value).format("YYYY-MM-DD");
+    //   this.show5 = false;
+    // },
+    // // 患病时间
+    // chooseTime(value) {
+    //   this.sickTime = moment(value).format("YYYY-MM-DD");
+    //   this.show6 = false;
+    // },
+    // // 会员资料留治状态
+    // chooseState2(value) {
+    //   this.patientForm.memberlapseto = value;
+    //   this.show7 = false;
+    // },
+    // // 治疗方式
+    // chooseWay(value) {
+    //   this.patientForm.TreatmentMethod = value;
+    //   this.show8 = false;
+    // },
+    // savePatient(formName) {
+    //   var telephone = this.$route.query.phone;
+    //   console.log("telephone", telephone);
+    //   var sex = this.patientForm.sex;
+    //   console.log("sex是什么", sex);
+    //   if (sex === "男") {
+    //     this.patientForm.sex = 1;
+    //   }
+
+    //   if (sex === "女") {
+    //     this.patientForm.sex = 2;
+    //   }
+    //   var patientsour = this.patientForm.patientsoure;
+    //   if (patientsour === "") {
+    //     this.patientForm.patientsoure = 0;
+    //   }
+    //   if (patientsour === "门诊") {
+    //     this.patientForm.patientsoure = 1;
+    //   }
+
+    //   if (patientsour === "住院") {
+    //     this.patientForm.patientsour = 2;
+    //   }
+    //   var lapseto = this.patientForm.lapseto;
+    //   console.log("lapseto是什么", lapseto);
+    //   if (lapseto === "留治") {
+    //     this.patientForm.lapseto = 1;
+    //   }
+    //   if (lapseto === "转出") {
+    //     this.patientForm.lapseto = 2;
+    //   }
+
+    //   var memberlapseto = this.patientForm.memberlapseto;
+    //   console.log("会员患病时间", memberlapseto);
+    //   if (memberlapseto === "留治") {
+    //     this.patientForm.memberlapseto = 1;
+    //   }
+    //   if (memberlapseto === "转出") {
+    //     this.patientForm.memberlapseto = 2;
+    //   }
+
+    //   var TreatmentMethod = this.patientForm.TreatmentMethod;
+    //   if (TreatmentMethod === "西医治疗") {
+    //     this.patientForm.TreatmentMethod = 1;
+    //   }
+    //   if (TreatmentMethod === "中医治疗") {
+    //     this.patientForm.TreatmentMethod = 2;
+    //   }
+
+    //   if (TreatmentMethod === "血液透析") {
+    //     this.patientForm.TreatmentMethod = 3;
+    //   }
+
+    //   if (TreatmentMethod === "腹膜透析") {
+    //     this.patientForm.TreatmentMethod = 4;
+    //   }
+
+    //   if (TreatmentMethod === "肾移植") {
+    //     this.patientForm.TreatmentMethod = 5;
+    //   }
+
+    //   if (TreatmentMethod === "其他") {
+    //     this.patientForm.TreatmentMethod = 6;
+    //   }
+
+    //   if (this.patientForm.dialysis === "") {
+    //     this.patientForm.dialysis = 0;
+    //   }
+
+    //   if (this.patientForm.admissionNumber === "") {
+    //     this.patientForm.admissionNumber = 0;
+    //   }
+    //   if (this.patientForm.memberlapseto === "") {
+    //     this.patientForm.memberlapseto = 1;
+    //   }
+
+    //   if (this.patientForm.TreatmentMethod === "") {
+    //     this.patientForm.TreatmentMethod = 1;
+    //   }
+
+    //   this.$refs[formName].validate(valid => {
+    //     if (valid) {
+    //       savePatient(this.patientForm, telephone).then(response => {
+    //         if (response.data.state === 1) {
+    //           var patients = response.data.data.bloodPatients;
+    //           // console.log('patients', patients)
+    //           var patientss = response.data.data.patientss;
+    //           console.log("paitentss", patientss);
+    //           var phone = this.$route.query.phone;
+    //           this.$router.push("/patientmanagement?phone=" + phone);
+    //         } else {
+    //           this.$message.error("身份证号码或者手机号码重复");
+    //         }
+    //       });
+    //     }
+    //   });
+    // },
+    // generatedialysisno() {
+    //   var phone = this.$route.query.phone;
+    //   console.log("phone的是什么", phone);
+    //   GenerateDialysisNo(phone).then(response => {
+    //     // eslint-disable-next-line eqeqeq
+    //     if (response.data.state == 1) {
+    //       var no = response.data.data.no + "";
+    //       console.log("no", no);
+    //       console.log("no是设么", response.data.data.no);
+    //       this.patientForm.dialysis = no;
+    //     }
+    //   });
+    // },
+    // checkIdCardNo() {
+    //   if (!isCardNo(this.patientForm.idCard)) {
+    //     this.$message.error("身份证号码信息有误!");
+    //     this.patientForm.birthday = "";
+    //     return false;
+    //   }
+    //   var thisLen = this.patientForm.idCard.length;
+    //   var birth = "";
+    //   if (thisLen === 15) {
+    //     birth = "19" + this.patientForm.idCard.substr(6, 6);
+    //   } else {
+    //     birth = this.patientForm.idCard.substr(6, 8);
+    //   }
+    //   this.patientForm.birthday =
+    //     birth.substr(0, 4) +
+    //     "-" +
+    //     birth.substr(4, 2) +
+    //     "-" +
+    //     birth.substr(6, 2);
+    //   console.log("出生日期", this.patientForm.birthday);
+    // },
+
+    // handleChangePatientType(values) {
+    //   console.log("values是设么", values);
+    //   console.log("values", values[1]);
+    //   for (let index = 0; index < values.length; index++) {
+    //     if (values[0] === 1) {
+    //       this.bloodshow = true;
+    //       this.slowDiseaseShow = false;
+    //       this.memberShow = false;
+    //     }
+    //     if (values[0] === 1 && values[1] === 2) {
+    //       this.slowDiseaseShow = true;
+    //       this.bloodshow = true;
+    //       this.memberShow = false;
+    //     }
+    //     if (values[0] === 1 && values[2] === 2) {
+    //       this.bloodshow = true;
+    //       this.slowDiseaseShow = false;
+    //       this.memberShow = true;
+    //     }
+
+    //     if (values[0] === 1 && values[1] === 2 && values[2] === 3) {
+    //       this.bloodshow = true;
+    //       this.slowDiseaseShow = true;
+    //       this.memberShow = true;
+    //     }
+
+    //     if (values[0] === 1 && values[1] === 3) {
+    //       this.slowDiseaseShow = true;
+    //       this.memberShow = true;
+    //       this.bloodshow = false;
+    //     }
+
+    //     if (values[0] === 2) {
+    //       this.slowDiseaseShow = true;
+    //       this.bloodshow = false;
+    //       this.memberShow = false;
+    //     }
+
+    //     if (values[0] === 3) {
+    //       this.memberShow = true;
+    //       this.slowDiseaseShow = false;
+    //       this.bloodshow = false;
+    //     }
+    //   }
+    // },
+    // changeSex(value) {
+    //   console.log("value是什么", value);
+    // },
+    // // eslint-disable-next-line no-dupe-keys
+    // handleAvatarSuccess(res, file) {
+    //   this.patientForm.patientHead = this.qiniuDomain + res.url;
+    //   this.uploading = false;
+    // },
+
+    // // eslint-disable-next-line no-dupe-keys
+    // beforeAvatarUpload(file) {
+    //   var fileType = file.type;
+    //   const isJPG = fileType.indexOf("image") > -1;
+    //   const isLt2M = file.size / 1024 / 1024 < 2;
+
+    //   if (!isJPG) {
+    //     this.$message.error("只能上传图片");
+    //     return false;
+    //   }
+    //   if (!isLt2M) {
+    //     this.$message.error("上传头像图片大小不能超过 2MB!");
+    //     return false;
+    //   }
+
+    //   var date = new Date();
+    //   // eslint-disable-next-line no-undef
+    //   var ext = getFileExtension(file.name);
+    //   var key =
+    //     "" +
+    //     date.getFullYear() +
+    //     (date.getMonth() + 1) +
+    //     date.getDate() +
+    //     date.getHours() +
+    //     date.getMinutes() +
+    //     date.getSeconds() +
+    //     "_o_" +
+    //     file.uid +
+    //     "." +
+    //     ext;
+    //   this.uploading = true;
+    //   this.loadingText = "机构头像上传中";
+
+    //   const _self = this;
+    //   return new Promise((resolve, reject) => {
+    //     getToken()
+    //       .then(response => {
+    //         const token = response.data.data.uptoken;
+    //         console.log("token是什么", token);
+    //         _self._data.uploadData.token = token;
+    //         _self._data.uploadData.key = key;
+    //         resolve(true);
+    //       })
+    //       // eslint-disable-next-line handle-callback-err
+    //       .catch(err => {
+    //         reject(false);
+    //         this.uploading = false;
+    //       });
+    //   });
+    // }
+  },
+  created() {
+    var phone = this.$route.query.phone;
+    console.log("phones是什么", phone);
+  }
+};
+</script>
+
+<style lang="scss">
+.page_editPatients {
+  overflow-y: auto;
+  height: 100%;
+  background: #fafafa;
+  .addPatientsTitle {
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    padding: 0 1.125rem;
+    background: #fff;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 1.25rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .basicTitle {
+    font-size: 0.75rem;
+    color: #989898;
+    padding: 0 1rem;
+    height: 1.875rem;
+    line-height: 1.875rem;
+  }
+  .basicBox {
+    .van-cell__value {
+      display: flex;
+    }
+    .van-field__body {
+      width: 100%;
+    }
+  }
+  .custom-title::before {
+    position: absolute;
+    left: 8px;
+    color: #ee0a24;
+    font-size: 14px;
+    content: "*";
+  }
+  .van-cell__title {
+    display: flex;
+  }
+  .van-checkbox-group {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .van-checkbox {
+    width: 48%;
+    margin-bottom: 0.625rem;
+  }
+  .autoGeneration {
+    width: 5rem;
+    height: 1.875rem;
+    line-height: 1.875rem;
+    background: #338afb;
+    border-radius: 0.9375rem;
+    text-align: center;
+  }
+  .van-button--info {
+    border-radius: 0.9375rem;
+  }
+  .moreInfo {
+    text-align: center;
+    font-size: 0.75rem;
+    color: #338afb;
+    margin: 0.625rem 0 4.5rem;
+  }
+  .van-cell {
+    align-items: center;
+  }
+  .turnOut {
+    height: 2.8125rem;
+    line-height: 2.8125rem;
+    text-align: center;
+    background: #fff;
+    margin-top: 0.75rem;
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/editRole/index.vue

@@ -0,0 +1,287 @@
+<template>
+  <div class="page_editRole">
+    <div class="editRoleTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">新增角色</span>
+      <span style="color:#F44746">删除角色</span>
+    </div>
+    <div class="roleDescription">
+      <van-field
+        v-model="text"
+        required
+        label="角色名称"
+        placeholder="请填写角色名称"
+      />
+      <van-field
+        v-model="text1"
+        label="角色描述"
+        placeholder="请填写角色描述"
+      />
+    </div>
+    <div class="disposeBox">
+      <p class="disposeTitle">应用权限配置</p>
+      <div class="disposeOne">
+        <div class="disposeImg">
+          <img src="../../assets/images/S1.png" alt="" />
+        </div>
+        <div class="disposeTxt">
+          <div>
+            <p class="disposeName">患者中心</p>
+            <p class="disposeTip">新增患者、患者管理</p>
+          </div>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+      <div class="disposeOne">
+        <div class="disposeImg">
+          <img src="../../assets/images/S2.png" alt="" />
+        </div>
+        <div class="disposeTxt">
+          <div>
+            <p class="disposeName">排班管理</p>
+            <p class="disposeTip">排班管理、排班提醒</p>
+          </div>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+      <div class="disposeOne">
+        <div class="disposeImg">
+          <img src="../../assets/images/S3.png" alt="" />
+        </div>
+        <div class="disposeTxt">
+          <div>
+            <p class="disposeName">签到体重</p>
+            <p class="disposeTip">签到状态、透前透后数据</p>
+          </div>
+          <van-switch v-model="checked" size="24" />
+        </div>
+      </div>
+      <div class="disposeOne">
+        <div class="disposeImg">
+          <img src="../../assets/images/S4.png" alt="" />
+        </div>
+        <div class="disposeTxt">
+          <div>
+            <p class="disposeName">透析管理</p>
+            <p class="disposeTip">透析医嘱、透析记录、透析监测</p>
+          </div>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+      <div class="disposeOne">
+        <div class="disposeImg">
+          <img src="../../assets/images/S12.png" alt="" />
+        </div>
+        <div class="disposeTxt">
+          <div>
+            <p class="disposeName">库存管理</p>
+            <p class="disposeTip">入库单、出库单、退库单、库存查询...</p>
+          </div>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+      <div class="disposeOne">
+        <div class="disposeImg">
+          <img src="../../assets/images/S5.png" alt="" />
+        </div>
+        <div class="disposeTxt">
+          <div>
+            <p class="disposeName">质控管理</p>
+            <p class="disposeTip">患者统计分析、指标统计分析</p>
+          </div>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+      <div class="disposeOne">
+        <div class="disposeImg">
+          <img src="../../assets/images/S6.png" alt="" />
+        </div>
+        <div class="disposeTxt">
+          <div>
+            <p class="disposeName">院感管理</p>
+            <p class="disposeTip">感染管理、消毒管理</p>
+          </div>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+      <div class="disposeOne">
+        <div class="disposeImg">
+          <img src="../../assets/images/S7.png" alt="" />
+        </div>
+        <div class="disposeTxt">
+          <div>
+            <p class="disposeName">血管通路</p>
+            <p class="disposeTip">内篓管理、数据记录</p>
+          </div>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+      <div class="disposeOne">
+        <div class="disposeImg">
+          <img src="../../assets/images/S8.png" alt="" />
+        </div>
+        <div class="disposeTxt">
+          <div>
+            <p class="disposeName">慢病管理</p>
+            <p class="disposeTip">患者院外监测、患者随访</p>
+          </div>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+      <div class="disposeOne">
+        <div class="disposeImg">
+          <img src="../../assets/images/S9.png" alt="" />
+        </div>
+        <div class="disposeTxt">
+          <div>
+            <p class="disposeName">SCRM</p>
+            <p class="disposeTip">品牌建设、营销工具</p>
+          </div>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+      <div class="disposeOne">
+        <div class="disposeImg">
+          <img src="../../assets/images/S10.png" alt="" />
+        </div>
+        <div class="disposeTxt">
+          <div>
+            <p class="disposeName">分销商城</p>
+            <p class="disposeTip">一键开店、分销商品</p>
+          </div>
+          <van-switch v-model="checked" size="24" />
+        </div>
+      </div>
+      <div class="disposeOne">
+        <div class="disposeImg">
+          <img src="../../assets/images/S11.png" alt="" />
+        </div>
+        <div class="disposeTxt">
+          <div>
+            <p class="disposeName">设备管理</p>
+            <p class="disposeTip">设备登记、维修记录</p>
+          </div>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+      <div class="disposeOne">
+        <div class="disposeImg">
+          <img src="../../assets/images/S13.png" alt="" />
+        </div>
+        <div class="disposeTxt noTxt">
+          <div>
+            <p class="disposeName">客服中心</p>
+            <p style="visibility: hidden;">1</p>
+          </div>
+          <van-switch v-model="checked" size="24" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      text1: "",
+      checked: false
+    };
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.page_editRole {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .editRoleTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 3rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .roleDescription {
+    margin: 0.875rem 0;
+    .van-cell {
+      font-size: 1rem;
+    }
+  }
+  .disposeBox {
+    margin-bottom: 1.25rem;
+    .disposeTitle {
+      height: 2.8125rem;
+      line-height: 2.8125rem;
+      background: rgba(255, 255, 255, 1);
+      box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+      font-weight: bold;
+      color: #313234;
+      padding-left: 1.125rem;
+    }
+    .disposeOne {
+      display: flex;
+      justify-content: space-between;
+      height: 4.0625rem;
+      background: #fff;
+      .disposeImg {
+        width: 12%;
+        padding-left: 1.125rem;
+        padding-top: 1.125rem;
+        img {
+          width: 1.5rem;
+          height: 1.5rem;
+        }
+      }
+      .disposeTxt {
+        width: 86%;
+        box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding-right: 0.875rem;
+      }
+      .noTxt {
+        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
+      }
+      .disposeName {
+        font-size: 1rem;
+        color: #313234;
+        margin-top: 0.375rem;
+      }
+      .disposeTip {
+        font-size: 0.8125rem;
+        color: #9b9b9b;
+        margin-top: 0.375rem;
+      }
+      .arrow {
+        color: #9f9f9f;
+      }
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>
+<style lang="scss">
+.page_editRole {
+  .roleDescription {
+    .van-cell__value {
+      display: flex;
+      align-items: center;
+    }
+  }
+}
+</style>

src/kpa_pages/editStaff/index.vue

@@ -0,0 +1,135 @@
+<template>
+  <div class="page_editStaff">
+    <div class="editStaffTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">编辑员工</span>
+      <p>保存</p>
+    </div>
+    <div class="editStaffTip">必填</div>
+    <div class="staffBox">
+      <van-field
+        v-model="text"
+        label="姓名"
+        clearable
+        placeholder="请输入姓名"
+      />
+      <van-field
+        v-model="tel"
+        type="tel"
+        label="手机号"
+        clearable
+        placeholder="请输入手机号"
+      />
+      <van-cell class="newCell">
+        <!-- 使用 title 插槽来自定义标题 -->
+        <template slot="title">
+          <span class="custom-title">角色</span>
+          <div style="width:76%;margin-left:3.3rem">
+            <van-checkbox-group v-model="result">
+              <van-checkbox style="width: 30%;" name="a" shape="square"
+                >医生</van-checkbox
+              >
+              <van-checkbox style="width: 30%;" name="b" shape="square"
+                >护士</van-checkbox
+              >
+              <van-checkbox style="width: 30%;" name="c" shape="square"
+                >运营</van-checkbox
+              >
+              <van-checkbox style="width: 30%;" name="d" shape="square"
+                >库存</van-checkbox
+              >
+              <van-checkbox style="width: 30%;" name="e" shape="square"
+                >院长</van-checkbox
+              >
+              <van-checkbox style="width: 40%;" name="f" shape="square"
+                >子管理员</van-checkbox
+              >
+            </van-checkbox-group>
+          </div>
+        </template>
+      </van-cell>
+    </div>
+    <div class="editStaffTip">选填</div>
+    <div class="staffBox">
+      <van-field v-model="text" label="职位" placeholder="请填写" />
+    </div>
+    <div class="stop">禁用该员工账号</div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      result: []
+    };
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.page_editStaff {
+  height: 100%;
+  overflow: hidden;
+  background: #fafafa;
+  .editStaffTitle {
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    padding: 0 1.125rem;
+    background: #fff;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 1.25rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .editStaffTip {
+    height: 1.875rem;
+    line-height: 1.875rem;
+    font-size: 0.75rem;
+    padding-left: 0.875rem;
+    color: #989898;
+  }
+  .staffBox {
+    .van-cell {
+      font-size: 1rem;
+    }
+    .newCell {
+      padding-right: 0;
+    }
+  }
+  .van-cell__title {
+    display: flex;
+  }
+  .van-checkbox-group {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .van-checkbox {
+    margin-bottom: 0.625rem;
+  }
+  .stop {
+    height: 2.8125rem;
+    line-height: 2.8125rem;
+    text-align: center;
+    background: #fff;
+    width: 100%;
+    margin-top: 0.875rem;
+  }
+}
+</style>
+<style lang="scss">
+.page_editStaff {
+  .van-cell__value {
+    display: flex;
+    align-items: center;
+  }
+}
+</style>

src/kpa_pages/employeeList/index.vue

@@ -0,0 +1,117 @@
+<template>
+  <div class="page_employeeList">
+    <div class="editRoleTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">员工列表</span>
+      <span>保存</span>
+    </div>
+    <div class="allCheckBox">
+      <div class="allCheck">
+        <van-checkbox v-model="allChecked" @click="checkAll"></van-checkbox>
+        <div style="margin-left:1.25rem">全选</div>
+      </div>
+      <van-checkbox-group
+        v-model="result"
+        ref="checkboxGroup"
+        @change="onChange"
+      >
+        <div class="checkOne">
+          <van-checkbox name="a"></van-checkbox>
+          <div class="checkUserBox">
+            <img src="../../assets/images/one.jpg" alt="" />
+            <p>名字</p>
+          </div>
+        </div>
+        <div class="checkOne">
+          <van-checkbox name="b"></van-checkbox>
+          <div class="checkUserBox">
+            <img src="../../assets/images/one.jpg" alt="" />
+            <p>名字</p>
+          </div>
+        </div>
+      </van-checkbox-group>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      allChecked: false,
+      list: ["a", "b"],
+      result: []
+    };
+  },
+  methods: {
+    checkAll() {
+      if (this.allChecked == false) {
+        this.result = this.list;
+        this.allChecked = true;
+      } else {
+        this.result = [];
+      }
+    },
+    onChange() {
+      if (this.result.length == this.list.length) {
+        this.allChecked = true;
+        this.$refs.checkboxes.toggle();
+      } else {
+        this.allChecked = false;
+        this.$refs.checkboxes.toggle();
+      }
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.page_employeeList {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .editRoleTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 1.5rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .allCheckBox {
+    .allCheck {
+      height: 2.8125rem;
+      display: flex;
+      align-items: center;
+      background: #fff;
+      padding-left: 0.75rem;
+      margin: 1rem 0;
+    }
+    .checkOne {
+      background: #fff;
+      height: 3.75rem;
+      display: flex;
+      align-items: center;
+      padding-left: 0.75rem;
+    }
+    .checkUserBox {
+      display: flex;
+      align-items: center;
+      img {
+        width: 2.5rem;
+        height: 2.5rem;
+        margin: 0 0.75rem 0 1.25rem;
+      }
+    }
+  }
+}
+</style>

src/kpa_pages/getName/index.vue

@@ -0,0 +1,71 @@
+<template>
+  <div class="page_getName">
+    <div class="getNameTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+    </div>
+    <div class="getNameBox">
+      <div class="welcome">你好，欢迎使用酷医云</div>
+      <div class="tips">接下来请完善信息，以便获取更精准的服务</div>
+      <div class="problemBox">
+        <span style="color:#F44746">*</span>
+        <span class="problem">请问你的姓名是？</span>
+      </div>
+      <div class="inputBox">
+        <van-field v-model="value" placeholder="请输入用户名" />
+      </div>
+      <div class="next">下一步</div>
+    </div>
+  </div>
+</template>
+
+
+<style lang="scss" scoped>
+.page_getName {
+  height: 100%;
+  overflow: hidden;
+  .getNameTitle {
+    height: 3.125rem;
+    line-height: 3.125rem;
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    margin-left: 1rem;
+    font-size: 1.5rem;
+    font-weight: 600;
+  }
+  .getNameBox {
+    padding: 1rem 2rem 0;
+  }
+  .welcome {
+    font-weight: bold;
+    font-size: 1.125rem;
+    color: #000;
+  }
+  .problemBox {
+    margin-top: 2.625rem;
+  }
+  .tips {
+    font-size: 0.75rem;
+    margin-top: 0.875rem;
+  }
+  .problem {
+    font-size: 0.75rem;
+  }
+  .inputBox {
+    border-bottom: 1px solid #e8e8e8;
+    margin-top: 1.25rem;
+  }
+  .next {
+    width: 100%;
+    height: 2.875rem;
+    background: rgba(51, 138, 251, 1);
+    box-shadow: 0px 1px 12px 0px rgba(51, 138, 251, 1);
+    border-radius: 23px;
+    text-align: center;
+    line-height: 2.875rem;
+    color: #fff;
+    margin-top: 3.125rem;
+  }
+}
+</style>

src/kpa_pages/home/index.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="page_home">
-    <!-- <div class="top">
+  <!-- <div class="page_home">
+    <div class="top">
       <div class="header">
         <img src="../../assets/images/hospital.png" alt />
         <van-dropdown-menu>
@@ -67,10 +67,14 @@
         <i class="iconfont icon-wode"></i>
         <span>我的</span>
       </div>
-    </div> -->
-    <div class="page-home">
+    </div>
+    
+  </div> -->
+  <div class="page_home">
+    <div>
       <router-view />
-
+    </div>
+    <div class="homeBottom">
       <van-tabbar class="tab" v-model="active">
         <router-link to="/homeIndex" class="link">
           <van-tabbar-item>
@@ -161,21 +165,18 @@ export default {
 
 <style lang="scss">
 .page_home {
-  overflow: hidden;
-  box-sizing: border-box;
+  height: 100%;
   display: flex;
   flex-direction: column;
-  height: 100%;
-  width: 100%;
-  position: fixed;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-  // background: rgba(188, 188, 188, 0.1);
   > div:first-child {
     flex: 1;
-    overflow: auto;
+    overflow-y: auto;
+  }
+  .homeBottom {
+    height: 3.125rem;
+  }
+  ::-webkit-scrollbar {
+    width: 0;
   }
   .van-tabbar-item {
     height: 100%;

src/kpa_pages/homeIndex/index.vue

@@ -1,20 +1,106 @@
 <template>
   <div class="page_homeIndex">
-    <div class="homeTitle">
-      <div class="homeTitleLeft">
-        <van-dropdown-menu>
-          <van-dropdown-item v-model="value1" :options="option1" />
-        </van-dropdown-menu>
+    <van-sticky>
+      <div class="homeTitle">
+        <div class="homeTitleLeft">
+          <van-dropdown-menu>
+            <van-dropdown-item v-model="value1" :options="option1" />
+          </van-dropdown-menu>
+        </div>
+        <div class="homeTitleRight">
+          <i class="iconfont icon-sousuo search"></i>
+          <van-icon class="iconOne" name="comment-o" />
+          <van-icon class="iconOne" name="add-o" />
+        </div>
       </div>
-      <div class="homeTitleRight">
-        <van-icon class="iconOne" name="search" />
-        <van-icon class="iconOne" name="comment-o" />
-        <van-icon class="iconOne" name="add-o" />
-      </div>
-    </div>
+    </van-sticky>
     <div class="banner">
       <img src="../../assets/images/homebanner.jpg" alt />
     </div>
+    <div class="noticeBox">
+      <i class="iconfont icon-public-notice notice"></i>
+      <div class="noticeNews">
+        <div>今日上机：<span>6&ensp;人</span></div>
+        <div>今日透析：<span>6&ensp;人</span></div>
+        <div>今日生日：<span>6&ensp;人</span></div>
+      </div>
+    </div>
+    <div class="background1"></div>
+    <div class="management">
+      <div class="managementTitle">
+        <div class="managementName">
+          管理控制台<span>（仅管理员可见）</span>
+        </div>
+        <div class="setting"><van-icon name="setting-o" />管理</div>
+      </div>
+      <div class="managementBox">
+        <div class="managementOne">
+          <img src="../../assets/images/M1.png" alt="" />员工管理
+        </div>
+        <div class="managementOne">
+          <img src="../../assets/images/M2.png" alt="" />权限管理
+        </div>
+        <div class="managementOne">
+          <img src="../../assets/images/M3.png" alt="" />应用管理
+        </div>
+        <div class="managementOne">
+          <img src="../../assets/images/M4.png" alt="" />机构设置
+        </div>
+      </div>
+    </div>
+    <div class="application">
+      <div class="applicationTitle">
+        <div class="applicationName">应用工作台</div>
+        <div class="applicationService">+ 应用服务</div>
+      </div>
+      <div class="applicationBox">
+        <div class="applicationOne">
+          <img src="../../assets/images/S1.png" alt="" />患者中心
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S2.png" alt="" />排班管理
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S3.png" alt="" />签到称重
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S4.png" alt="" />透析记录
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S5.png" alt="" />质控管理
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S6.png" alt="" />院感管理
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S7.png" alt="" />血管通路
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S8.png" alt="" />慢病管理
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S9.png" alt="" />SCRM
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S10.png" alt="" />分销商城
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S11.png" alt="" />设备管理
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S12.png" alt="" />库存管理
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S13.png" alt="" />客服中心
+        </div>
+        <!-- <div class="applicationOne">
+          <img src="../../assets/images/S14.png" alt="" />集成中心
+        </div> -->
+        <div class="applicationOne">
+          <img src="../../assets/images/S15.png" alt="" />配置中心
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 <script>
@@ -39,6 +125,7 @@ export default {
     padding: 0 1.125rem;
     display: flex;
     justify-content: space-between;
+    background: #fff;
   }
   .homeTitleLeft {
     width: 60%;
@@ -58,6 +145,9 @@ export default {
   .iconOne {
     font-size: 1.5rem;
   }
+  .search {
+    font-size: 1.5rem;
+  }
   .banner {
     padding: 0 1.125rem;
     img {
@@ -65,7 +155,107 @@ export default {
       width: 100%;
     }
   }
+  .noticeBox {
+    padding: 0 1.125rem;
+    height: 2.5rem;
+    display: flex;
+    align-items: center;
+    color: #cccccc;
+    .notice {
+      font-size: 1.25rem;
+      margin-right: 0.375rem;
+    }
+    .noticeNews {
+      width: 90%;
+      display: flex;
+      justify-content: space-between;
+      color: #666666;
+      font-size: 0.8125rem;
+    }
+  }
+  .background1 {
+    background: #f6f6f6;
+    width: 100%;
+    height: 0.8125rem;
+  }
+  .management {
+    padding: 1.25rem 1.125rem 0;
+  }
+  .managementTitle {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .managementName {
+    font-weight: bold;
+    font-size: 1rem;
+    color: #000;
+    span {
+      font-size: 0.8125rem;
+      color: #989898;
+      font-weight: 400;
+    }
+  }
+  .setting {
+    display: flex;
+    align-items: center;
+    color: #989898;
+    font-size: 0.8125rem;
+    .van-icon-setting-o {
+      margin-right: 0.25rem;
+    }
+  }
+  .managementBox {
+    display: flex;
+    justify-content: space-between;
+    .managementOne {
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+      font-size: 0.8125rem;
+      color: #666666;
+      img {
+        width: 1.375rem;
+        height: 1.375rem;
+        margin: 1rem 0 0.2rem;
+      }
+    }
+  }
+  .application {
+    .applicationTitle {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 1.25rem 1.125rem 0.625rem;
+    }
+    .applicationName {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #000;
+    }
+    .applicationService {
+      font-size: 0.8125rem;
+      color: #666666;
+    }
+  }
+  .applicationBox {
+    display: flex;
+    flex-wrap: wrap;
+    .applicationOne {
+      width: 25%;
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+      padding: 0.625rem 0;
+      font-size: 0.8125rem;
+      color: #666666;
+      img {
+        width: 3.25rem;
+        height: 3.25rem;
+        margin-bottom: 0.375rem;
+      }
+    }
+  }
 }
 </style>
-<style lang="scss">
-</style>
+<style lang="scss"></style>

src/kpa_pages/login/login.vue

@@ -37,6 +37,12 @@
         <p class="register" @click="ToRegister()">快速注册</p>
       </div>
     </div>
+    <div class="agreeBox">
+      <van-checkbox v-model="checked" shape="square"
+        >我已阅读并同意</van-checkbox
+      ><span class="newColor">《隐私服务协议》</span
+      ><span class="newColor">《用户协议》</span>
+    </div>
   </div>
 </template>
 
@@ -54,6 +60,7 @@ export default {
       }
     };
     return {
+      checked: true,
       tel: "",
       psd: "",
       LoginForm: {
@@ -142,7 +149,6 @@ export default {
   }
   .loginBottom {
     width: 23.4375rem;
-    height: 27.625rem;
     padding-top: 1rem;
     box-sizing: border-box;
   }
@@ -151,6 +157,17 @@ export default {
     color: #1a8cff;
     margin: 0.5625rem 0 1.5rem 17.4375rem;
   }
+  .agreeBox {
+    width: 82%;
+    display: flex;
+    align-items: center;
+    font-size: 0.8125rem;
+    margin: 3.75rem auto 0;
+
+    .newColor {
+      color: #338afb;
+    }
+  }
   .login {
     width: 19.25rem;
     height: 2.875rem;