修改样式

src/main.js

@@ -11,6 +11,7 @@ import "./permission";
 
 import "@/styles/reset.scss";
 import "@/styles/variables.scss";
+import "@/styles/newStyle.scss";
 // import "@/styles/style.scss";
 // eslint-disable-next-line import/no-duplicates
 // import Vant from "vant";
@@ -47,7 +48,11 @@ import {
   Toast,
   Search,
   IndexBar,
-  IndexAnchor
+  IndexAnchor,
+  Swipe,
+  SwipeItem,
+  Col,
+  Row
   // eslint-disable-next-line no-irregular-whitespace,import/no-duplicates
 } from "vant";
 Vue.use(DropdownMenu)
@@ -74,7 +79,11 @@ Vue.use(DropdownMenu)
   .use(Toast)
   .use(Search)
   .use(IndexBar)
-  .use(IndexAnchor);
+  .use(IndexAnchor)
+  .use(Swipe)
+  .use(SwipeItem)
+  .use(Col)
+  .use(Row);
 // import "@/lib/flexible.js";
 
 // main.js

src/pages/doctorAdvice/components/deviceManagement.vue

@@ -0,0 +1,246 @@
+<template>
+  <div class="deviceManagement">
+    <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="noimgBox">
+        <img src="../../../assets/images/none.png" alt />
+      </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>
+              <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>
+.deviceManagement {
+  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: 0.8125rem;
+    }
+  }
+  .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;
+  }
+  .noimgBox {
+    margin-top: 40%;
+    img {
+      width: 6.25rem;
+      height: 6.25rem;
+      margin: 0 auto;
+      display: block;
+    }
+  }
+  .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/medicationPlan.vue

@@ -0,0 +1,246 @@
+<template>
+  <div class="medicationPlan">
+    <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="noimgBox">
+        <img src="../../../assets/images/none.png" alt />
+      </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>
+              <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>
+.medicationPlan {
+  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: 0.8125rem;
+    }
+  }
+  .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;
+  }
+  .noimgBox {
+    margin-top: 40%;
+    img {
+      width: 6.25rem;
+      height: 6.25rem;
+      margin: 0 auto;
+      display: block;
+    }
+  }
+  .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/recoverNotes.vue

@@ -0,0 +1,246 @@
+<template>
+  <div class="recoverNotes">
+    <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="noimgBox">
+        <img src="../../../assets/images/none.png" alt />
+      </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>
+              <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>
+.recoverNotes {
+  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: 0.8125rem;
+    }
+  }
+  .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;
+  }
+  .noimgBox {
+    margin-top: 40%;
+    img {
+      width: 6.25rem;
+      height: 6.25rem;
+      margin: 0 auto;
+      display: block;
+    }
+  }
+  .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/signsRecord.vue

@@ -0,0 +1,252 @@
+<template>
+  <div class="signsRecord">
+    <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="noimgBox">
+        <img src="../../../assets/images/none.png" alt />
+      </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>
+              <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>
+.signsRecord {
+  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;
+  }
+  .noimgBox {
+    margin-top: 40%;
+    img {
+      width: 6.25rem;
+      height: 6.25rem;
+      margin: 0 auto;
+      display: block;
+    }
+  }
+  .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

@@ -16,36 +16,28 @@
       </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>
+        <long-dialysis v-if="active == 1"></long-dialysis>
+        <dialysis-record v-if="active == 2"></dialysis-record>
+        <dry-weight v-if="active == 3"></dry-weight>
         <inspection v-if="active == 4"></inspection>
-        <long-dialysis v-if="active == 5"></long-dialysis>
-        <dialysis-record v-if="active == 6"></dialysis-record>
+        <course-management v-if="active == 5"></course-management>
+        <rescue-record v-if="active == 6"></rescue-record>
         <scheduling v-if="active == 7"></scheduling>
         <education v-if="active == 8"></education>
+        <signs-record v-if="active == 9"></signs-record>
+        <recover-notes v-if="active == 10"></recover-notes>
+        <medication-plan v-if="active == 11"></medication-plan>
+        <device-management v-if="active == 12"></device-management>
       </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"
-      >
+      <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-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"
-        >
+        <van-index-anchor v-for="(item, index) in firstNameTwo" :key="index" :index="index">
           <span class="indexWord">{{ index }}</span>
           <van-cell
             @click="chooseCity(citem)"
@@ -58,10 +50,7 @@
     </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"
-      >
+      <div style="padding:10px;font-size:1.25rem;text-align:right" @click="show1 = false">
         <van-icon name="cross" />
       </div>
       <div class="titleBox">
