代码更新

src/api/patient/patient.js

@@ -1,8 +1,12 @@
 import request from '@/utils/request'
 
-export function getBloodDialysisPatient(params) {
+export function getBloodDialysisPatient(page, limit) {
+  const params = {
+    page: page,
+    limit: limit
+  }
   return request({
-    url: '/api/patient/getbloodDialysisPatient',
+    url: 'm/api/patient/getbloodDialysisPatient',
     method: 'get',
     params: params
   })
@@ -10,7 +14,98 @@ export function getBloodDialysisPatient(params) {
 
 export function GenerateDialysisNo(params) {
   return request({
-    url: '/m/patients/generatedialysisnotwo',
+    url: '/m/api/patients/generatedialysisnotwo',
+    method: 'get',
+    params: params
+  })
+}
+
+export function GetIllnessList(params) {
+  return request({
+    url: 'm/api/patient/getillnesslist',
+    method: 'get',
+    params: params
+  })
+}
+
+export function GetPatientInfo(phone) {
+  const params = {
+    phone: phone
+  }
+  return request({
+    url: 'm/api/patient/getpatientinfo',
+    method: 'get',
+    params: params
+  })
+}
+
+export function savePatient(data) {
+  console.log('data', data)
+  return request({
+    url: '/m/api/patient/savepatient',
+    method: 'post',
+    data: data
+  })
+}
+
+export function getPatientDetail(id, params) {
+  return request({
+    url: '/m/api/patient/getpatientdetail?id=' + id,
+    method: 'get',
+    params: params
+  })
+}
+
+export function getDoctorAdvices(id, type, startime, endtime, limit, page) {
+  const params = {
+    id: id,
+    type: type,
+    startime: startime,
+    endtime: endtime,
+    limit: limit,
+    page: page
+  }
+  return request({
+    url: '/m/api/patient/getdoctoradvices',
+    method: 'get',
+    params: params
+  })
+}
+
+export function getDryWeight(id, startime, endtime, limit, page) {
+  const params = {
+    id: id,
+    startime: startime,
+    endtime: endtime,
+    limit: limit,
+    page: page
+  }
+  return request({
+    url: '/m/api/paitent/getdryweight',
+    method: 'get',
+    params: params
+  })
+}
+
+export function getBloodDialysisPatientTwo(page, limit) {
+  console.log('数据出发了没有')
+  const params = {
+    page: page,
+    limit: limit
+  }
+  return request({
+    url: 'm/api/patient/getbloodDialysisPatientwo',
+    method: 'get',
+    params: params
+  })
+}
+
+export function ToSearch(name) {
+  const params = {
+    name: name
+  }
+  return request({
+    url: 'm/api/patient/tosearch',
     method: 'get',
     params: params
   })

src/kya_pages/home/index.vue

@@ -68,7 +68,7 @@
         <span>我的</span>
       </div>
     </div>
-    
+
   </div> -->
   <div class="page_home">
     <div>
@@ -128,38 +128,6 @@ export default {
       searchVal: ""
     };
   }
-  // methods: {
-  //   getAllOrgName(id) {
-  //     getAllOrgName(id).then(response => {
-  //       if (response.data.state === 1) {
-  //         var org = response.data.data.org;
-  //         const arr = [];
-  //         org.map(item => {
-  //           const obj = {};
-  //           obj.text = item.org_name;
-  //           obj.value = item.id;
-  //           arr.push(obj);
-  //         });
-  //         this.hospitals = arr;
-  //         for (let index = 0; index < this.hospitals.length; index++) {
-  //           this.value = this.hospitals[index].value;
-  //         }
-  //         console.log("this.hospitals是什么", this.hospitals);
-  //       }
-  //     });
-  //   },
-  //   patientManagement() {
-  //     var id = this.$route.query.id;
-  //     this.$router.push("/patientmanagement?id=" + id);
-  //   },
-  //   ToSearch() {
-  //     this.$router.push("/search");
-  //   }
-  // },
-  // created() {
-  //   const id = this.$route.query.id;
-  //   this.getAllOrgName(id);
-  // }
 };
 </script>
 

src/main.js

@@ -1,26 +1,27 @@
 // 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/style.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 "./libs/rem.js";
+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,
   DropdownItem,
@@ -40,9 +41,15 @@ import {
   Field,
   Tabbar,
   TabbarItem,
-  Sticky
+  Sticky,
+  Checkbox,
+  CheckboxGroup,
+  Toast,
+  Search,
+  IndexBar,
+  IndexAnchor
   // eslint-disable-next-line no-irregular-whitespace,import/no-duplicates
-} from "vant";
+} from 'vant'
 Vue.use(DropdownMenu)
   .use(DropdownItem)
   .use(Tab)
@@ -61,7 +68,13 @@ Vue.use(DropdownMenu)
   .use(Field)
   .use(Tabbar)
   .use(TabbarItem)
-  .use(Sticky);
+  .use(Sticky)
+  .use(Checkbox)
+  .use(CheckboxGroup)
+  .use(Toast)
+  .use(Search)
+  .use(IndexBar)
+  .use(IndexAnchor)
 // import "@/lib/flexible.js";
 
 // main.js
@@ -72,20 +85,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

@@ -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/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/pages/doctorAdvice/components/DoctorManagement.vue

@@ -0,0 +1,346 @@
+<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="item">
+            <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>
+import { getDoctorAdvices } from "@/api/patient/patient";
+const moment = require("moment");
+export default {
+  data() {
+    return {
+      loading: false,
+      onLoad: false,
+      finished: false,
+      newShow: false,
+      typeShow: false,
+      startShow: false,
+      endShow: false,
+      type: "全部",
+      columns: ["全部", "长期医嘱", "临时医嘱"],
+      startTime: moment()
+        .subtract(30, "days")
+        .format("YYYY-MM-DD"),
+      endTime: moment(new Date()).format("YYYY-MM-DD"),
+      minDate: new Date(1970, 0, 1),
+      maxDate: new Date(2025, 10, 1),
+      currentDate: new Date(),
+      actions: [{ name: "编辑" }, { name: "删除" }],
+      form: {
+        type: "",
+        limit: 10,
+        page: 1
+      },
+      total: ""
+    };
+  },
+  methods: {
+    onCancel() {
+      this.typeShow = false;
+    },
+    onConfirm(value) {
+      console.log("value值是什么", 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;
+    },
+    changeData(val) {
+      console.log("val", val);
+    },
+    getDoctorAdvices(patientid) {
+      console.log("类型是什么", this.type);
+      if (this.type === "全部") {
+        this.form.type = 0;
+      }
+      if (this.type === "透析患者") {
+        this.form.type = 1;
+      }
+      if (this.type === "慢病患者") {
+        this.form.type = 2;
+      }
+      getDoctorAdvices(
+        patientid,
+        this.form.type,
+        this.startTime,
+        this.endTime,
+        this.limit,
+        this.page
+      ).then(response => {
+        if (response.data.state === 1) {
+          var advice = response.data.data.advice;
+          console.log("医嘱", advice);
+          var total = response.data.data.total;
+          console.log("总计", total);
+        }
+      });
+    }
+  },
+  created() {
+    var patientid = this.$route.query.patientid;
+    console.log("病人id能否获取", patientid);
+    this.getDoctorAdvices(patientid);
+  },
+  watch: {
+    $route(to, from) {
+      var patientid = this.$route.query.patientid;
+      console.log("id发生改变", patientid);
+    }
+  }
+};
+</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/pages/doctorAdvice/components/DryWeight.vue

@@ -0,0 +1,297 @@
+<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 dryweight" :key="item.id">
+            <div class="adviceTitle">
+              <p>{{ getTime(item.ctime) }}</p>
+              <van-icon
+                class="ellipsis"
+                name="ellipsis"
+                @click="newShow = true"
+              />
+            </div>
+            <div class="statOrder">
+              <div class="weightContent">
+                <p>干体重：{{ item.dry_weight }}kg</p>
+                <p>{{ item.adjusted_value }}kg</p>
+              </div>
+              <div class="doctorBox">
+                <p>记录医生：{{ item.user_name }}</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>
+import { getDryWeight } from "@/api/patient/patient";
+import { uParseTime } from "@/utils/tools";
+const moment = require("moment");
+export default {
+  data() {
+    return {
+      newShow: false,
+      startShow: false,
+      endShow: false,
+      startTime: moment()
+        .subtract(30, "days")
+        .format("YYYY-MM-DD"),
+      endTime: moment(new Date()).format("YYYY-MM-DD"),
+      minDate: new Date(1970, 0, 1),
+      maxDate: new Date(2025, 10, 1),
+      currentDate: new Date(),
+      actions: [{ name: "编辑" }, { name: "删除" }],
+      page: 1,
+      limit: 10,
+      dryweight: []
+    };
+  },
+  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;
+    },
+    getDryWeight(patientid) {
+      getDryWeight(
+        patientid,
+        this.startTime,
+        this.endTime,
+        this.limit,
+        this.page
+      ).then(response => {
+        if (response.data.state === 1) {
+          var dryweight = response.data.data.dryweight;
+          console.log("dryweight", dryweight);
+          var total = response.data.data.total;
+          console.log("total", total);
+          this.dryweight = dryweight;
+        }
+      });
+    },
+    getTime(time) {
+      return uParseTime(time, "{y}-{m}-{d} {h}:{i}:{s}");
+      // return uParseTime(time, "{y}-{m}-{d}");
+    }
+  },
+  created() {
+    var patientid = this.$route.query.patientid;
+    console.log("干体重id", patientid);
+    this.getDryWeight(patientid);
+  }
+};
+</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/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/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/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/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/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/pages/doctorAdvice/index.vue

