病程管理

src/api/patient/patient.js

@@ -12,6 +12,42 @@ export function getBloodDialysisPatient(page, limit) {
   })
 }
 
+export function getAllBloodDialysisPatient(page, limit) {
+  const params = {
+    page: page,
+    limit: limit
+  }
+  return request({
+    url: '/m/api/patient/getallblooddialysispatient',
+    method: 'get',
+    params: params
+  })
+}
+
+export function getAllSlowPatient(page, limit) {
+  const params = {
+    page: page,
+    limit: limit
+  }
+  return request({
+    url: '/m/api/patient/getallslowpatient',
+    method: 'get',
+    params: params
+  })
+}
+
+export function getAllMemberPatient(page, limit) {
+  const params = {
+    page: page,
+    limit: limit
+  }
+  return request({
+    url: '/m/api/patient/getallmemberpatient',
+    method: 'get',
+    params: params
+  })
+}
+
 export function GenerateDialysisNo(params) {
   return request({
     url: '/m/api/patients/generatedialysisnotwo',
@@ -89,6 +125,8 @@ export function getDryWeight(id, startime, endtime, limit, page) {
 
 export function getBloodDialysisPatientTwo(page, limit) {
   console.log('数据出发了没有')
+  console.log('page', page)
+  console.log('limit', limit)
   const params = {
     page: page,
     limit: limit
@@ -163,3 +201,19 @@ export function getCourseManagement(id, limit, page, startime, endtime) {
     params: params
   })
 }
+
+export function DeleteCouseManage(id, params) {
+  return request({
+    url: '/m/api/patient/delelecousemanage?id=' + id,
+    method: 'delete',
+    params: params
+  })
+}
+
+export function getCouseManagementDetail(id, params) {
+  return request({
+    url: '/m/api/patient/getcousemanagementdetail?id=' + id,
+    method: 'get',
+    params: params
+  })
+}

src/main.js

@@ -1,26 +1,26 @@
 // The Vue build version to load with the `import` command
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
-import Vue from "vue";
-import App from "./App";
-import router from "./router";
-import MintUI from "mint-ui";
-import store from "./store";
-import "mint-ui/lib/style.css";
-import "./assets/styles/iconfont.css";
-import "./permission";
+import Vue from 'vue'
+import App from './App'
+import router from './router'
+import MintUI from 'mint-ui'
+import store from './store'
+import 'mint-ui/lib/style.css'
+import './assets/styles/iconfont.css'
+import './permission'
 
-import "@/styles/reset.scss";
-import "@/styles/variables.scss";
+import '@/styles/reset.scss'
+import '@/styles/variables.scss'
 // import "@/styles/style.scss";
 // eslint-disable-next-line import/no-duplicates
 // import Vant from "vant";
 // import "vant/lib/index.css";
 // import "vant/lib/icon/local.css";
 // import '@/styles/vant-css/index.css'
-import "@/styles/media.scss";
-import ElementUI from "element-ui";
-import "element-ui/lib/theme-chalk/index.css";
-import pinyin from "js-pinyin";
+import '@/styles/media.scss'
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+import pinyin from 'js-pinyin'
 // import "./libs/rem.js";
 import {
   DropdownMenu,
@@ -47,9 +47,10 @@ import {
   Toast,
   Search,
   IndexBar,
-  IndexAnchor
+  IndexAnchor,
+  Dialog
   // eslint-disable-next-line no-irregular-whitespace,import/no-duplicates
-} from "vant";
+} from 'vant'
 Vue.use(DropdownMenu)
   .use(DropdownItem)
   .use(Tab)
@@ -74,7 +75,8 @@ Vue.use(DropdownMenu)
   .use(Toast)
   .use(Search)
   .use(IndexBar)
-  .use(IndexAnchor);
+  .use(IndexAnchor)
+  .use(Dialog)
 // import "@/lib/flexible.js";
 
 // main.js
@@ -85,20 +87,20 @@ Vue.use(DropdownMenu)
 // Vue.use(AlertPlugin)
 // Vue.use(ToastPlugin)
 
-Vue.use(MintUI);
+Vue.use(MintUI)
 // Vue.use(Vant)
-Vue.use(ElementUI);
-Vue.config.productionTip = false;
+Vue.use(ElementUI)
+Vue.config.productionTip = false
 
 /* eslint-disable no-new */
 new Vue({
-  el: "#app",
+  el: '#app',
   router,
   store,
   components: {
     App
   },
-  template: "<App/>"
-});
+  template: '<App/>'
+})
 
 // eslint-disable-next-line no-undef

src/pages/doctorAdvice/components/CourseManagement.vue

@@ -18,13 +18,13 @@
       <div class="adviceBox">
         <van-list
           v-model="loading"
-          :finished="finished"
           finished-text="没有更多了"
           @load="onLoad"
+          :finished="finished"
         >
           <div
             class="adviceOne"
-            v-for="item in this.courseManagement"
+            v-for="(item, index) in this.courseManagement"
             :key="item.id"
           >
             <div class="adviceTitle">
@@ -32,7 +32,7 @@
               <van-icon
                 class="ellipsis"
                 name="ellipsis"
-                @click="newShow = true"
+                @click="toDeleteCourseManagement(item.id, index)"
               />
             </div>
             <div class="statOrder">
@@ -48,7 +48,7 @@
                 <p>记录医生：{{ item.user_name }}</p>
               </div>
             </div>
-            <div class="all">全部</div>
+            <div class="all" @click="toCourseDetail(item.id)">全部</div>
           </div>
         </van-list>
       </div>
@@ -97,19 +97,23 @@
           @cancel="endShow = false"
         />
       </van-popup>
+
       <van-action-sheet
         v-model="newShow"
         :actions="actions"
         cancel-text="取消"
         @cancel="onCancel"
+        @select="onDeleteConfirm"
       />
     </div>
   </div>
 </template>
 
 <script>
-import { getCourseManagement } from "@/api/patient/patient";
+import { getCourseManagement, DeleteCouseManage } from "@/api/patient/patient";
 import { uParseTime } from "@/utils/tools";
+import Vue from "vue";
+import { Dialog } from "vant";
 const moment = require("moment");
 export default {
   data() {
@@ -128,15 +132,18 @@ export default {
       limit: 10,
       page: 1,
       total: 0,
-      finished: false,
       loading: false,
+      finished: false,
       typeShow: false,
       columns: [],
-      courseManagement: []
+      courseManagement: [],
+      patientid: 0,
+      list: [],
+      patient_id: 0,
+      patient_index: 0
     };
   },
   methods: {
-    onLoad() {},
     onCancel() {
       this.typeShow = false;
     },
@@ -191,13 +198,61 @@ export default {
           console.log("病程管理", coursemanagement);
           this.courseManagement = coursemanagement;
           var total = response.data.data.total;
+          this.total = total;
           console.log("总共", total);
         }
       });
+    },
+    onLoad() {
+      setTimeout(() => {
+        for (let i = 0; i < this.limit; i++) {
+          this.list.push(this.list.length + 1);
+        }
+        // 加载状态结束
+        this.loading = false;
+        if (this.courseManagement.length > 10) {
+          this.page++;
+        }
+        this.getCourseManagement(this.patientid);
+        // 数据全部加载完成
+        if (this.list.length >= this.total) {
+          this.finished = true;
+        }
+      }, 1000);
+    },
+    toDeleteCourseManagement(id, index) {
+      this.patient_id = id;
+      this.patient_index = index;
+      this.newShow = true;
+      console.log("数据", this.patient_id, "下标", this.patient_index);
+    },
+    onDeleteConfirm(value) {
+      if (value.name == "删除") {
+        this.DeleteCouseManage(this.patient_id);
+      }
+    },
+    DeleteCouseManage(id, index) {
+      Dialog.confirm({
+        title: "删除提示!",
+        message: "确认删除该条信息吗?,删除后将无法恢复!"
+      }).then(() => {
+        DeleteCouseManage(id).then(response => {
+          if (response.data.state === 1) {
+            var msg = response.data.data.msg;
+            console.log("msg", msg);
+            this.courseManagement.splice(index, 1);
+            this.newShow = false;
+          }
+        });
+      });
+    },
+    toCourseDetail(id) {
+      this.$router.push("/coursedetail?id=" + id);
     }
   },
   created() {
     var patientid = this.$route.query.patientid;
+    this.patientid = patientid;
     console.log("干体重id", patientid);
     this.getCourseManagement(patientid);
   }

