提交

src/kpa_pages/configureCenter/components/Bed.vue

@@ -0,0 +1,51 @@
+<template>
+  <div class="Bed">
+    <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+      <div class="BedOne">
+        <div class="BedLeft">
+          <p>分区名称：A区</p>
+          <p>分区类型：普通区</p>
+          <p>所属分组：护理1组</p>
+        </div>
+        <van-icon class="ellipsis" name="ellipsis" @click="newShow = true" />
+      </div>
+    </van-list>
+    <van-action-sheet v-model="newShow" :actions="actions" cancel-text="取消" @cancel="onCancel" />
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      loading: false,
+      finished: false,
+      newShow: false,
+      actions: [{ name: "编辑" }, { name: "删除" }]
+    };
+  },
+  methods: {
+    onLoad() {},
+    onCancel() {}
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.Bed {
+  .BedOne {
+    padding: 1.375rem 1.125rem 0 1.5rem;
+    display: flex;
+    justify-content: space-between;
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    p {
+      font-size: 0.9375rem;
+      margin-bottom: 1.125rem;
+    }
+    .ellipsis {
+      font-size: 1.5rem;
+      color: #cccccc;
+    }
+  }
+}
+</style>

src/kpa_pages/configureCenter/components/Grouping.vue

@@ -0,0 +1,49 @@
+<template>
+  <div class="Grouping">
+    <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+      <div class="GroupingOne">
+        <div class="GroupingLeft">
+          <p>分组名称：护理1组</p>
+        </div>
+        <van-icon class="ellipsis" name="ellipsis" @click="newShow = true" />
+      </div>
+    </van-list>
+    <van-action-sheet v-model="newShow" :actions="actions" cancel-text="取消" @cancel="onCancel" />
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      loading: false,
+      finished: false,
+      newShow: false,
+      actions: [{ name: "编辑" }, { name: "删除" }]
+    };
+  },
+  methods: {
+    onLoad() {},
+    onCancel() {}
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.Grouping {
+  .GroupingOne {
+    padding: 1.375rem 1.125rem 1.125rem 1.5rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    p {
+      font-size: 0.9375rem;
+    }
+    .ellipsis {
+      font-size: 1.5rem;
+      color: #cccccc;
+    }
+  }
+}
+</style>

src/kpa_pages/configureCenter/components/Partition.vue

@@ -0,0 +1,50 @@
+<template>
+  <div class="partition">
+    <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+      <div class="partitionOne">
+        <div class="partitionLeft">
+          <p>分区名称：A区</p>
+          <p>分区类型：普通区</p>
+        </div>
+        <van-icon class="ellipsis" name="ellipsis" @click="newShow = true" />
+      </div>
+    </van-list>
+    <van-action-sheet v-model="newShow" :actions="actions" cancel-text="取消" @cancel="onCancel" />
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      loading: false,
+      finished: false,
+      newShow: false,
+      actions: [{ name: "编辑" }, { name: "删除" }]
+    };
+  },
+  methods: {
+    onLoad() {},
+    onCancel() {}
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.partition {
+  .partitionOne {
+    padding: 1.375rem 1.125rem 0 1.5rem;
+    display: flex;
+    justify-content: space-between;
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+    p {
+      font-size: 0.9375rem;
+      margin-bottom: 1.125rem;
+    }
+    .ellipsis {
+      font-size: 1.5rem;
+      color: #cccccc;
+    }
+  }
+}
+</style>

src/kpa_pages/configureCenter/index.vue

@@ -0,0 +1,73 @@
+<template>
+  <div class="page_configureCenter">
+    <div class="configureCenterTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">配置中心</span>
+    </div>
+    <div class="configureCenterMain">
+      <van-tabs v-model="active">
+        <van-tab title="分区">
+          <partition></partition>
+        </van-tab>
+        <van-tab title="分组">
+          <grouping></grouping>
+        </van-tab>
+        <van-tab title="床位">
+          <bed></bed>
+        </van-tab>
+      </van-tabs>
+    </div>
+  </div>
+</template>
+
+<script>
+import Partition from "@/kpa_pages/configureCenter/components/Partition";
+import Grouping from "@/kpa_pages/configureCenter/components/Grouping";
+import Bed from "@/kpa_pages/configureCenter/components/Bed";
+export default {
+  components: {
+    Partition,
+    Grouping,
+    Bed
+  },
+  data() {
+    return {
+      active: 0
+    };
+  }
+};
+</script>
+
+
+
+
+<style lang="scss" scoped>
+.page_configureCenter {
+  height: 100%;
+  overflow: hidden;
+  overflow-y: auto;
+  .configureCenterTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 7rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+}
+</style>
+<style lang="scss">
+.page_configureCenter {
+  .van-tabs__line {
+    background: #5b98ff;
+  }
+}
+</style>

src/kpa_pages/configureCenter/newBed.vue

@@ -0,0 +1,101 @@
+<template>
+  <div class="page_newBed">
+    <div class="newBedTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">新增床位</span>
+    </div>
+    <div class="infoBox">
+      <van-field v-model="name" required label="床位号" placeholder="请输入" />
+      <van-field
+        label="所属分区"
+        v-model="sex"
+        right-icon="arrow"
+        placeholder="请选择"
+        required
+        readonly
+        @click="show = true"
+      />
+      <van-popup v-model="show" position="bottom" :style="{ height: '40%' }">
+        <van-picker :columns="columns" show-toolbar @change="onChange" />
+      </van-popup>
+      <van-field
+        label="所属分组"
+        v-model="sex"
+        right-icon="arrow"
+        placeholder="请选择"
+        required
+        readonly
+        @click="show = true"
+      />
+      <van-popup v-model="show1" position="bottom" :style="{ height: '40%' }">
+        <van-picker :columns="columns" show-toolbar @change="onChange" />
+      </van-popup>
+    </div>
+    <div class="save">保存</div>
+  </div>
+</template>
+
+
+<script>
+export default {
+  data() {
+    return {
+      show: false,
+      show1: false,
+      columns: ["男", "女"]
+    };
+  }
+};
+</script>
+
+
+<style lang="scss" scoped>
+.page_newBed {
+  height: 100%;
+  overflow: hidden;
+  overflow-y: auto;
+  background: #fafafa;
+  .newBedTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 7rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .infoBox {
+    margin-top: 1rem;
+  }
+  .save {
+    width: 19.25rem;
+    height: 2.875rem;
+    margin: 0 auto;
+    background: rgba(51, 138, 251, 1);
+    box-shadow: 0px 1px 12px 0px rgba(51, 138, 251, 1);
+    border-radius: 1.4375rem;
+    text-align: center;
+    line-height: 2.875rem;
+    color: #fff;
+    margin-top: 2.875rem;
+  }
+}
+</style>
+<style lang="scss">
+.infoBox {
+  .van-field__body {
+    width: 100%;
+  }
+  .van-cell__value {
+    display: flex;
+    align-items: center;
+  }
+}
+</style>

src/kpa_pages/configureCenter/newGrouping.vue

@@ -0,0 +1,78 @@
+<template>
+  <div class="page_newGrouping">
+    <div class="newGroupingTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">新增分组</span>
+    </div>
+    <div class="infoBox">
+      <van-field v-model="name" required label="分区名称" placeholder="请输入" />
+    </div>
+    <div class="save">保存</div>
+  </div>
+</template>
+
+
+<script>
+export default {
+  data() {
+    return {
+      show: false,
+      columns: ["男", "女"]
+    };
+  }
+};
+</script>
+
+
+<style lang="scss" scoped>
+.page_newGrouping {
+  height: 100%;
+  overflow: hidden;
+  overflow-y: auto;
+  background: #fafafa;
+  .newGroupingTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 7rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .infoBox {
+    margin-top: 1rem;
+
+    .van-cell__value {
+      display: flex;
+      align-items: center;
+    }
+  }
+  .save {
+    width: 19.25rem;
+    height: 2.875rem;
+    margin: 0 auto;
+    background: rgba(51, 138, 251, 1);
+    box-shadow: 0px 1px 12px 0px rgba(51, 138, 251, 1);
+    border-radius: 1.4375rem;
+    text-align: center;
+    line-height: 2.875rem;
+    color: #fff;
+    margin-top: 2.875rem;
+  }
+}
+</style>
+<style lang="scss">
+.infoBox {
+  .van-cell__value {
+    display: flex;
+    align-items: center;
+  }
+}
+</style>

src/kpa_pages/configureCenter/newPartition.vue

@@ -0,0 +1,88 @@
+<template>
+  <div class="page_newPartition">
+    <div class="newPartitionTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">新增分区</span>
+    </div>
+    <div class="infoBox">
+      <van-field v-model="name" required label="分区名称" placeholder="请输入" />
+      <van-field
+        label="分区类型"
+        v-model="sex"
+        right-icon="arrow"
+        placeholder="请选择"
+        required
+        readonly
+        @click="show = true"
+      />
+      <van-popup v-model="show" position="bottom" :style="{ height: '40%' }">
+        <van-picker :columns="columns" show-toolbar @change="onChange" />
+      </van-popup>
+    </div>
+    <div class="save">保存</div>
+  </div>
+</template>
+
+
+<script>
+export default {
+  data() {
+    return {
+      show: false,
+      columns: ["男", "女"]
+    };
+  }
+};
+</script>
+
+
+<style lang="scss" scoped>
+.page_newPartition {
+  height: 100%;
+  overflow: hidden;
+  overflow-y: auto;
+  background: #fafafa;
+  .newPartitionTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 7rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .infoBox {
+    margin-top: 1rem;
+  }
+  .save {
+    width: 19.25rem;
+    height: 2.875rem;
+    margin: 0 auto;
+    background: rgba(51, 138, 251, 1);
+    box-shadow: 0px 1px 12px 0px rgba(51, 138, 251, 1);
+    border-radius: 1.4375rem;
+    text-align: center;
+    line-height: 2.875rem;
+    color: #fff;
+    margin-top: 2.875rem;
+  }
+}
+</style>
+<style lang="scss">
+.infoBox {
+  .van-field__body {
+    width: 100%;
+  }
+  .van-cell__value {
+    display: flex;
+    align-items: center;
+  }
+}
+</style>

src/kpa_pages/modifyingHead/index.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="page_modifyingHead">
+    <img src alt />
+  </div>
+</template>

src/kpa_pages/modifyingName/index.vue

@@ -0,0 +1,41 @@
+<template>
+  <div class="page_modifyingName">
+    <div class="modifyingNameTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">修改姓名</span>
+      <span>保存</span>
+    </div>
+    <div class="nameBox">
+      <van-field v-model="value" placeholder="请填写姓名" />
+    </div>
+  </div>
+</template>
+
+
+<style lang="scss" scoped>
+.page_modifyingName {
+  height: 100%;
+  overflow: hidden;
+  background: #fafafa;
+  .modifyingNameTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 1rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .nameBox {
+    margin-top: 1rem;
+  }
+}
+</style>

src/kpa_pages/personalSign/index.vue

@@ -0,0 +1,48 @@
+<template>
+  <div class="page_personalSign">
+    <div class="personalSignTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">修改姓名</span>
+      <span>保存</span>
+    </div>
+    <div class="nameBox">
+      <van-field
+        v-model="message"
+        rows="1"
+        autosize
+        type="textarea"
+        placeholder="请填写个性签名"
+        maxlength="20"
+      />
+    </div>
+  </div>
+</template>
+
+
+<style lang="scss" scoped>
+.page_personalSign {
+  height: 100%;
+  overflow: hidden;
+  background: #fafafa;
+  .personalSignTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 1rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .nameBox {
+    margin-top: 1rem;
+  }
+}
+</style>

src/router/index.js

@@ -346,6 +346,41 @@ var _constant_router_map = [
     path: "/qualityControlReport",
     component: () => import("@/kpa_pages/qualityControlReport/index")
   },
+  // 配置中心
+  {
+    path: "/configureCenter",
+    component: () => import("@/kpa_pages/configureCenter/index")
+  },
+  // 新增分区
+  {
+    path: "/newPartition",
+    component: () => import("@/kpa_pages/configureCenter/newPartition")
+  },
+  // 新增分组
+  {
+    path: "/newGrouping",
+    component: () => import("@/kpa_pages/configureCenter/newGrouping")
+  },
+  // 新增床位
+  {
+    path: "/newBed",
+    component: () => import("@/kpa_pages/configureCenter/newBed")
+  },
+  // 修改头像
+  {
+    path: "/modifyingHead",
+    component: () => import("@/kpa_pages/modifyingHead/index")
+  },
+  // 修改姓名
+  {
+    path: "/modifyingName",
+    component: () => import("@/kpa_pages/modifyingName/index")
+  },
+  // 个性签名
+  {
+    path: "/personalSign",
+    component: () => import("@/kpa_pages/personalSign/index")
+  },
   // 注册页面
   {
     path: "/register",