@@ -0,0 +1,462 @@
+<template>
+  <div class="page_doctorAdvice">
+    <div class="doctorAdviceTitle">
+      <i class="iconfont icon-zuojiantou jiantou" @click="toReturn"></i>
+      <div class="patientName" @click="show = true">
+        {{ patientName }}
+        <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="请输入病人名字"
+        @cancel="onCancel"
+        @search="onSearch"
+      />
+
+      <van-index-bar class="indexBar" :sticky="false" highlight-color="#fb6463">
+        <van-index-anchor
+          v-for="(item, index) in firstNameTwo"
+          :key="index"
+          :index="index"
+        >
+          <span class="indexWord">{{ index }}</span>
+          <van-cell
+            @click="chooseCity(citem)"
+            v-for="(citem, cindex) in item"
+            :key="cindex"
+            :title="citem"
+          />
+        </van-index-anchor>
+      </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>
+import DoctorManagement from "@/pages/doctorAdvice/components/DoctorManagement";
+import DryWeight from "@/pages/doctorAdvice/components/DryWeight";
+import CourseManagement from "@/pages/doctorAdvice/components/CourseManagement";
+import RescueRecord from "@/pages/doctorAdvice/components/RescueRecord";
+import Inspection from "@/pages/doctorAdvice/components/Inspection";
+import LongDialysis from "@/pages/doctorAdvice/components/LongDialysis";
+import DialysisRecord from "@/pages/doctorAdvice/components/DialysisRecord";
+import Scheduling from "@/pages/doctorAdvice/components/Scheduling";
+import Education from "@/pages/doctorAdvice/components/Education";
+import { uParseTime } from "@/utils/tools";
+import {
+  getPatientDetail,
+  getBloodDialysisPatientTwo,
+  ToSearch
+} from "@/api/patient/patient";
+const moment = require("moment");
+let pinyin = require("js-pinyin");
+pinyin.setOptions({ checkPolyphone: false, charCase: 0 });
+export default {
+  components: {
+    DoctorManagement,
+    DryWeight,
+    CourseManagement,
+    RescueRecord,
+    Inspection,
+    LongDialysis,
+    DialysisRecord,
+    Scheduling,
+    Education
+  },
+  data() {
+    return {
+      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",
+      patientForm: {
+        name: "",
+        sex: "",
+        age: "",
+        dialysis_no: "",
+        avatar: ""
+      },
+      doctorAdvice: [],
+      yiShow: false,
+      meiShow: false,
+      bingShow: false,
+      aiShow: false,
+      doctor_name: "",
+      value: "",
+      patientName: "",
+      cityNameList: [
+        {
+          id: 101,
+          name: "北京市",
+          pid: 1,
+          code: 0
+        },
+        {
+          id: 10101,
+          name: "天津市",
+          pid: 10001,
+          code: 0
+        },
+        {
+          id: 20101,
+          name: "石家庄市",
+          pid: 20001,
+          code: 130100
+        }
+      ],
+      FirstPin: [
+        "A",
+        "B",
+        "C",
+        "D",
+        "E",
+        "F",
+        "G",
+        "H",
+        "J",
+        "K",
+        "L",
+        "M",
+        "N",
+        "P",
+        "Q",
+        "R",
+        "S",
+        "T",
+        "W",
+        "X",
+        "Y",
+        "Z"
+      ],
+      firstNameTwo: {},
+      limit: 10,
+      page: 1,
+      patient: []
+    };
+  },
+  methods: {
+    changeActive(index) {
+      this.active = index;
+      this.show1 = false;
+    },
+
+    // sadas
+    showPopup(index) {
+      if (index === 1) {
+        this.show1 = true;
+      } else if (index === 2) {
+        this.show2 = true;
+      }
+    },
+    chooseStartTime(value) {
+      this.startTime = moment(value).format("YYYY-MM-DD");
+      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;
+    },
+    onClick(index) {
+      if (index === 1) {
+        this.show3 = true;
+      } else if (index === 2) {
+        this.show3 = true;
+      }
+    },
+    RecordTime(time) {
+      // return uParseTime(time, '{y}-{m}-{d} {h}:{i}:{s}')
+      return uParseTime(time, "{y}-{m}-{d}");
+    },
+    GetDoctroAdvice(patientid, orgid) {
+      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;
+          for (let index = 0; index < diseases.length; index++) {
+            if (diseases[index].disease_id === 2) {
+              this.yiShow = true;
+            }
+            if (diseases[index].disease_id === 3) {
+              this.bingShow = true;
+            }
+            if (diseases[index].disease_id === 4) {
+              this.aiShow = true;
+            }
+
+            if (diseases[index].disease_id === 6) {
+              this.meiShow = true;
+            }
+          }
+          if (patients.gender === 1) {
+            this.patientForm.sex = "男";
+          }
+          if (patients.gender === 2) {
+            this.patientForm.sex = "女";
+          }
+          this.patientForm.dialysis_no = patients.dialysis_no;
+          var role = response.data.data.role;
+          this.doctor_name = role.user_name;
+        }
+      });
+    },
+    watchNum() {
+      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;
+          this.doctorAdvice = doctoradvice;
+        }
+      });
+    },
+    deleteDoctorAdvice(id, index) {
+      deleteDoctorAdvice(id, index).then(response => {
+        if (response.data.state === 1) {
+          var msg = response.data.data.msg;
+          this.doctorAdvice.splice(index, 1);
+        }
+      });
+    },
+    toReturn() {
+      this.$router.push("/patients");
+    },
+    getPatientDetail(patientid) {
+      getPatientDetail(patientid).then(response => {
+        if (response.data.state === 1) {
+          var patientDetail = response.data.data.patientDetail;
+          this.patientName = patientDetail.name;
+        }
+      });
+    },
+    getBloodDialysisPatientTwo() {
+      getBloodDialysisPatientTwo(this.page, this.limit).then(response => {
+        var patient = response.data.data.patient;
+        this.patient = patient;
+        let cityNameList = [];
+        for (let p in patient) {
+          cityNameList.push(patient[p].name);
+        }
+        let firstName = {};
+        this.FirstPin.forEach(item => {
+          firstName[item] = [];
+          cityNameList.forEach(el => {
+            let first = pinyin.getFullChars(el).substring(0, 1);
+            if (first == item) {
+              firstName[item].push(el);
+            }
+          });
+          this.firstNameTwo = firstName;
+          // 判断非空
+          let newObj = {};
+          Object.keys(this.firstNameTwo).map((item, index) => {
+            if (this.firstNameTwo[item].length != 0) {
+              newObj[item] = this.firstNameTwo[item];
+            }
+          });
+          this.firstNameTwo = newObj;
+        });
+      });
+    },
+    onSearch(val) {
+      ToSearch(val).then(response => {
+        if (response.data.state === 1) {
+          var search = response.data.data.search;
+          console.log("search", search);
+          let cityNameList = [];
+          for (let p in search) {
+            cityNameList.push(search[p].name);
+          }
+          let firstName = {};
+          this.FirstPin.forEach(item => {
+            firstName[item] = [];
+            cityNameList.forEach(el => {
+              let first = pinyin.getFullChars(el).substring(0, 1);
+              if (first == item) {
+                firstName[item].push(el);
+              }
+            });
+            this.firstNameTwo = firstName;
+            // 判断非空
+            let newObj = {};
+            Object.keys(this.firstNameTwo).map((item, index) => {
+              if (this.firstNameTwo[item].length != 0) {
+                newObj[item] = this.firstNameTwo[item];
+              }
+            });
+            this.firstNameTwo = newObj;
+          });
+        }
+      });
+    },
+    onCancel() {},
+    chooseCity(val) {
+      this.value = val;
+      for (let i = 0; i < this.patient.length; i++) {
+        if (this.value === this.patient[i].name) {
+          var id = this.patient[i].id;
+          this.show = false;
+          this.$router.push("/patientdetail?patientid=" + id);
+          this.patientName = this.value;
+        }
+      }
+    }
+  },
+  created() {
+    var patientid = this.$route.query.patientid;
+    console.log("patientid", patientid);
+    this.getPatientDetail(patientid);
+    this.getBloodDialysisPatientTwo();
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.page_doctorAdvice {
+  overflow: hidden;
+  height: 100%;
+  overflow-y: auto;
+  .doctorAdviceTitle {
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    padding: 0 1.125rem;
+    background: #fff;
+  }
+  .patientName {
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 2rem;
+  }
+  .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);
+  }
+  .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;
+    }
+  }
+}
+::-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/pages/doctorAdvice/newAddDoctoc.vue