@@ -70,15 +59,14 @@
           v-for="(item, index) in title"
           :key="index"
           @click="changeActive(index)"
-        >
-          {{ item }}
-        </div>
+        >{{ item }}</div>
       </div>
     </van-popup>
   </div>
 </template>
 
 <script>
+import "../../styles/resetStyle.scss";
 import DoctorManagement from "@/pages/doctorAdvice/components/DoctorManagement";
 import DryWeight from "@/pages/doctorAdvice/components/DryWeight";
 import CourseManagement from "@/pages/doctorAdvice/components/CourseManagement";
@@ -88,6 +76,10 @@ 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 signsRecord from "@/pages/doctorAdvice/components/signsRecord";
+import recoverNotes from "@/pages/doctorAdvice/components/recoverNotes";
+import medicationPlan from "@/pages/doctorAdvice/components/medicationPlan";
+import deviceManagement from "@/pages/doctorAdvice/components/deviceManagement";
 import { uParseTime } from "@/utils/tools";
 import {
   getPatientDetail,
@@ -107,7 +99,11 @@ export default {
     LongDialysis,
     DialysisRecord,
     Scheduling,
-    Education
+    Education,
+    signsRecord,
+    recoverNotes,
+    medicationPlan,
+    deviceManagement
   },
   data() {
     return {
@@ -115,15 +111,19 @@ export default {
       show1: false,
       active: 0,
       title: [
-        "医嘱管理",
-        "干体重",
-        "病程管理",
-        "抢救记录",
-        "检验检查",
+        "医嘱",
         "长期透析处方",
         "透析记录",
+        "干体重",
+        "检验检查",
+        "病程记录",
+        "抢救记录",
         "排班信息",
-        "宣教信息"
+        "宣教信息",
+        "体征记录",
+        "康复笔记",
+        "用药管理",
+        "设备管理"
       ],
 
       searchVal: "",

src/pages/home/index.vue

@@ -69,7 +69,7 @@
       </div>
     </div>
 
-  </div> -->
+  </div>-->
   <div class="page_home">
     <div>
       <router-view />
@@ -175,6 +175,11 @@ export default {
   .iconOne {
     font-size: 1.25rem;
   }
+  .van-tabbar-item--active {
+    .iconfont {
+      color: #1989fa;
+    }
+  }
 
   // .header {
   //   padding: 0 15px;

src/pages/homeIndex/index.vue

@@ -15,7 +15,21 @@
       </div>
     </van-sticky>
     <div class="banner">
-      <img src="../../assets/images/homebanner.jpg" alt />
+      <!-- <img src="../../assets/images/homebanner.jpg" alt /> -->
+      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
+        <van-swipe-item>
+          <img src="../../assets/images/banner_03.png" alt />
+        </van-swipe-item>
+        <!-- <van-swipe-item>
+          <img src="../../assets/images/homebanner.jpg" alt />
+        </van-swipe-item>
+        <van-swipe-item>
+          <img src="../../assets/images/homebanner.jpg" alt />
+        </van-swipe-item>
+        <van-swipe-item>
+          <img src="../../assets/images/homebanner.jpg" alt />
+        </van-swipe-item>-->
+      </van-swipe>
     </div>
     <div class="noticeBox">
       <i class="iconfont icon-public-notice notice"></i>
@@ -105,9 +119,12 @@
         <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/S16.png" alt />质控上报
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S17.png" alt />经营中心
+        </div>
       </div>
     </div>
   </div>

src/pages/main/RecordPage.vue

@@ -6,11 +6,34 @@
       <!-- <div class="head">
         <img :src="$store.getters.user.org.org_logo" alt />
       </div>-->
-      <div class="floatLeft">
-        <span class="title">{{ $store.getters.user.org.org_short_name }}</span>
+      <div class="floatLeftBox">
+        <div class="floatLeft">
+          <!-- <span class="title">{{ $store.getters.user.org.org_short_name }}</span>
         <router-link to="/add_urgent_schedule">
           <p class="order">临时排班</p>
-        </router-link>
+          </router-link>-->
+          <i class="iconfont icon-zuojiantou jiantou"></i>
+          <span class="titleName">透析记录</span>
+          <van-icon class="icons" name="ellipsis" @click="show = true" />
+        </div>
+        <van-popup v-model="show" closeable position="top" :style="{ height: '200px' }">
+          <div class="popupContent">
+            <div class="popupBox">
+              <div class="popupBoxOne">
+                <img src="../../assets/images/T1.png" alt />
+                <p>透析监测</p>
+              </div>
+              <div class="popupBoxOne">
+                <img src="../../assets/images/T2.png" alt />
+                <p>透析医嘱</p>
+              </div>
+              <div class="popupBoxOne" @click="goSchedule">
+                <img src="../../assets/images/T3.png" alt />
+                <p>临时排班</p>
+              </div>
+            </div>
+          </div>
+        </van-popup>
       </div>
       <!-- </van-col> -->
       <!-- <van-col :span="6">
@@ -118,22 +141,33 @@
         <van-button size="small" type="info">临时排班</van-button>
     </div>-->
     <div class="area">
-      <waiting-area ref="waitingArea" v-show="index == 0" title="候诊区" :search_keyword="search_keyword"></waiting-area>
-      <dialysis-area @refWaitingArea="refWaitingArea" v-show="index == 1" title="透析区" :search_keyword="search_keyword"  @clear_search_keyword="clearKeyword" ></dialysis-area>
+      <waiting-area
+        ref="waitingArea"
+        v-show="index == 0"
+        title="候诊区"
+        :search_keyword="search_keyword"
+      ></waiting-area>
+      <dialysis-area
+        @refWaitingArea="refWaitingArea"
+        v-show="index == 1"
+        title="透析区"
+        :search_keyword="search_keyword"
+        @clear_search_keyword="clearKeyword"
+      ></dialysis-area>
     </div>
   </div>
 </template>
 
 <script>
-import DialysisArea from './DialysisArea'
-import WaitingArea from './WaitingArea'
-import { Popover } from 'vux'
-import { getDialysisScheduals, getWaitingScheduals } from '@/api/dialysis'
-import { parseTime } from '@/utils/index'
-import { getDialysisOrWaitSelectedConfig } from '@/utils/data_config'
+import DialysisArea from "./DialysisArea";
+import WaitingArea from "./WaitingArea";
+import { Popover } from "vux";
+import { getDialysisScheduals, getWaitingScheduals } from "@/api/dialysis";
+import { parseTime } from "@/utils/index";
+import { getDialysisOrWaitSelectedConfig } from "@/utils/data_config";
 
 export default {
-  name: 'RecordPage',
+  name: "RecordPage",
   props: {
     un_read_wait_num: {
       type: Number
@@ -142,16 +176,17 @@ export default {
       type: Number
     }
   },
-  data () {
+  data() {
     return {
       index: 1,
-      search_input: '',
-      search_keyword: '',
+      search_input: "",
+      search_keyword: "",
       scheduals: [],
       advice_groups: [],
       unReadWaitNum: 0,
-      unReadDialysisNum: 0
-    }
+      unReadDialysisNum: 0,
+      show: false
+    };
   },
   components: {
     DialysisArea,
@@ -162,30 +197,33 @@ export default {
   },
 
   methods: {
-    refWaitingArea: function () {
-      this.$refs.waitingArea.requestScheduals()
-      this.$emit('refAdvice')
+    refWaitingArea: function() {
+      this.$refs.waitingArea.requestScheduals();
+      this.$emit("refAdvice");
+    },
+    ClickTab: function(tabIndex) {
+      this.index = tabIndex;
     },
-    ClickTab: function (tabIndex) {
-      this.index = tabIndex
+    searchWithKeyword: function() {
+      this.$refs.search_field.blur();
+      this.search_keyword = this.search_input;
     },
-    searchWithKeyword: function () {
-      this.$refs.search_field.blur()
-      this.search_keyword = this.search_input
+    clearKeyword: function() {
+      this.search_input = "";
+      this.search_keyword = "";
     },
-    clearKeyword: function () {
-      this.search_input = ''
-      this.search_keyword = ''
+    goSchedule() {
+      this.$router.push("/add_urgent_schedule");
     }
   },
-  created () {
-    var index = getDialysisOrWaitSelectedConfig()
-    console.log(index)
+  created() {
+    var index = getDialysisOrWaitSelectedConfig();
+    console.log(index);
     if (index != null) {
-      this.index = index
+      this.index = index;
     }
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>
@@ -200,10 +238,55 @@ export default {
   // display: flex;
   // align-items: center;
   background: #258ffc;
+  .floatLeftBox {
+    .van-popup {
+      top: 0;
+      transform: translate3d(0, 0, 0);
+      border-radius: 0;
+    }
+    .popupContent {
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+      height: 100%;
+    }
+    .popupBox {
+      display: flex;
+      justify-content: space-around;
+      width: 100%;
+      height: 40%;
+      .popupBoxOne {
+        display: flex;
+        align-items: center;
+        justify-content: space-around;
+        flex-direction: column;
+        font-size: 0.44rem;
+        img {
+          width: 1.7rem;
+          height: 1.7rem;
+        }
+      }
+    }
+  }
+
   .floatLeft {
-    line-height: 1rem;
     height: 1rem;
-    margin-top: 0.1rem;
+    // margin-top: 0.1rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    color: #fff;
+    font-size: 0.6rem;
+    .titleName {
+      font-size: 0.6rem;
+    }
+    .icons {
+      font-size: 0.8rem;
+    }
+    .jiantou {
+      font-size: 0.8rem;
+      color: #fff;
+    }
     .order {
       float: right;
       font-size: 0.45rem;

src/pages/main/add_urgent_schedule.vue

@@ -89,7 +89,6 @@
             </div>
           </van-col>
 
-
           <van-col :span="24">
             <span class="title">治疗模式：</span>
             <div class="field_panel">
@@ -116,18 +115,10 @@
     </div>
     <side-bar :active_index="0"></side-bar>
     <van-popup v-model="show_patient_picker" position="bottom" class="popup">
-      <van-picker
-        :columns="patients"
-        value-key="name"
-        @change="didChangePatient"
-      ></van-picker>
+      <van-picker :columns="patients" value-key="name" @change="didChangePatient"></van-picker>
     </van-popup>
     <van-popup v-model="show_mode_picker" position="bottom" class="popup">
-      <van-picker
-        :columns="modes"
-        value-key="name"
-        @change="didChangeMode"
-      ></van-picker>
+      <van-picker :columns="modes" value-key="name" @change="didChangeMode"></van-picker>
     </van-popup>
     <van-popup v-model="show_bed_picker" position="bottom" class="popup">
       <van-picker
@@ -149,131 +140,248 @@
 </template>
 
 <script>
-  import SideBar from "@/pages/layout/SideBar";
-  import { parseTime } from "@/utils";
-  import {
-    getUrgentScheduleInitData,
-    PostSearch,
-    postUrgentSchedule
-  } from "@/api/dialysis";
-  import { Dialog, Toast } from "vant";
+import SideBar from "@/pages/layout/SideBar";
+import { parseTime } from "@/utils";
+import {
+  getUrgentScheduleInitData,
+  PostSearch,
+  postUrgentSchedule
+} from "@/api/dialysis";
+import { Dialog, Toast } from "vant";
 
-  export default {
-    name: "AddUrgentSchedule",
-    components: {
-      SideBar
-    },
-    data() {
-      return {
-        loading: false,
-        value: "",
-        date: "2019-09-09",
-        patient_id: 0,
-        mode_id: 0,
-        device_id: 0,
-        schedule_type: 2,
-        zone_name: "",
+export default {
+  name: "AddUrgentSchedule",
+  components: {
+    SideBar
+  },
+  data() {
+    return {
+      loading: false,
+      value: "",
+      date: "2019-09-09",
+      patient_id: 0,
+      mode_id: 0,
+      device_id: 0,
+      schedule_type: 2,
+      zone_name: "",
 
-        show_patient_picker: false,
-        show_mode_picker: false,
-        show_bed_picker: false,
-        show_sch_type_picker: false,
+      show_patient_picker: false,
+      show_mode_picker: false,
+      show_bed_picker: false,
+      show_sch_type_picker: false,
 
-        patients: [],
-        modes: [],
-        schedule_types: [
-          { value: 1, text: "上午" },
-          { value: 2, text: "下午" },
-          { value: 3, text: "晚上" }
-        ],
+      patients: [],
+      modes: [],
+      schedule_types: [
+        { value: 1, text: "上午" },
+        { value: 2, text: "下午" },
+        { value: 3, text: "晚上" }
+      ],
 
-        origin_device_numbers: [],
-        zone_device_map: {},
-        zone_names: [],
-        current_devices: [],
-        zone_device_options: [],
+      origin_device_numbers: [],
+      zone_device_map: {},
+      zone_names: [],
+      current_devices: [],
+      zone_device_options: [],
 
-        origin_schedules: []
-      };
+      origin_schedules: []
+    };
+  },
+  computed: {
+    patient_name: function() {
+      for (let index = 0; index < this.patients.length; index++) {
+        const patient = this.patients[index];
+        if (patient.id == this.patient_id) {
+          return patient.name;
+        }
+      }
+      return "";
     },
-    computed: {
-      patient_name: function() {
-        for (let index = 0; index < this.patients.length; index++) {
-          const patient = this.patients[index];
-          if (patient.id == this.patient_id) {
-            return patient.name;
-          }
+    mode_name: function() {
+      for (let index = 0; index < this.modes.length; index++) {
+        const mode = this.modes[index];
+        if (mode.id == this.mode_id) {
+          return mode.name;
         }
-        return "";
-      },
-      mode_name: function() {
-        for (let index = 0; index < this.modes.length; index++) {
-          const mode = this.modes[index];
-          if (mode.id == this.mode_id) {
-            return mode.name;
+      }
+      return "";
+    },
+    bed_name: function() {
+      if (this.zone_name.length > 0 && this.device_id != 0) {
+        for (let index = 0; index < this.current_devices.length; index++) {
+          const device_number = this.current_devices[index];
+          if (device_number.id == this.device_id) {
+            return device_number.zone_name + " - " + device_number.number;
           }
         }
-        return "";
-      },
-      bed_name: function() {
-        if (this.zone_name.length > 0 && this.device_id != 0) {
-          for (let index = 0; index < this.current_devices.length; index++) {
-            const device_number = this.current_devices[index];
-            if (device_number.id == this.device_id) {
-              return device_number.zone_name + " - " + device_number.number;
+      }
+      return "";
+    },
+    schedule_type_title: function() {
+      for (let index = 0; index < this.schedule_types.length; index++) {
+        const type = this.schedule_types[index];
+        if (type.value == this.schedule_type) {
+          return type.text;
+        }
+      }
+      return "";
+    }
+  },
+  created() {
+    var today = new Date();
+    this.date = parseTime(today, "{y}-{m}-{d}");
+    var hour = today.getHours();
+    if (hour > 3 && hour < 11) {
+      this.schedule_type = 1;
+    } else if (hour >= 11 && hour < 18) {
+      this.schedule_type = 2;
+    } else {
+      this.schedule_type = 3;
+    }
+  },
+  mounted() {
+    this.loading = true;
+    let params = {
+      type: this.schedule_type
+    };
+    console.log(params);
+    getUrgentScheduleInitData(params)
+      .then(rs => {
+        this.loading = false;
+        // console.log(rs.data.data)
+        if (rs.data.state == 1) {
+          this.origin_schedules = rs.data.data.schedules;
+          this.patients = rs.data.data.patients;
+          console.log(this.patients);
+          this.modes = rs.data.data.modes;
+          this.origin_device_numbers = rs.data.data.device_numbers;
+
+          if (this.patients.length > 0) {
+            this.patient_id = this.patients[0].id;
+          }
+          if (this.modes.length > 0) {
+            this.mode_id = this.modes[0].id;
+          }
+
+          var zone_device_map = {};
+          for (
+            let index = 0;
+            index < this.origin_device_numbers.length;
+            index++
+          ) {
+            const device_number = this.origin_device_numbers[index];
+            if (
+              zone_device_map[device_number.zone_name] == null ||
+              zone_device_map[device_number.zone_name] == undefined
+            ) {
+              zone_device_map[device_number.zone_name] = [];
             }
+            zone_device_map[device_number.zone_name].push(device_number);
           }
-        }
-        return "";
-      },
-      schedule_type_title: function() {
-        for (let index = 0; index < this.schedule_types.length; index++) {
-          const type = this.schedule_types[index];
-          if (type.value == this.schedule_type) {
-            return type.text;
+          this.zone_device_map = zone_device_map;
+
+          this.zone_names = Object.keys(this.zone_device_map);
+          if (this.zone_names.length > 0) {
+            this.zone_name = this.zone_names[0];
+            this.current_devices = this.zone_device_map[this.zone_name];
+            this.device_id = this.current_devices[0].id;
           }
+          this.zone_device_options = [
+            { values: this.zone_names },
+            // { values: this.getDeviceNumberNames(this.current_devices) },
+            { values: this.current_devices }
+          ];
+          console.log(this.zone_device_options);
+        } else {
+          Toast.fail(rs.data.msg);
         }
-        return "";
+      })
+      .catch(err => {
+        this.loading = false;
+        Toast.fail(err);
+      });
+  },
+  methods: {
+    handleSelect(val) {
+      this.patient_name = val.name;
+      this.patient_id = val.id;
+    },
+    querySearchAsync(keyword, cb) {
+      let key = "";
+      if (keyword != undefined) {
+        key = keyword;
       }
-    },created(){
+      let searchArray = [];
+      PostSearch(key).then(response => {
+        if (response.data.state == 1) {
+          searchArray = response.data.data.patient;
+          cb(searchArray);
+        } else {
+          cb([]);
+        }
+      });
+    },
 
-      var today = new Date();
-      this.date = parseTime(today, "{y}-{m}-{d}");
-      var hour = today.getHours();
-      if (hour > 3 && hour < 11) {
-        this.schedule_type = 1;
-      } else if (hour >= 11 && hour < 18) {
-        this.schedule_type = 2;
-      } else {
-        this.schedule_type = 3;
-      }
+    selectPatientAction: function() {
+      this.$refs.patient_field.blur();
+      this.show_patient_picker = true;
+    },
+    selectModeAction: function() {
+      this.$refs.mode_field.blur();
+      this.show_mode_picker = true;
+    },
+    selectBedAction: function() {
+      this.$refs.bed_field.blur();
+      this.show_bed_picker = true;
     },
-    mounted() {
+    selectSchTypeAction: function() {
+      this.$refs.sch_type_field.blur();
+      this.show_sch_type_picker = true;
+      //
+      // this.$nextTick(() => {
+      //   // this.$refs.schedule.setColumnIndex(2)
+      //   // .setIndexes(this.schedule_type)
+      //   console.log(this.$refs.schedule)
+      //   console.log(this.$refs.schedule.getColumnIndex)
+      //   console.log(this.$refs.schedule.getColumnValue)
+      //
+      // })
+    },
+
+    didChangePatient: function(picker, patient, index) {
+      this.patient_id = patient.id;
+    },
+    didChangeMode: function(picker, mode, index) {
+      this.mode_id = mode.id;
+    },
+    didChangeBed: function(picker, values, col_index) {
+      if (col_index == 0) {
+        this.zone_name = values[0];
+        this.current_devices = this.zone_device_map[this.zone_name];
+        this.device_id = this.current_devices[0].id;
 
+        picker.setColumnValues(1, this.current_devices);
+      } else if (col_index == 1) {
+        this.device_id = values[1].id;
+      }
+    },
+    didChangeSchType: function(picker, sch_type, index) {
+      this.schedule_type = sch_type.value;
       this.loading = true;
       let params = {
         type: this.schedule_type
       };
-      console.log(params);
       getUrgentScheduleInitData(params)
         .then(rs => {
           this.loading = false;
           // console.log(rs.data.data)
           if (rs.data.state == 1) {
+            this.zone_device_options = [];
             this.origin_schedules = rs.data.data.schedules;
             this.patients = rs.data.data.patients;
-            console.log(this.patients)
             this.modes = rs.data.data.modes;
             this.origin_device_numbers = rs.data.data.device_numbers;
 
-
-            if (this.patients.length > 0) {
-              this.patient_id = this.patients[0].id;
-            }
-            if (this.modes.length > 0) {
-              this.mode_id = this.modes[0].id;
-            }
-
             var zone_device_map = {};
             for (
               let index = 0;
@@ -302,8 +410,7 @@
               // { values: this.getDeviceNumberNames(this.current_devices) },
               { values: this.current_devices }
             ];
-            console.log(this.zone_device_options )
-
+            console.log(this.zone_device_options);
           } else {
             Toast.fail(rs.data.msg);
           }
@@ -313,195 +420,74 @@
           Toast.fail(err);
         });
     },
-    methods: {
-      handleSelect(val) {
-        this.patient_name = val.name;
-        this.patient_id = val.id;
-      },
-      querySearchAsync(keyword, cb) {
-        let key = "";
-        if (keyword != undefined) {
-          key = keyword;
-        }
-        let searchArray = [];
-        PostSearch(key).then(response => {
-          if (response.data.state == 1) {
-            searchArray = response.data.data.patient;
-            cb(searchArray);
-          } else {
-            cb([]);
-          }
-        });
-      },
-
-      selectPatientAction: function() {
-        this.$refs.patient_field.blur();
-        this.show_patient_picker = true;
-      },
-      selectModeAction: function() {
-        this.$refs.mode_field.blur();
-        this.show_mode_picker = true;
-      },
-      selectBedAction: function() {
-        this.$refs.bed_field.blur();
-        this.show_bed_picker = true;
-      },
-      selectSchTypeAction: function() {
-        this.$refs.sch_type_field.blur();
-        this.show_sch_type_picker = true;
-        //
-        // this.$nextTick(() => {
-        //   // this.$refs.schedule.setColumnIndex(2)
-        //   // .setIndexes(this.schedule_type)
-        //   console.log(this.$refs.schedule)
-        //   console.log(this.$refs.schedule.getColumnIndex)
-        //   console.log(this.$refs.schedule.getColumnValue)
-        //
-        // })
-      },
-
-      didChangePatient: function(picker, patient, index) {
-        this.patient_id = patient.id;
-      },
-      didChangeMode: function(picker, mode, index) {
-        this.mode_id = mode.id;
-      },
-      didChangeBed: function(picker, values, col_index) {
-        if (col_index == 0) {
-          this.zone_name = values[0];
-          this.current_devices = this.zone_device_map[this.zone_name];
-          this.device_id = this.current_devices[0].id;
-
-          picker.setColumnValues(1, this.current_devices);
-        } else if (col_index == 1) {
-          this.device_id = values[1].id;
-        }
-      },
-      didChangeSchType: function(picker, sch_type, index) {
-        this.schedule_type = sch_type.value;
-        this.loading = true;
-        let params = {
-          type: this.schedule_type
-        };
-        getUrgentScheduleInitData(params)
-          .then(rs => {
-            this.loading = false;
-            // console.log(rs.data.data)
-            if (rs.data.state == 1) {
-              this.zone_device_options = []
-              this.origin_schedules = rs.data.data.schedules;
-              this.patients = rs.data.data.patients;
-              this.modes = rs.data.data.modes;
-              this.origin_device_numbers = rs.data.data.device_numbers;
-
-
-              var zone_device_map = {};
-              for (
-                let index = 0;
-                index < this.origin_device_numbers.length;
-                index++
-              ) {
-                const device_number = this.origin_device_numbers[index];
-                if (
-                  zone_device_map[device_number.zone_name] == null ||
-                  zone_device_map[device_number.zone_name] == undefined
-                ) {
-                  zone_device_map[device_number.zone_name] = [];
-                }
-                zone_device_map[device_number.zone_name].push(device_number);
-              }
-              this.zone_device_map = zone_device_map;
 
-              this.zone_names = Object.keys(this.zone_device_map);
-              if (this.zone_names.length > 0) {
-                this.zone_name = this.zone_names[0];
-                this.current_devices = this.zone_device_map[this.zone_name];
-                this.device_id = this.current_devices[0].id;
-              }
-              this.zone_device_options = [
-                { values: this.zone_names },
-                // { values: this.getDeviceNumberNames(this.current_devices) },
-                { values: this.current_devices }
-              ];
-              console.log( this.zone_device_options)
-            } else {
-              Toast.fail(rs.data.msg);
-            }
-          })
-          .catch(err => {
-            this.loading = false;
-            Toast.fail(err);
-          });
-      },
-
-      submitAction: function() {
-
-        if (this.patient_id == 0 || this.mode_id == 0 || this.device_id == 0) {
-          Toast.fail("请选择班次、床位等");
-          return;
-        }
+    submitAction: function() {
+      if (this.patient_id == 0 || this.mode_id == 0 || this.device_id == 0) {
+        Toast.fail("请选择班次、床位等");
+        return;
+      }
 
-        var repeated = false;
-        for (let index = 0; index < this.origin_schedules.length; index++) {
-          const schedule = this.origin_schedules[index];
-          if (
-            schedule.bed_id == this.device_id &&
-            this.schedule_type == schedule.schedule_type
-          ) {
-            repeated = true;
-            break;
-          }
-        }
-        if (repeated) {
-          Dialog.confirm({
-            title: "提醒",
-            message: "你选择的床位已经被排班，确认要替换吗？"
-          })
-            .then(() => {
-              // on confirm
-              this.submit();
-            })
-            .catch(() => {
-              // on cancel
-            });
-        } else {
-          this.submit();
+      var repeated = false;
+      for (let index = 0; index < this.origin_schedules.length; index++) {
+        const schedule = this.origin_schedules[index];
+        if (
+          schedule.bed_id == this.device_id &&
+          this.schedule_type == schedule.schedule_type
+        ) {
+          repeated = true;
+          break;
         }
-      },
-      submit: function() {
-        var params = {
-          patient_id: this.patient_id,
-          mode: this.mode_id,
-          schedule_type: this.schedule_type,
-          bed: this.device_id
-        };
-        this.loading = true;
-        postUrgentSchedule(params)
-          .then(rs => {
-            this.loading = false;
-            var resp = rs.data;
-            if (resp.state == 1) {
-              var patient = resp.data.patient;
-              var schedule = resp.data.schedule;
-              this.$router.push({
-                path: "/details",
-                query: {
-                  patient_id: patient.id,
-                  date: schedule.schedule_date,
-                  patient_name: patient.name
-                }
-              });
-            } else {
-              Toast.fail(resp.msg);
-            }
+      }
+      if (repeated) {
+        Dialog.confirm({
+          title: "提醒",
+          message: "你选择的床位已经被排班，确认要替换吗？"
+        })
+          .then(() => {
+            // on confirm
+            this.submit();
           })
-          .catch(err => {
-            this.loading = false;
-            Toast.fail("err");
+          .catch(() => {
+            // on cancel
           });
+      } else {
+        this.submit();
       }
+    },
+    submit: function() {
+      var params = {
+        patient_id: this.patient_id,
+        mode: this.mode_id,
+        schedule_type: this.schedule_type,
+        bed: this.device_id
+      };
+      this.loading = true;
+      postUrgentSchedule(params)
+        .then(rs => {
+          this.loading = false;
+          var resp = rs.data;
+          if (resp.state == 1) {
+            var patient = resp.data.patient;
+            var schedule = resp.data.schedule;
+            this.$router.push({
+              path: "/details",
+              query: {
+                patient_id: patient.id,
+                date: schedule.schedule_date,
+                patient_name: patient.name
+              }
+            });
+          } else {
+            Toast.fail(resp.msg);
+          }
+        })
+        .catch(err => {
+          this.loading = false;
+          Toast.fail("err");
+        });
     }
-  };
+  }
+};
 </script>
 
 
@@ -608,6 +594,7 @@
 .popup {
   border-radius: 0 !important;
   top: initial !important;
+  transform: translate3d(0, 0, 0) !important;
 }
 .mainBox {
   display: flex;
@@ -643,7 +630,9 @@
     }
   }
 }
-.van-ellipsis {
-  font-size: 0.45rem;
+.form {
+  .van-ellipsis {
+    font-size: 0.45rem;
+  }
 }
 </style>

src/pages/main/index.vue

@@ -45,7 +45,7 @@ export default {
   created() {
     this.mediaMatches();
     for (var i = 0; i < this.sqls.length; i++) {
-      sqls[i].addListener(this.mediaMatches);
+      this.sqls[i].addListener(this.mediaMatches);
     }
     // document.documentElement.style.fontSize = 30 + "px";
     // this.requestScheduals()
@@ -310,3 +310,12 @@ body {
   }
 }
 </style>
+<style lang="scss">
+.mainBox {
+  .van-popup {
+    top: 7%;
+    transform: translate3d(-50%, 0, 0);
+    border-radius: 10px;
+  }
+}
+</style>

src/pages/patientManagement/index.vue

@@ -18,19 +18,14 @@
       </div>
     </van-sticky>
     <div class="patientBox">
-      <van-list
-        v-model="loading"
-        :finished="finished"
-        finished-text="没有更多了"
-        @load="onLoad"
-      >
+      <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
         <div
           class="patientOne"
           v-for="item in patients"
           :key="item.id"
           @click="toPatientDetail(item.id)"
         >
-          <img :src="item.avatar" alt="" />
+          <img :src="item.avatar" alt />
           <p>{{ item.name }}</p>
         </div>
       </van-list>
@@ -114,6 +109,27 @@ export default {
     }
   },
   created() {
+    const baseSize = 32;
+    // 设置 rem 函数
+    function setRem() {
+      const scale = document.documentElement.clientWidth / 750;
+      document.documentElement.style.fontSize =
+        baseSize * Math.min(scale, 2) + "px";
+      //   // 320 默认大小16px; 320px = 20rem ;每个元素px基础上/16
+      //   let htmlWidth =
+      //     document.documentElement.clientWidth || document.body.clientWidth;
+      //   //得到html的Dom元素
+      //   let htmlDom = document.getElementsByTagName("html")[0];
+      //   //设置根元素字体大小
+      //   htmlDom.style.fontSize = htmlWidth / 23.4375 + "px";
+    }
+    // 初始化
+    setRem();
+    // 改变窗口大小时重新设置 rem
+    window.onresize = function() {
+      setRem();
+    };
+
     this.getBloodDialysisPatient();
   }
 };

src/styles/resetStyle.scss

@@ -0,0 +1,5 @@
+.van-popup {
+  border-radius: 0;
+  transform: translate3d(0, 0, 0);
+  // top: initial;
+}

src/styles/style.scss

@@ -408,10 +408,10 @@ body {
   }
 }
 
-.van-popup {
-  top: 7%;
-  transform: translate3d(-50%, 0, 0);
-}
+// .van-popup {
+//   top: 7%;
+//   transform: translate3d(-50%, 0, 0);
+// }
 
 // 弹窗滚动条
 ::-webkit-scrollbar {
@@ -458,7 +458,7 @@ body {
 }
 
 .van-popup {
-  border-radius: 10px;
+  // border-radius: 10px;
 
   .Dialog {
     font-size: 0.36rem;