src/pages/homeIndex/index.vue

@@ -41,9 +41,7 @@
           管理控制台
           <span>（仅管理员可见）</span>
         </div>
-        <div class="setting">
-          <van-icon name="setting-o" />管理
-        </div>
+        <div class="setting"><van-icon name="setting-o" />管理</div>
       </div>
       <div class="managementBox">
         <div class="managementOne">
@@ -63,7 +61,7 @@
     <div class="application">
       <div class="applicationTitle">
         <div class="applicationName">应用工作台</div>
-        <div class="applicationService">+ 应用服务</div>
+        <div class="applicationService">+ 更多应用</div>
       </div>
       <div class="applicationBox">
         <div class="applicationOne" @click="toPatients">
@@ -157,7 +155,6 @@ export default {
 };
 </script>
 
-
 <style lang="scss" scoped>
 .page_homeIndex {
   .homeTitle {

src/pages/patientManagement/components/Blood.vue

@@ -0,0 +1,283 @@
+<template>
+  <div class="page_patientManagement">
+    <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="typeShowOne = true">
+        <div style="display: flex;align-items: center;">
+          {{ typeOne }}
+          <van-icon name="arrow-down" />
+        </div>
+      </div>
+    </div>
+    <div class="patientBox">
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        @load="onLoad"
+      >
+        <div
+          class="patientOne"
+          v-for="(item, index) in patients"
+          :key="index"
+          @click="toPatientDetail(item.id)"
+        >
+          <img :src="item.avatar" alt />
+          <p>{{ item.name }}</p>
+        </div>
+      </van-list>
+    </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="typeShowOne"
+        position="bottom"
+        :style="{ height: '40%' }"
+      >
+        <van-picker
+          show-toolbar
+          :columns="columnsOne"
+          @cancel="onCancelOne"
+          @confirm="onConfirmOne"
+        />
+      </van-popup>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getAllBloodDialysisPatient } from "@/api/patient/patient";
+export default {
+  data() {
+    return {
+      value: "",
+      typeShow: false,
+      typeShowOne: false,
+      startShow: false,
+      endShow: false,
+      type: "归转状态",
+      typeOne: "患者来源",
+      columns: ["留治", "转出"],
+      columnsOne: ["门诊", "转院"],
+      searchVal: "",
+      active: 0,
+      list: [],
+      loading: false,
+      finished: false,
+      page: 0,
+      limit: 10,
+      total: 0,
+      value1: 0,
+      value2: "a",
+      value3: "a",
+      option1: [
+        { text: "患者类型", value: 0 },
+        { text: "新款商品新款商品新款商品", value: 1 },
+        { text: "活动商品", value: 2 }
+      ],
+      option2: [
+        { text: "转规状态", value: "a" },
+        { text: "好评排序", value: "b" },
+        { text: "销量排序", value: "c" }
+      ],
+      option3: [
+        { text: "患者来源", value: "a" },
+        { text: "好评排序", value: "b" },
+        { text: "销量排序", value: "c" }
+      ],
+      list: [],
+      loading: false,
+      finished: false,
+      patients: []
+    };
+  },
+  methods: {
+    onLoad() {},
+    onCancel(value) {
+      this.typeShow = false;
+    },
+    onConfirm(value) {
+      this.type = value;
+      this.typeShow = false;
+    },
+    onCancelOne(value) {
+      this.typeOne = value;
+      this.typeShowOne = false;
+    },
+    onConfirmOne(value) {
+      this.typeOne = value;
+      this.typeShowOne = false;
+    },
+    getAllBloodDialysisPatient() {
+      getAllBloodDialysisPatient(this.page, this.limit).then(response => {
+        if (response.data.state === 1) {
+          var bloodpatient = response.data.data.bloodpatient;
+          let arr = this.patients;
+          arr.push(...bloodpatient);
+          this.patients = arr;
+          console.log("血透病人", bloodpatient);
+          var total = response.data.data.total;
+          // console.log("总计", total);
+        }
+      });
+    },
+    onLoad() {
+      setTimeout(() => {
+        for (let i = 0; i < this.limit; i++) {
+          this.list.push(this.list.length + 1);
+        }
+        // 加载状态结束
+        this.loading = false;
+        if (this.patients.length > 10) {
+          this.page++;
+        }
+        this.getAllBloodDialysisPatient(this.page, this.limit);
+        // 数据全部加载完成
+        if (this.list.length >= this.total) {
+          this.finished = true;
+        }
+      }, 1000);
+    },
+    toPatientDetail(id) {
+      this.$router.push("/patientdetail?patientid=" + id);
+    }
+  },
+  created() {
+    const baseSize = 32;
+    // 设置 rem 函数
+    function setRem() {
+      const scale = document.documentElement.clientWidth / 750;
+      document.documentElement.style.fontSize =
+        baseSize * Math.min(scale, 2) + "px";
+      //   // 320 默认大小16px; 320px = 20rem ;每个元素px基础上/16
+      //   let htmlWidth =
+      //     document.documentElement.clientWidth || document.body.clientWidth;
+      //   //得到html的Dom元素
+      //   let htmlDom = document.getElementsByTagName("html")[0];
+      //   //设置根元素字体大小
+      //   htmlDom.style.fontSize = htmlWidth / 23.4375 + "px";
+    }
+    // 初始化
+    setRem();
+    // 改变窗口大小时重新设置 rem
+    window.onresize = function() {
+      setRem();
+    };
+    this.getAllBloodDialysisPatient();
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.page_patientManagement {
+  overflow-y: auto;
+  height: 100%;
+  .patientManagementTitle {
+    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;
+  }
+  .iconBox {
+    display: flex;
+    align-items: center;
+    float: right;
+  }
+  .iconOne {
+    font-size: 1.5rem;
+  }
+  .add {
+    margin-left: 1.25rem;
+  }
+  .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: 0.875rem;
+    }
+  }
+  .van-dropdown-menu__title {
+    width: 5.625rem;
+    height: 1.875rem;
+    line-height: 1.875rem;
+    background: rgba(246, 246, 246, 1);
+    border-radius: 5px;
+    color: #8d8d8d;
+    font-size: 0.875rem;
+  }
+  .van-dropdown-menu__title::after {
+    right: 0.5rem;
+  }
+  .patientBox {
+    padding: 0 0.875rem;
+    .patientOne {
+      display: flex;
+      align-items: center;
+      height: 3.75rem;
+      img {
+        width: 2.5rem;
+        height: 2.5rem;
+        margin-right: 0.875rem;
+      }
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>
+
+<style lang="scss">
+.page_patientManagement {
+  .searchBox {
+    .van-cell__value {
+      display: flex;
+      align-items: center;
+    }
+    .van-field__body {
+      width: 100%;
+    }
+  }
+}
+</style>

src/pages/patientManagement/components/Member.vue

@@ -0,0 +1,193 @@
+<template>
+  <div class="page_patientManagement">
+    <div class="patientBox">
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        @load="onLoad"
+      >
+        <div class="patientOne" v-for="(item,index) in patients" :key="index"
+         @click="toPatientDetail(item.id)"
+        >
+          <img :src="item.avatar" alt />
+          <p>{{ item.name }}</p>
+        </div>
+      </van-list>
+    </div>
+   </div>
+  </div>
+</template>
+
+<script>
+import { getAllMemberPatient } from '@/api/patient/patient'
+export default {
+  data () {
+    return {
+      loading: false,
+      finished: false,
+      limit: 10,
+      page: 1,
+      total: 0,
+      patients: [],
+      list: []
+    }
+  },
+  methods: {
+    getAllMemberPatient () {
+      getAllMemberPatient(this.page, this.limit).then(response => {
+        if (response.data.state === 1) {
+          var patients = response.data.data.memberpatient
+          // console.log('会员管理', patients)
+          let arr = this.patients
+          arr.push(...patients)
+          this.patients = arr
+          var total = response.data.data.total
+          // console.log('total', total)
+          this.total = total
+        }
+      })
+    },
+    onLoad () {
+      setTimeout(() => {
+        for (let i = 0; i < this.limit; i++) {
+          this.list.push(this.list.length + 1)
+        }
+        // 加载状态结束
+        this.loading = false
+        if (this.patients.length > 10) {
+          this.page++
+        }
+        this.getAllSlowPatient(this.page, this.limit)
+        // 数据全部加载完成
+        if (this.list.length >= this.total) {
+          this.finished = true
+        }
+      }, 1000)
+    },
+    toPatientDetail (id) {
+      this.$router.push('/patientdetail?patientid=' + id)
+    }
+  },
+  created () {
+    const baseSize = 32
+    // 设置 rem 函数
+    function setRem () {
+      const scale = document.documentElement.clientWidth / 750
+      document.documentElement.style.fontSize =
+        baseSize * Math.min(scale, 2) + 'px'
+      //   // 320 默认大小16px; 320px = 20rem ;每个元素px基础上/16
+      //   let htmlWidth =
+      //     document.documentElement.clientWidth || document.body.clientWidth;
+      //   //得到html的Dom元素
+      //   let htmlDom = document.getElementsByTagName("html")[0];
+      //   //设置根元素字体大小
+      //   htmlDom.style.fontSize = htmlWidth / 23.4375 + "px";
+    }
+    // 初始化
+    setRem()
+    // 改变窗口大小时重新设置 rem
+    window.onresize = function () {
+      setRem()
+    }
+    this.getAllMemberPatient()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page_patientManagement {
+  overflow-y: auto;
+  height: 100%;
+  .patientManagementTitle {
+    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;
+  }
+  .iconBox {
+    display: flex;
+    align-items: center;
+    float: right;
+  }
+  .iconOne {
+    font-size: 1.5rem;
+  }
+  .add {
+    margin-left: 1.25rem;
+  }
+  .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: 0.875rem;
+    }
+  }
+  .van-dropdown-menu__title {
+    width: 5.625rem;
+    height: 1.875rem;
+    line-height: 1.875rem;
+    background: rgba(246, 246, 246, 1);
+    border-radius: 5px;
+    color: #8d8d8d;
+    font-size: 0.875rem;
+  }
+  .van-dropdown-menu__title::after {
+    right: 0.5rem;
+  }
+  .patientBox {
+    padding: 0 0.875rem;
+    .patientOne {
+      display: flex;
+      align-items: center;
+      height: 3.75rem;
+      img {
+        width: 2.5rem;
+        height: 2.5rem;
+        margin-right: 0.875rem;
+      }
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>
+
+<style lang="scss">
+.page_patientManagement {
+  .searchBox {
+    .van-cell__value {
+      display: flex;
+      align-items: center;
+    }
+    .van-field__body {
+      width: 100%;
+    }
+  }
+}
+</style>

src/pages/patientManagement/components/Slow.vue

@@ -0,0 +1,194 @@
+<template>
+  <div class="page_patientManagement">
+     <div class="patientBox">
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        @load="onLoad"
+      >
+        <div class="patientOne" v-for="(item,index) in patients" :key="index"
+        @click="toPatientDetail(item.id)">
+          <img :src="item.avatar" alt />
+          <p>{{ item.name }}</p>
+        </div>
+      </van-list>
+    </div>
+   </div>
+  </div>
+</template>
+
+<script>
+import {
+  getAllSlowPatient
+} from '@/api/patient/patient'
+export default {
+  data () {
+    return {
+      loading: false,
+      finished: false,
+      limit: 10,
+      page: 1,
+      total: 0,
+      patients: [],
+      list: []
+    }
+  },
+  methods: {
+    getAllSlowPatient () {
+      getAllSlowPatient(this.page, this.limit).then(response => {
+        if (response.data.state === 1) {
+          var patients = response.data.data.slowpatient
+          let arr = this.patients
+          arr.push(...patients)
+          this.patients = arr
+          // console.log('慢病', patients)
+          var total = response.data.data.total
+          // console.log('total', total)
+          this.total = total
+        }
+      })
+    },
+    onLoad () {
+      setTimeout(() => {
+        for (let i = 0; i < this.limit; i++) {
+          this.list.push(this.list.length + 1)
+        }
+        // 加载状态结束
+        this.loading = false
+        if (this.patients.length > 10) {
+          this.page++
+        }
+        this.getAllSlowPatient(this.page, this.limit)
+        // 数据全部加载完成
+        if (this.list.length >= this.total) {
+          this.finished = true
+        }
+      }, 1000)
+    },
+    toPatientDetail (id) {
+      this.$router.push('/patientdetail?patientid=' + id)
+    }
+  },
+  created () {
+    const baseSize = 32
+    // 设置 rem 函数
+    function setRem () {
+      const scale = document.documentElement.clientWidth / 750
+      document.documentElement.style.fontSize =
+        baseSize * Math.min(scale, 2) + 'px'
+      //   // 320 默认大小16px; 320px = 20rem ;每个元素px基础上/16
+      //   let htmlWidth =
+      //     document.documentElement.clientWidth || document.body.clientWidth;
+      //   //得到html的Dom元素
+      //   let htmlDom = document.getElementsByTagName("html")[0];
+      //   //设置根元素字体大小
+      //   htmlDom.style.fontSize = htmlWidth / 23.4375 + "px";
+    }
+    // 初始化
+    setRem()
+    // 改变窗口大小时重新设置 rem
+    window.onresize = function () {
+      setRem()
+    }
+    this.getAllSlowPatient()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page_patientManagement {
+  overflow-y: auto;
+  height: 100%;
+  .patientManagementTitle {
+    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;
+  }
+  .iconBox {
+    display: flex;
+    align-items: center;
+    float: right;
+  }
+  .iconOne {
+    font-size: 1.5rem;
+  }
+  .add {
+    margin-left: 1.25rem;
+  }
+  .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: 0.875rem;
+    }
+  }
+  .van-dropdown-menu__title {
+    width: 5.625rem;
+    height: 1.875rem;
+    line-height: 1.875rem;
+    background: rgba(246, 246, 246, 1);
+    border-radius: 5px;
+    color: #8d8d8d;
+    font-size: 0.875rem;
+  }
+  .van-dropdown-menu__title::after {
+    right: 0.5rem;
+  }
+  .patientBox {
+    padding: 0 0.875rem;
+    .patientOne {
+      display: flex;
+      align-items: center;
+      height: 3.75rem;
+      img {
+        width: 2.5rem;
+        height: 2.5rem;
+        margin-right: 0.875rem;
+      }
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>
+
+<style lang="scss">
+.page_patientManagement {
+  .searchBox {
+    .van-cell__value {
+      display: flex;
+      align-items: center;
+    }
+    .van-field__body {
+      width: 100%;
+    }
+  }
+}
+</style>

src/pages/patientManagement/index.vue

@@ -80,9 +80,7 @@ export default {
         if (response.data.state == 1) {
           var patient = response.data.data.patient;
           // console.log("病人信息", patient);
-          let arr = this.patients;
-          arr.push(...patient);
-          this.patients = arr;
+          this.patients = patient;
           var total = response.data.data.total;
           this.total = total;
           // console.log("总计", total);

src/pages/patientManagement/patientManagement.vue

@@ -0,0 +1,278 @@
+<template>
+  <div class="page_patientManagement">
+    <van-sticky>
+      <div class="patientManagementTitle">
+        <i class="iconfont icon-zuojiantou jiantou"></i>
+        <span class="titleName">患者管理</span>
+        <div class="iconBox" @click="addPatient">
+          <van-icon class="iconOne add" name="add-o" />
+        </div>
+      </div>
+    </van-sticky>
+    <div class="searchBox">
+      <van-search v-model="value" placeholder="搜索患者透析号/姓名/首拼" />
+    </div>
+    <div class="chooseBox">
+      <van-tabs v-model="active" sticky>
+        <van-tab title="全部患者">
+          <div class="patientBox">
+            <van-list
+              v-model="loading"
+              finished-text="没有更多了"
+              @load="onLoad"
+              :finished="finished"
+            >
+              <div
+                class="patientOne"
+                v-for="(item, index) in patients"
+                :key="index"
+                @click="toPatientDetail(item.id)"
+              >
+                <img :src="item.avatar" alt />
+                <p>{{ item.name }}</p>
+              </div>
+            </van-list>
+          </div>
+        </van-tab>
+        <van-tab title="血透患者">
+          <Blood></Blood>
+        </van-tab>
+        <van-tab title="慢病患者">
+          <Slow></Slow>
+        </van-tab>
+        <van-tab title="会员患者">
+          <Member></Member>
+        </van-tab>
+      </van-tabs>
+    </div>
+    <!-- 弹出层 -->
+    <div>
+      <van-popup
+        v-model="typeShow"
+        position="bottom"
+        :style="{ height: '40%' }"
+      >
+        <van-picker
+          show-toolbar
+          :columns="columns"
+          @cancel="onCancel"
+          @confirm="onConfirm"
+        />
+      </van-popup>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getBloodDialysisPatient } from "@/api/patient/patient";
+import Slow from "@/pages/patientManagement/components/Slow";
+import Member from "@/pages/patientManagement/components/Member";
+import Blood from "@/pages/patientManagement/components/Blood";
+export default {
+  components: {
+    Slow,
+    Member,
+    Blood
+  },
+  data() {
+    return {
+      value: "",
+      typeShow: false,
+      startShow: false,
+      endShow: false,
+      type: "归转状态",
+      columns: [
+        "杭州",
+        "宁波",
+        "温州",
+        "嘉兴",
+        "湖州",
+        "杭州",
+        "宁波",
+        "温州",
+        "嘉兴",
+        "湖州"
+      ],
+      searchVal: "",
+      active: 0,
+      list: [],
+      loading: false,
+      finished: false,
+      page: 1,
+      limit: 10,
+      total: 0,
+      patients: []
+    };
+  },
+  methods: {
+    onCancel() {
+      this.typeShow = false;
+    },
+    onConfirm(value) {
+      this.type = value;
+      this.typeShow = false;
+    },
+    onLoad() {
+      setTimeout(() => {
+        for (let i = 0; i < this.limit; i++) {
+          this.list.push(this.list.length + 1);
+        }
+        // 加载状态结束
+        this.loading = false;
+        console.log("长度", this.patients.length);
+        if (this.patients.length > 10) {
+          this.page++;
+        }
+        console.log("page是什么", this.page);
+        this.getBloodDialysisPatient(this.page, this.limit);
+        // 数据全部加载完成
+        if (this.list.length >= this.total) {
+          this.finished = true;
+        }
+      }, 1000);
+    },
+    getBloodDialysisPatient() {
+      getBloodDialysisPatient(this.page, this.limit).then(response => {
+        if (response.data.state == 1) {
+          var patient = response.data.data.patient;
+          // console.log("病人信息", patient);
+          let arr = this.patients;
+          arr.push(...patient);
+          this.patients = arr;
+          var total = response.data.data.total;
+          this.total = total;
+          // console.log("总计", total);
+        }
+      });
+    },
+
+    addPatient() {
+      this.$router.push("/addPatints");
+    },
+    toPatientDetail(id) {
+      this.$router.push("/patientdetail?patientid=" + id);
+    }
+  },
+  created() {
+    const baseSize = 32;
+    // 设置 rem 函数
+    function setRem() {
+      const scale = document.documentElement.clientWidth / 750;
+      document.documentElement.style.fontSize =
+        baseSize * Math.min(scale, 2) + "px";
+      //   // 320 默认大小16px; 320px = 20rem ;每个元素px基础上/16
+      //   let htmlWidth =
+      //     document.documentElement.clientWidth || document.body.clientWidth;
+      //   //得到html的Dom元素
+      //   let htmlDom = document.getElementsByTagName("html")[0];
+      //   //设置根元素字体大小
+      //   htmlDom.style.fontSize = htmlWidth / 23.4375 + "px";
+    }
+    // 初始化
+    setRem();
+    // 改变窗口大小时重新设置 rem
+    window.onresize = function() {
+      setRem();
+    };
+    this.getBloodDialysisPatient();
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.page_patientManagement {
+  overflow-y: auto;
+  height: 100%;
+  .patientManagementTitle {
+    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;
+  }
+  .iconBox {
+    display: flex;
+    align-items: center;
+    float: right;
+  }
+  .iconOne {
+    font-size: 1.5rem;
+  }
+  .add {
+    margin-left: 1.25rem;
+  }
+  .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: 0.875rem;
+    }
+  }
+  .van-dropdown-menu__title {
+    width: 5.625rem;
+    height: 1.875rem;
+    line-height: 1.875rem;
+    background: rgba(246, 246, 246, 1);
+    border-radius: 5px;
+    color: #8d8d8d;
+    font-size: 0.875rem;
+  }
+  .van-dropdown-menu__title::after {
+    right: 0.5rem;
+  }
+  .patientBox {
+    padding: 0 0.875rem;
+    background: #fff;
+    .patientOne {
+      display: flex;
+      align-items: center;
+      height: 3.75rem;
+      img {
+        width: 2.5rem;
+        height: 2.5rem;
+        margin-right: 0.875rem;
+      }
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>
+
+<style lang="scss">
+.page_patientManagement {
+  .searchBox {
+    .van-cell__value {
+      display: flex;
+      align-items: center;
+    }
+    .van-field__body {
+      width: 100%;
+    }
+  }
+}
+</style>

src/router/index.js

@@ -23,7 +23,7 @@ export default new Router({
     {
       path: '/patients',
       name: 'patients',
-      component: () => import('@/pages/patientManagement/index')
+      component: () => import('@/pages/patientManagement/patientManagement')
     },
     // 新增病人
     {
@@ -31,6 +31,12 @@ export default new Router({
       name: 'addpatients',
       component: () => import('@/pages/patients/addPatient')
     },
+    // 全部病程
+    {
+      path: '/coursedetail',
+      name: 'coursedetail',
+      component: () => import('@/pages/allCourseManagement/index')
+    },
     //
     {
       path: '/patientdetail',