@@ -0,0 +1,159 @@
+<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/pages/home/login.vue

@@ -110,7 +110,7 @@ export default {
 
         if (resp.state == 1) {
           cacheLoginInfo(this.form.mobile, this.form.pwd);
-          console.log(resp);
+          // console.log(resp);
 
           var user = resp.data.user;
           var org = resp.data.org;
@@ -118,8 +118,8 @@ export default {
           var config_list = resp.data.config_list;
           var template_info = resp.data.template_info;
           var filed_list = resp.data.filed_list;
-          console.log(resp.data.filed_list);
-          console.log(filed_list);
+          // console.log(resp.data.filed_list);
+          // console.log(filed_list);
 
           this.$store.dispatch("InitUserInfo", {
             user: user,
@@ -142,62 +142,61 @@ export default {
     to: function() {
       this.$router.push({ path: "/privacy" });
     },
-    submitForm() {
-      this.$router.push({ path: "/homeIndex" });
-    },
     // submitForm() {
-    //   const self = this;
-    //   //判断复选框是否被勾选 勾选则调用配置cookie方法
-    //   if (self.checked == true) {
-    //     console.log("checked == true");
-    //     //传入账号名，密码，和保存天数3个参数
-    //     self.setCookie(self.form.mobile, self.form.pwd, 7);
-    //   } else {
-    //     console.log("清空Cookie");
-    //     //清空Cookie
-    //     self.clearCookie();
-    //   }
-    //
-    //   //与后端请求代码，本功能不需要与后台交互所以省略
-    //
-    //   loginByPwd(this.form.mobile, hex_md5(this.form.pwd)).then(rs => {
-    //     var resp = rs.data;
-    //     if (this.agreement != true) {
-    //       Toast("请同意隐私服务协议");
-    //     }
-    //
-    //     if (resp.state == 1 && this.agreement == true) {
-    //       cacheLoginInfo(this.form.mobile, this.form.pwd);
-    //       console.log(resp);
-    //
-    //       var user = resp.data.user;
-    //       var org = resp.data.org;
-    //       var subscibe = resp.data.subscibe;
-    //       var config_list = resp.data.config_list;
-    //       var template_info = resp.data.template_info;
-    //       var filed_list = resp.data.filed_list;
-    //       console.log(resp.data.filed_list);
-    //       console.log(filed_list);
-    //
-    //       this.$store.dispatch("InitUserInfo", {
-    //         user: user,
-    //         org: org,
-    //         subscibe: subscibe,
-    //         template_info: template_info,
-    //         filed_list: filed_list
-    //       });
-    //       this.$store.dispatch("SetConfigList", config_list);
-    //
-    //       // this.$router.push({path: "/product"})
-    //       this.$router.push({ path: "/main" });
-    //     } else {
-    //       this.$toast({
-    //         message: resp.msg
-    //       });
-    //     }
-    //   });
-    //   console.log("登陆成功");
+    //   this.$router.push({ path: "/homeIndex" });
     // },
+    submitForm() {
+      const self = this;
+      // 判断复选框是否被勾选 勾选则调用配置cookie方法
+      if (self.checked == true) {
+        // console.log("checked == true");
+        // 传入账号名，密码，和保存天数3个参数
+        self.setCookie(self.form.mobile, self.form.pwd, 7);
+      } else {
+        // console.log("清空Cookie");
+        // 清空Cookie
+        self.clearCookie();
+      }
+
+      // 与后端请求代码，本功能不需要与后台交互所以省略
+
+      loginByPwd(this.form.mobile, hex_md5(this.form.pwd)).then(rs => {
+        var resp = rs.data;
+        if (this.agreement != true) {
+          Toast("请同意隐私服务协议");
+        }
+
+        if (resp.state == 1 && this.agreement == true) {
+          cacheLoginInfo(this.form.mobile, this.form.pwd);
+          // console.log(resp);
+
+          var user = resp.data.user;
+          var org = resp.data.org;
+          var subscibe = resp.data.subscibe;
+          var config_list = resp.data.config_list;
+          var template_info = resp.data.template_info;
+          var filed_list = resp.data.filed_list;
+          // console.log(resp.data.filed_list);
+          // console.log(filed_list);
+
+          this.$store.dispatch("InitUserInfo", {
+            user: user,
+            org: org,
+            subscibe: subscibe,
+            template_info: template_info,
+            filed_list: filed_list
+          });
+          this.$store.dispatch("SetConfigList", config_list);
+
+          // this.$router.push({path: "/product"})
+          this.$router.push({ path: "/homeIndex" });
+        } else {
+          this.$toast({
+            message: resp.msg
+          });
+        }
+      });
+    },
     // 设置cookie
     setCookie(c_name, c_pwd, exdays) {
       var exdate = new Date(); // 获取时间

src/pages/homeIndex/index.vue

@@ -93,12 +93,9 @@
         <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 class="applicationOne">-->
+<!--          <img src="../../assets/images/S14.png" alt="" />集成中心-->
+<!--        </div>-->
       </div>
     </div>
   </div>

src/pages/patientManagement/index.vue

@@ -1,124 +1,9 @@
 <template>
   <div class="page_patientManagement">
-    <!-- <div class="header">
-      <el-input
-        placeholder=" 姓名 / 首拼 / 透析号"
-        prefix-icon="el-icon-search"
-        v-model="searchVal"
-      ></el-input>
-    </div>
-    <div class="searchList">
-      <van-tabs
-        v-model="active"
-        title-active-color="#000000"
-        title-inactive-color="#3C3C3C"
-        @click="getType"
-      >
-        <van-tab title="全部">
-          <van-list
-            v-model="loading"
-            :finished="finished"
-            finished-text="没有更多了"
-            loading-text="加载中..."
-            @load="onLoad"
-            :immediate-check="false"
-          >
-            <van-cell>
-              <template slot="title">
-                <div
-                  class="searchOne"
-                  v-for="(item, index) in list"
-                  :key="index"
-                >
-                  <img :src="item.avatar" alt />
-                  <span>{{ item.name }}</span>
-                </div>
-              </template>
-            </van-cell>
-          </van-list>
-        </van-tab>
-        <van-tab title="血透">
-          <van-list
-            v-model="loading"
-            :finished="finished"
-            loading-text="加载中..."
-            finished-text="没有更多了"
-            @load="onLoad"
-            immediate-check
-          >
-            <van-cell>
-              <template slot="title">
-                <div
-                  class="searchOne"
-                  v-for="(item, index) in list"
-                  :key="index"
-                  @click="toPatientDetail(item.id, item.user_org_id)"
-                >
-                  <img :src="item.avatar" alt />
-                  <span>{{ item.name }}</span>
-                </div>
-              </template>
-            </van-cell>
-          </van-list>
-        </van-tab>
-        <van-tab title="慢病">
-          <van-list
-            v-model="loading"
-            :finished="finished"
-            loading-text="加载中..."
-            finished-text="没有更多了"
-            @load="onLoad"
-            immediate-check
-          >
-            <van-cell>
-              <template slot="title">
-                <div
-                  class="searchOne"
-                  v-for="(item, index) in list"
-                  :key="index"
-                  @click="toPatientDetail(item.id, item.user_org_id)"
-                >
-                  <img :src="item.avatar" alt />
-                  <span>{{ item.name }}</span>
-                </div>
-              </template>
-            </van-cell>
-          </van-list>
-        </van-tab>
-        <van-tab title="会员">
-          <van-list
-            v-model="loading"
-            :finished="finished"
-            loading-text="加载中..."
-            finished-text="没有更多了"
-            @load="onLoad"
-            immediate-check
-          >
-            <van-cell>
-              <template slot="title">
-                <div
-                  class="searchOne"
-                  v-for="(item, index) in list"
-                  :key="index"
-                  @click="toPatientDetail(item.id, item.user_org_id)"
-                >
-                  <img :src="item.avatar" alt />
-                  <span>{{ item.name }}</span>
-                </div>
-              </template>
-            </van-cell>
-          </van-list>
-        </van-tab>
-        <van-tab title="电商">电商</van-tab>
-      </van-tabs>
-    </div>
-    <div class="add" @click="ToAddPatient()">
-      <img src="../../assets/images/add.png" alt />
-    </div> -->
     <van-sticky>
       <div class="patientManagementTitle">
-        <i class="iconfont icon-zuojiantou jiantou"></i>
-        <span class="titleName">患者管理</span>
+        <i class="iconfont icon-zuojiantou jiantou" @click="toReturn"></i>
+        <span class="titleName">患者中心</span>
         <div class="iconBox" @click="addPatient">
           <i class="iconfont icon-sousuo iconOne"></i>
           <van-icon class="iconOne add" name="add-o" />
@@ -139,9 +24,14 @@
         finished-text="没有更多了"
         @load="onLoad"
       >
-        <div class="patientOne" v-for="item in list" :key="item">
-          <img src="../../assets/images/A1.jpg" alt="" />
-          <p>名字</p>
+        <div
+          class="patientOne"
+          v-for="item in patients"
+          :key="item.id"
+          @click="toPatientDetail(item.id)"
+        >
+          <img :src="item.avatar" alt="" />
+          <p>{{ item.name }}</p>
         </div>
       </van-list>
     </div>
@@ -149,83 +39,90 @@
 </template>
 
 <script>
-  import { getBloodDialysisPatient } from '@/api/patient/patient';
-  // import Vue from 'vue';
-  // import { Sticky } from 'vant';
-  // Vue.use(Sticky);
-  export default {
-    data() {
-      return {
-        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
-      };
+import { getBloodDialysisPatient } from "@/api/patient/patient";
+export default {
+  data() {
+    return {
+      searchVal: "",
+      active: 0,
+      list: [],
+      loading: false,
+      finished: false,
+      page: 1,
+      limit: 10,
+      total: 0,
+      //
+      value1: 0,
+      value2: 0,
+      value3: 0,
+      option1: [
+        { text: "全部患者", value: 0 },
+        { text: "透析患者", value: 1 },
+        { text: "慢病患者", value: 2 }
+      ],
+      option2: [
+        { text: "全部状态", value: 0 },
+        { text: "留治", value: 1 },
+        { text: "转出", value: 2 }
+      ],
+      option3: [
+        { text: "全部来源", value: 0 },
+        { text: "门诊", value: 1 },
+        { text: "住院", value: 2 }
+      ],
+      patients: []
+    };
+  },
+  methods: {
+    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);
+        }
+      });
     },
-    methods: {
-      onLoad() {
-        setTimeout(() => {
-          for (let i = 0; i < 10; i++) {
-            this.list.push(this.list.length + 1);
-          }
-
-          // 加载状态结束
-          this.loading = false;
-
-          // 数据全部加载完成
-          if (this.list.length >= 40) {
-            this.finished = true;
-          }
-        }, 1000);
-      },
-      getBloodDialysisPatient(){
-        getBloodDialysisPatient().then(response=>{
-           if(response.data.state == 1){
-             var patient =  response.data.data.patient
-             console.log("病人信息",patient)
-           }
-        })
-      },
-      addPatient(){
-        this.$router.push("/addPatints")
-      }
+    onLoad() {
+      setTimeout(() => {
+        for (let i = 0; i < this.limit; i++) {
+          this.list.push(this.list.length + 1);
+        }
+        // 加载状态结束
+        this.loading = false;
+        this.page++;
+        this.getBloodDialysisPatient(this.page, this.limit);
+        // 数据全部加载完成
+        if (this.list.length >= this.total) {
+          this.finished = true;
+        }
+      }, 1000);
+    },
+    addPatient() {
+      this.$router.push("/addPatints");
+    },
+    toPatientDetail(id) {
+      this.$router.push("/patientdetail?patientid=" + id);
     },
-    created() {
-      this.getBloodDialysisPatient()
+    toReturn() {
+      this.$router.push("/homeIndex");
     }
-  };
+  },
+  created() {
+    this.getBloodDialysisPatient();
+  }
+};
 </script>
 
 <style lang="scss" scoped>
-  .page_patientManagement {
-    overflow-y: auto;
-    height: 100%;
+.page_patientManagement {
+  overflow-y: auto;
+  height: 100%;
   .patientManagementTitle {
     background: #fff;
     padding: 0 1.125rem;
@@ -268,19 +165,24 @@
   }
   .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;
-  }
-  }
-  }
+    .patientOne {
+      display: flex;
+      align-items: center;
+      height: 3.75rem;
+      img {
+        width: 2.5rem;
+        height: 2.5rem;
+        margin-right: 0.875rem;
+      }
+    }
   }
-  ::-webkit-scrollbar {
-    width: 0;
+  .van-popup {
+    border-radius: 0 !important;
+    top: 0 !important;
+    transform: translate3d(0, 0, 0) !important;
   }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
 </style>

src/router/index.js

@@ -1,113 +1,116 @@
-import Vue from "vue";
-import Router from "vue-router";
+import Vue from 'vue'
+import Router from 'vue-router'
 
-Vue.use(Router);
+Vue.use(Router)
 
 export default new Router({
-  routes: [
-    {
-      path: "/",
-      name: "Home",
-      component: () => import("@/pages/home/login")
+  routes: [{
+      path: '/',
+      name: 'Home',
+      component: () => import('@/pages/home/login')
     },
     // 首页
     {
-      path: "/myIndex",
-      name: "myIndex",
-      component: () => import("@/pages/home/index"),
-      children: [
-        {
-          path: "/homeIndex",
-          component: () => import("@/pages/homeIndex/index.vue")
-        }
-      ]
+      path: '/myIndex',
+      name: 'myIndex',
+      component: () => import('@/pages/home/index'),
+      children: [{
+        path: '/homeIndex',
+        component: () => import('@/pages/homeIndex/index.vue')
+      }]
     },
     // 患者中心
     {
-      path: "/patients",
-      name: "patients",
-      component: () => import("@/pages/patientManagement/index")
+      path: '/patients',
+      name: 'patients',
+      component: () => import('@/pages/patientManagement/index')
     },
     // 新增病人
     {
-      path: "/addPatints",
-      name: "addpatients",
-      component: () => import("@/pages/patients/addPatient")
+      path: '/addPatints',
+      name: 'addpatients',
+      component: () => import('@/pages/patients/addPatient')
+    },
+    //
+    {
+      path: '/patientdetail',
+      name: 'patientdetail',
+      component: () => import('@/pages/doctorAdvice/index')
     },
     {
-      path: "/product",
-      name: "Product",
-      component: () => import("@/pages/product/index")
+      path: '/product',
+      name: 'Product',
+      component: () => import('@/pages/product/index')
     },
     {
-      path: "/main",
-      name: "main",
-      component: () => import("@/pages/main/index")
+      path: '/main',
+      name: 'main',
+      component: () => import('@/pages/main/index')
     },
     {
-      path: "/details",
-      name: "details",
-      component: () => import("@/pages/main/DetailsPage")
+      path: '/details',
+      name: 'details',
+      component: () => import('@/pages/main/DetailsPage')
     },
     {
-      path: "/monitoring",
-      name: "monitorPage",
-      component: () => import("@/pages/monitoring/index")
+      path: '/monitoring',
+      name: 'monitorPage',
+      component: () => import('@/pages/monitoring/index')
     },
     {
-      path: "/my",
-      name: "my",
-      component: () => import("@/pages/personal/index")
+      path: '/my',
+      name: 'my',
+      component: () => import('@/pages/personal/index')
     },
     {
-      path: "/advice",
-      name: "doctorAdvice",
-      component: () => import("@/pages/advice/index")
+      path: '/advice',
+      name: 'doctorAdvice',
+      component: () => import('@/pages/advice/index')
     },
     {
-      path: "/EditPersonal",
-      name: "EditPersonal",
-      component: () => import("@/pages/personal/EditPersonal")
+      path: '/EditPersonal',
+      name: 'EditPersonal',
+      component: () => import('@/pages/personal/EditPersonal')
     },
     {
-      path: "/ElectronicSignature",
-      name: "ElectronicSignature",
-      component: () => import("@/pages/personal/ElectronicSignature")
+      path: '/ElectronicSignature',
+      name: 'ElectronicSignature',
+      component: () => import('@/pages/personal/ElectronicSignature')
     },
     {
-      path: "/Print",
-      name: "Print",
-      component: () => import("@/pages/main/PrintIndex")
+      path: '/Print',
+      name: 'Print',
+      component: () => import('@/pages/main/PrintIndex')
     },
     {
-      path: "/add_urgent_schedule",
-      name: "AddUrgentSchedule",
-      component: () => import("@/pages/main/add_urgent_schedule")
+      path: '/add_urgent_schedule',
+      name: 'AddUrgentSchedule',
+      component: () => import('@/pages/main/add_urgent_schedule')
     },
     {
-      path: "/Prints",
-      name: "Prints",
-      component: () => import("@/pages/main/Print")
+      path: '/Prints',
+      name: 'Prints',
+      component: () => import('@/pages/main/Print')
     },
     {
-      path: "/forgetPassword",
-      name: "forgetPassword",
-      component: () => import("@/pages/personal/ForgetPassword")
+      path: '/forgetPassword',
+      name: 'forgetPassword',
+      component: () => import('@/pages/personal/ForgetPassword')
     },
     {
-      path: "/changePassword",
-      name: "changePassword",
-      component: () => import("@/pages/personal/ChangePassword")
+      path: '/changePassword',
+      name: 'changePassword',
+      component: () => import('@/pages/personal/ChangePassword')
     },
     {
-      path: "/privacy",
-      name: "privacy",
-      component: () => import("@/pages/privacy/index")
+      path: '/privacy',
+      name: 'privacy',
+      component: () => import('@/pages/privacy/index')
     },
     {
-      path: "/userAgreement",
-      name: "userAgreement",
-      component: () => import("@/pages/userAgreement/index")
+      path: '/userAgreement',
+      name: 'userAgreement',
+      component: () => import('@/pages/userAgreement/index')
     }
   ]
-});
+})

src/styles/style.scss

@@ -1,10 +1,12 @@
 .body {
   // background: $base-color;
 }
+
 html,
 body {
   height: 100%;
 }
+
 #app {
   width: 100%;
   height: 100%;
@@ -31,10 +33,12 @@ body {
   @include align-items-center;
   width: 100%;
   @include justify-content-center;
+
   @media only screen and (max-width: 767px) {
     line-height: 1.2rem;
     font-size: 0.45rem;
   }
+
   .line {
     width: 0.2rem;
     height: 0.04rem;
@@ -55,6 +59,7 @@ body {
 .plate-box {
   background: $text-color;
   padding: 0 0 0.3rem 0;
+
   .title {
     border-bottom: 1px $border-color solid;
     line-height: 1rem;
@@ -67,11 +72,13 @@ body {
     @include align-items-center;
     width: 100%;
     @include justify-content-center;
+
     @media only screen and (max-width: 767px) {
       line-height: 1.2rem;
       font-size: 0.45rem;
     }
   }
+
   .line {
     width: 0.2rem;
     height: 0.04rem;
@@ -80,6 +87,7 @@ body {
     display: inline-block;
     margin: 0 0.2rem;
   }
+
   .plate {
     margin: 0.25rem 1rem;
     padding-bottom: 0.28rem;
@@ -88,42 +96,52 @@ body {
     @include align-items-start;
     @include justify-content-between;
     border-bottom: 1px #e6e6e6 dashed;
+
     ul {
       @include flex;
+
       li {
         font-size: 0.34rem;
         line-height: 0.62rem;
         float: left;
         width: 5rem;
+
         @media only screen and (min-width: 376px) and (max-width: 413px) {
           width: 4.2rem;
         }
+
         @media only screen and (min-width: 415px) and (max-width: 767px) {
           width: 5.6rem;
           font-size: 0.4rem;
         }
+
         @media only screen and (min-width: 768px) {
           width: 6.6rem;
         }
+
         .content {
           color: $main-color;
         }
+
         .unit {
           color: $font-color;
         }
       }
     }
   }
+
   .note {
     font-size: 0.34rem;
     color: $pgh-color;
     width: 100%;
     padding: 0 1rem;
     line-height: 0.5rem;
+
     span {
       color: $main-color;
     }
   }
+
   .border {
     border: none;
   }
@@ -137,6 +155,7 @@ body {
   border-radius: 6px;
   font-size: 0.28rem;
   width: 13.2rem;
+
   .title {
     border-bottom: 1px $border-color solid;
     height: 0.88rem;
@@ -150,6 +169,7 @@ body {
     @include align-items-center;
     width: 100%;
     @include justify-content-center;
+
     .line {
       width: 0.1rem;
       height: 0.04rem;
@@ -159,18 +179,22 @@ body {
       margin: 0 0.14rem;
     }
   }
+
   .content {
     padding: 0 0.36rem;
+
     .cell {
       float: left;
       width: 3.22rem;
       margin: 0.35rem 0.4rem 0 0.4rem;
+
       label {
         display: block;
         height: 0.55rem;
         line-height: 0.55rem;
         color: $pgh-color;
       }
+
       select {
         width: 100%;
         padding: 0.2rem 0;
@@ -178,12 +202,14 @@ body {
         border-radius: 2px;
         padding-left: 5px;
       }
+
       .inputBox {
         border: 1px $border-color solid;
         border-radius: 2px;
         padding: 0.18rem 0;
         padding-left: 5px;
       }
+
       .textarea {
         width: 100%;
         height: 1.22rem;
@@ -192,11 +218,14 @@ body {
         padding-left: 5px;
       }
     }
+
     .width {
       width: 90%;
+
       label {
         display: inline-block;
       }
+
       button {
         background: $main-color;
         color: #fff;
@@ -208,6 +237,7 @@ body {
         margin: 0 0 0.9rem 0;
       }
     }
+
     .center {
       text-align: center;
     }
@@ -222,6 +252,7 @@ body {
   @include align-items-center;
   @include justify-content-around;
   background: #fff;
+
   span {
     height: 1.2rem;
     line-height: 1.2rem;
@@ -235,6 +266,7 @@ body {
     font-size: 0.45rem;
     padding: 0 0.16rem;
   }
+
   .forbid {
     color: $forbid-color;
   }
@@ -244,6 +276,7 @@ body {
 .search-content {
   background: #ebf1f7;
   padding: 0.2rem 0.28rem;
+
   .search {
     background: $white-bg;
     height: 0.7rem;
@@ -254,11 +287,13 @@ body {
     @include align-items-center;
     margin: 0 0.3rem;
     padding: 0 0 0 0.3rem;
+
     .iconfont {
       color: #a8b3ba;
       font-size: 0.4rem;
       margin: 0 0.1rem 0 0;
     }
+
     .searchInput {
       width: 87%;
       height: 0.6rem;
@@ -279,10 +314,12 @@ body {
   border: $border-color;
   background: $text-color;
   padding: 0 0 0.28rem 0;
+
   tr {
     padding: 0;
     margin: 0;
     padding: 0.1rem 0;
+
     th {
       background: $main-color;
       border: none;
@@ -293,11 +330,13 @@ body {
       line-height: 0.88rem;
       font-weight: normal;
     }
+
     td {
       background: #f0f5fa;
       border: none;
       padding: 0.3rem 0;
       text-align: center;
+
       button {
         background: $pink;
         color: #fff;
@@ -314,15 +353,18 @@ body {
 
 .vux-popover {
   box-shadow: 0 0 15px #eee;
+
   .popover-demo-content {
     ul {
       // width: 6.4rem;
       padding: 0.28rem;
+
       li {
         font-size: 0.32rem;
         color: $title-color;
         line-height: 0.7rem;
         height: 0.7rem;
+
         .iconfont {
           float: right;
           color: #409eff;
@@ -342,6 +384,7 @@ body {
       color: $title-color;
       line-height: 1rem;
       height: 1rem;
+
       .iconfont {
         float: right;
         color: #409eff;
@@ -365,8 +408,8 @@ body {
 }
 
 .van-popup {
-  top: 7% !important;
-  transform: translate3d(-50%, 0, 0) !important;
+  top: 7%;
+  transform: translate3d(-50%, 0, 0);
 }
 
 // 弹窗滚动条
@@ -374,14 +417,17 @@ body {
   width: 0.25rem;
   height: 0.25rem;
   background-color: #fff;
+
   @media only screen and (max-width: 812px) {
     width: 0 !important;
     height: 0 !important;
     background-color: transparent !important;
   }
+
   @media only screen and (min-width: 768px) and (max-width: 1024px) {
     width: 0 !important;
   }
+
   @media only screen and (min-width: 1024px) {
     width: 0 !important;
   }
@@ -390,6 +436,7 @@ body {
 ::-webkit-scrollbar-track {
   -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
   background-color: #fff;
+
   @media only screen and (max-width: 812px) {
     background-color: transparent !important;
   }
@@ -398,6 +445,7 @@ body {
 ::-webkit-scrollbar-thumb {
   -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
   background-color: #e5e5e5;
+
   @media only screen and (max-width: 812px) {
     background-color: transparent !important;
   }
@@ -409,27 +457,35 @@ body {
 }
 
 .van-popup {
-  border-radius: 10px !important;
+  border-radius: 10px;
+
   .Dialog {
     font-size: 0.36rem;
     width: 11.8rem;
+
     @media only screen and (min-width: 415px) and (max-width: 500px) {
       width: 10.8rem !important;
     }
+
     @media only screen and (min-width: 501px) and (max-width: 737px) {
       width: 12.8rem !important;
     }
+
     @media only screen and (min-width: 376px) and (max-width: 415px) {
       width: 10.8rem !important;
     }
+
     @media only screen and (min-width: 769px) and (max-width: 1024px) {
       width: 12.8rem !important;
     }
+
     @media only screen and (min-width: 1024px) {
       width: 15.8rem !important;
     }
+
     background: #ebf1f7;
     position: relative;
+
     .DialogTit {
       @include box-sizing;
       @include display-flex;
@@ -441,6 +497,7 @@ body {
       background: #fff;
       box-shadow: 3px 3px 3px #d7dce2;
       margin-bottom: 0.24rem;
+
       .iconfont {
         font-size: 0.6rem;
         color: $main-color;
@@ -449,12 +506,14 @@ body {
         //   font-size: 0.34rem !important;
         // }
       }
+
       .back {
         font-size: 0.45rem;
         color: $main-color;
         @include display-flex;
         @include align-items-center;
         font-weight: 600;
+
         .iconfont {
           font-size: 0.5rem;
           font-weight: 700;
@@ -462,35 +521,43 @@ body {
           margin-top: 0.06rem;
         }
       }
+
       .name {
         font-size: 0.45rem;
         color: $main-color;
         font-weight: 600;
       }
+
       .success {
         font-size: 0.45rem;
         font-weight: 600;
         color: $title-color;
       }
     }
+
     .line {
       height: 0.24rem;
       background: #ebf1f7;
     }
+
     .gradient {
       height: 0.24rem;
       background: -webkit-linear-gradient(#dfe4ea, #ebf1f7);
     }
+
     .DialogContent {
       height: 11.8rem !important;
       overflow-y: scroll;
       background: #fff;
+
       @media only screen and (max-width: 415px) {
         height: 14.8rem !important;
       }
+
       @media only screen and (min-width: 415px) and (max-width: 737px) {
         height: 14.8rem !important;
       }
+
       // @media only screen and (min-width: 666px) and (max-width: 737px) {
       //   height: 8.8rem !important;
       // }
@@ -500,9 +567,11 @@ body {
       @media only screen and (min-width: 768px) {
         height: 11.8rem !important;
       }
+
       @media only screen and (min-width: 768px) {
         height: 11.8rem !important;
       }
+
       .item {
         padding: 0 0.32rem;
         border-bottom: 1px #e5e5e5 solid;
@@ -512,23 +581,28 @@ body {
         @include text-align;
         @include justify-content-between;
         color: $title-color;
+
         .name {
           font-size: 0.45rem;
           height: 1.2rem;
           line-height: 1.2rem;
           color: $title-color;
+
           @media only screen and (max-width: 767px) {
             height: 1.4rem;
             line-height: 1.4rem;
           }
         }
+
         .content {
           @include flex;
           text-align: right;
           margin-left: 0.2rem;
+
           .iconfont {
             font-size: 0.5rem;
           }
+
           input {
             height: 1rem;
             line-height: 1rem;
@@ -538,6 +612,7 @@ body {
             text-align: right;
             width: 100%;
           }
+
           .text {
             height: 1rem;
             line-height: 0.5rem;
@@ -546,16 +621,19 @@ body {
         }
       }
     }
+
     .footer {
       height: 1rem;
       line-height: 1rem;
       padding-left: 0.36rem;
     }
+
     .PrescSubmit {
       width: 100%;
       padding: 0.2rem 0;
       background: #fff;
       text-align: center;
+
       button {
         padding: 0 0.32rem;
         border: $main-color;
@@ -568,6 +646,7 @@ body {
         border-radius: 5px;
         color: $main-color;
         margin: 0 0.11rem;
+
         &.tjcq {
           background: $main-color;
           color: #fff;
@@ -580,19 +659,23 @@ body {
 // 表单样式
 .table {
   width: 1800px;
+
   @media only screen and (min-width: 415px) and (max-width: 767px) {
     width: 2800px;
   }
+
   overflow: auto;
   font-size: 0.45rem;
   text-align: center;
   border: $border-color;
   padding-bottom: 0.02rem;
   border: none;
+
   tr {
     padding: 0;
     margin: 0;
     padding: 0.14rem 0;
+
     th {
       background: $main-color;
       border: none;
@@ -602,6 +685,7 @@ body {
       height: 1.2rem;
       font-weight: normal;
     }
+
     td {
       background: #ecf5ff;
       border: none;
@@ -612,16 +696,19 @@ body {
         font-size: 0.45rem;
         margin-right: 0.2rem;
         cursor: pointer;
+
         .iconfont {
           margin-right: 0.1rem;
           color: $main-color;
           font-size: 0.45rem;
         }
       }
+
       .sc {
         color: #ff7979;
         margin-right: 0.2rem;
         cursor: pointer;
+
         .iconfont {
           color: #ff7979;
         }
@@ -634,6 +721,7 @@ body {
   color: #fff;
   border-color: $main-color !important;
   background-color: $main-color !important;
+
   @media only screen and (min-width: 768px) {
     font-size: 20px !important;
     line-height: 30px !important;
@@ -641,12 +729,14 @@ body {
     height: 30px !important;
   }
 }
+
 .van-checkbox__icon {
   @media only screen and (min-width: 768px) {
     line-height: 30px !important;
     height: 30px !important;
   }
 }
+
 .van-checkbox__icon .van-icon {
   @media only screen and (min-width: 768px) {
     font-size: 20px !important;
@@ -668,6 +758,7 @@ body {
 .CheckBox .van-checkbox__label {
   width: 94%;
   font-size: 0.45rem;
+
   @media only screen and (max-width: 812px) {
     width: 90%;
   }
@@ -690,10 +781,12 @@ body {
   align-items: center;
   justify-content: center;
   text-align: center;
+
   img {
     width: 180px;
   }
 }
+
 .el-popper {
   margin-top: 0 !important;
 }
@@ -702,11 +795,13 @@ body {
 .DialogContent,
 .optionsBox,
 .el-collapse-item__content {
+
   /* 针对缺省样式 (必须的) */
   &::-webkit-scrollbar {
     width: 6px;
     height: 10px;
   }
+
   /* 滚动条的滑轨背景颜色 */
   &::-webkit-scrollbar-track {
     background-color: #fff;
@@ -714,6 +809,7 @@ body {
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
   }
+
   /* 滑块颜色 */
   &::-webkit-scrollbar-thumb {
     background: #d7dce2;
@@ -721,6 +817,7 @@ body {
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
   }
+
   /*内层轨道的颜色*/
   &::-webkit-scrollbar-track-piece {
     background-color: #fff;
@@ -728,12 +825,14 @@ body {
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
   }
+
   /* 滑轨两头的监听按钮颜色 */
   &::-webkit-scrollbar-button {
     background-color: #eee;
     width: 0;
     height: 0;
   }
+
   /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
   &::-webkit-scrollbar-corner {
     background-color: #eee;
@@ -742,6 +841,7 @@ body {
 
 .el-form-item__label {
   font-size: 0.45rem !important; // width: 90px !important;
+
   @media only screen and (max-width: 812px) {
     text-align: left !important;
   }
@@ -751,8 +851,9 @@ body {
   font-size: 0.45rem !important;
 }
 
-.el-radio + .el-radio {
+.el-radio+.el-radio {
   margin-left: 15px !important;
+
   @media only screen and (max-width: 812px) {
     margin-left: 0 !important;
   }
@@ -761,6 +862,7 @@ body {
 .el-button--mini {
   font-size: 0.32rem !important;
 }
+
 .el-form-item__label,
 .el-radio,
 .van-checkbox__label {
@@ -772,15 +874,18 @@ body {
   color: $pgh-color !important;
   height: 64px !important;
   line-height: 64px !important;
+
   @media only screen and (max-width: 767px) {
     font-size: 0.45rem !important;
     height: 48px !important;
     line-height: 48px !important;
   }
 }
+
 .el-collapse-item__arrow {
   color: #a8b3ba !important;
   line-height: 64px !important;
+
   @media only screen and (max-width: 812px) {
     line-height: 48px !important;
   }
@@ -792,18 +897,22 @@ body {
   width: 6.2rem;
   float: right;
   font-size: 0.45rem;
+
   .field {
     // @media only screen and (max-width: 812px) {
     //   margin-top: 6px;
     // }
   }
+
   .iconfont {
     color: #a8b3ba;
     font-size: 0.42rem;
+
     @media only screen and (max-width: 812px) {
       font-size: 0.52rem;
     }
   }
+
   .field {
     background-color: #ebf1f7;
     padding: 0 0 0 10px;
@@ -812,6 +921,7 @@ body {
     align-items: center;
     height: 0.64rem !important;
     line-height: 0.64rem !important;
+
     @media only screen and (max-width: 812px) {
       padding: 0 0 0 4px;
     }
@@ -823,7 +933,9 @@ body {
   //   font-size: 12px !important;
   // }
 }
+
 .van-field__left-icon {
+
   // @media only screen and (max-width: 812px) {
   //   // margin-right: 0 !important;
   //   margin-top: -1px;
@@ -834,21 +946,25 @@ body {
     }
   }
 }
+
 .van-field__button {
   @media only screen and (max-width: 812px) {
     padding-left: 0 !important;
   }
 }
+
 .van-switch {
   @media only screen and (max-width: 812px) {
     font-size: 16px !important;
   }
 }
+
 .picker-toolbar {
   @media only screen and (max-width: 768px) {
     height: 40px !important;
   }
 }
+
 .mint-datetime-action {
   @media only screen and (max-width: 768px) {
     line-height: 40px !important;
@@ -862,16 +978,19 @@ body {
   @include align-items-center;
   @include text-align;
   font-size: 0.45rem;
+
   .back {
     // color: $main-color;
     color: #fff;
     margin-right: 0.3rem;
+
     .iconfont {
       // color: $main-color;
       color: #fff;
       font-size: 0.42rem;
     }
   }
+
   .name {
     .iconfont {
       margin-left: 0.1rem;
@@ -881,6 +1000,7 @@ body {
 
 .van-button--small {
   font-size: 0.28rem !important;
+
   @media only screen and (max-width: 812px) {
     min-width: 36px !important;
   }
@@ -906,6 +1026,7 @@ body {
   z-index: 1000;
   background: #fff;
 }
+
 // .choice,
 // .screening{
 //   position: fixed;
@@ -920,14 +1041,17 @@ body {
   background: #fff;
   min-height: calc(100vh - 2px);
   padding-left: 0.45rem;
+
   @media only screen and (min-width: 768px) {
     padding-top: 232px;
   }
+
   @media only screen and (min-width: 415px) and (max-width: 767px) {
     padding-top: 186px;
     padding-left: 0.3rem;
   }
 }
+
 #app {
   -webkit-overflow-scrolling: touch;
 }