提交

src/kpa_pages/SCRM/index.vue

+<template>
+  <div class="page_SCRM">
+    <div class="SCRMTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">SCRM</span>
+    </div>
+    <div class="allTitle">
+      <van-cell center title="全部权限">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allTitle1">
+      <van-cell center title="功能权限配置"></van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="会员管理" is-link></van-cell>
+      <van-cell center title="文章管理" is-link></van-cell>
+      <van-cell center title="营销工具" is-link></van-cell>
+      <van-cell center title="微网站" is-link></van-cell>
+      <van-cell center title="系统设置" is-link></van-cell>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_SCRM {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .SCRMTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 8rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .allTitle {
+    margin: 1rem 0;
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allTitle1 {
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allBox {
+    margin-bottom: 1rem;
+    .van-cell__title {
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+}
+</style>

src/kpa_pages/aboutUs/index.vue

+<template>
+  <div class="page_aboutUs">
+    <div class="aboutUsTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">关于我们</span>
+    </div>
+    <div class="aboutImg">
+      <img src="../../assets/images/aboutBanner.png" alt="" />
+    </div>
+    <div class="aboutBox">
+      <div class="aboutBoxOne">
+        <p>公司介绍</p>
+        <div>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+      <div class="aboutBoxOne">
+        <p>隐私政策</p>
+        <div>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+      <div class="aboutBoxOne">
+        <p>用户协议</p>
+        <div>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+      <div class="aboutBoxOne">
+        <p>检查更新</p>
+        <div class="aboutBoxRight">
+          <p>已是最新版本</p>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_aboutUs {
+  height: 100%;
+  overflow: hidden;
+  .aboutUsTitle {
+    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;
+  }
+  .aboutImg {
+    padding: 0 0.75rem;
+    height: 10.0625rem;
+    margin: 1rem 0 0.3125rem;
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  .aboutBox {
+    .aboutBoxOne {
+      padding: 0 0.75rem;
+      height: 3.125rem;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+      p {
+        font-size: 0.9375rem;
+        color: #313234;
+      }
+      .arrow {
+        color: #9f9f9f;
+      }
+      .aboutBoxRight {
+        display: flex;
+        align-items: center;
+
+        p {
+          font-size: 0.8125rem;
+          margin-right: 0.25rem;
+          color: #9f9f9f;
+        }
+      }
+    }
+  }
+}
+</style>

src/kpa_pages/addStaff/index.vue

     </div>
     <div class="editStaffTip">必填</div>
     <div class="staffBox">
-      <van-field
-        v-model="text"
-        label="姓名"
-        clearable
-        placeholder="请输入姓名"
-      />
-      <van-field
-        v-model="tel"
-        type="tel"
-        label="手机号"
-        placeholder="请输入手机号"
-        clearable
-      />
+      <van-field v-model="text" label="姓名" clearable placeholder="请填写姓名" />
+      <van-field v-model="tel" type="tel" label="手机号" placeholder="请填写手机号" clearable />
       <van-cell class="newCell">
         <!-- 使用 title 插槽来自定义标题 -->
         <template slot="title">
           <span class="custom-title">角色</span>
           <div style="width:76%;margin-left:3.3rem">
             <van-checkbox-group v-model="result">
-              <van-checkbox style="width: 30%;" name="a" shape="square"
-                >医生</van-checkbox
-              >
-              <van-checkbox style="width: 30%;" name="b" shape="square"
-                >护士</van-checkbox
-              >
-              <van-checkbox style="width: 30%;" name="c" shape="square"
-                >运营</van-checkbox
-              >
-              <van-checkbox style="width: 30%;" name="d" shape="square"
-                >库存</van-checkbox
-              >
-              <van-checkbox style="width: 30%;" name="e" shape="square"
-                >院长</van-checkbox
-              >
-              <van-checkbox style="width: 40%;" name="f" shape="square"
-                >子管理员</van-checkbox
-              >
+              <van-checkbox style="width: 30%;" name="a" shape="square">医生</van-checkbox>
+              <van-checkbox style="width: 30%;" name="b" shape="square">护士</van-checkbox>
+              <van-checkbox style="width: 30%;" name="c" shape="square">运营</van-checkbox>
+              <van-checkbox style="width: 30%;" name="d" shape="square">库存</van-checkbox>
+              <van-checkbox style="width: 30%;" name="e" shape="square">院长</van-checkbox>
+              <van-checkbox style="width: 40%;" name="f" shape="square">子管理员</van-checkbox>
             </van-checkbox-group>
           </div>
         </template>

src/kpa_pages/adminTransfer/index.vue

       <i class="iconfont icon-zuojiantou jiantou"></i>
       <span class="titleName">管理员转让</span>
     </div>
-    <div class="adminTransferTip">
-      换绑管理员账号，需要验证当前管理员账号的身份
-    </div>
+    <div class="adminTransferTip">换绑管理员账号，需要验证当前管理员账号的身份</div>
     <div class="adminBox">
-      <div class="adminOne">当前管理员：<span>欧巧漫</span></div>
-      <van-field
-        v-model="text"
-        label="手机号"
-        required
-        clearable
-        placeholder="请输入手机号"
-      />
-      <van-field
-        v-model="sms"
-        center
-        clearable
-        required
-        label="验证码"
-        placeholder="请输入验证码"
-      >
-        <van-button slot="button" size="small" type="info"
-          >获取验证码</van-button
-        >
+      <div class="adminOne">
+        当前管理员：
+        <span>欧巧漫</span>
+      </div>
+      <van-field v-model="text" label="手机号" required clearable placeholder="请填写手机号" />
+      <van-field v-model="sms" center clearable required label="验证码" placeholder="请填写验证码">
+        <van-button slot="button" size="small" type="info">获取验证码</van-button>
       </van-field>
     </div>
     <div class="next">下一步</div>

src/kpa_pages/articleManagement/index.vue

+<template>
+  <div class="page_articleManagement">
+    <div class="articleManagementTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">文章管理</span>
+    </div>
+    <div class="allTitle">
+      <van-cell center title="全部权限">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allTitle1">
+      <van-cell center title="功能权限配置"></van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="发布文章">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="文章列表">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="文章分类">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="评论列表">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="文章评论">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_articleManagement {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .articleManagementTitle {
+    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;
+  }
+  .allTitle {
+    margin: 1rem 0;
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allTitle1 {
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allBox {
+    margin-bottom: 1rem;
+    .van-cell__title {
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+}
+</style>

src/kpa_pages/checkInWeighing/index.vue

+
+<template>
+  <div class="page_checkInWeighing">
+    <div class="checkInWeighingTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">签到称重</span>
+    </div>
+    <div class="allTitle">
+      <van-cell center title="全部权限">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allTitle1">
+      <van-cell center title="功能权限配置"></van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="签到称重">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_checkInWeighing {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .checkInWeighingTitle {
+    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;
+  }
+  .allTitle {
+    margin: 1rem 0;
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allTitle1 {
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allBox {
+    margin-bottom: 1rem;
+    .van-cell__title {
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+}
+</style>

src/kpa_pages/chronicDisease/index.vue

+<template>
+  <div class="page_chronicDisease">
+    <div class="chronicDiseaseTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">慢病管理</span>
+    </div>
+    <div class="allTitle">
+      <van-cell center title="全部权限">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allTitle1">
+      <van-cell center title="功能权限配置"></van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="监测管理">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="分项监测">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_chronicDisease {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .chronicDiseaseTitle {
+    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;
+  }
+  .allTitle {
+    margin: 1rem 0;
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allTitle1 {
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allBox {
+    margin-bottom: 1rem;
+    .van-cell__title {
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+}
+</style>

src/kpa_pages/deviceManagement/index.vue

+<template>
+  <div class="page_deviceManagement">
+    <div class="deviceManagementTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">设备管理</span>
+    </div>
+    <div class="allTitle">
+      <van-cell center title="全部权限">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allTitle1">
+      <van-cell center title="功能权限配置"></van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="型号管理">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="设备管理">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_deviceManagement {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .deviceManagementTitle {
+    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;
+  }
+  .allTitle {
+    margin: 1rem 0;
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allTitle1 {
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allBox {
+    margin-bottom: 1rem;
+    .van-cell__title {
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+}
+</style>

src/kpa_pages/dialysisConfiguration/index.vue

+<template>
+  <div class="page_dialysisConfiguration">
+    <van-sticky>
+      <div class="dialysisConfigurationTitle">
+        <i class="iconfont icon-zuojiantou jiantou"></i>
+        <span class="titleName">透析记录</span>
+      </div>
+    </van-sticky>
+    <div class="allTitle">
+      <van-cell center title="全部权限">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allTitle1">
+      <van-cell center title="功能权限配置"></van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="新增长期处方">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改他人长期处方">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除长期处方">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="新增长期处方">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改他人临时处方">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除临时处方">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="新增接诊评估">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改他人接诊评估">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除接诊评估">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="新增透前评估">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改他人透前评估">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除透前评估">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="新增临时医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改临时医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除他人临时医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="停止临时医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除临时医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除他人开的临时医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="新增长期医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改长期医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改他人长期医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="停止长期医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除长期医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除他人开的长期医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="新增透析临时医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改透析临时医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改他人透析临时医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改他人透析临时医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="停止透析临时医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除透析临时医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除他人开的透析临时医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除临时医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="执行临时医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="核对临时医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改他人已执行医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="第一次核对">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="第二次核对">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改双人核对">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改他人的核对">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除双人核对">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="执行上机">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改执行上机">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改他人执行的上机">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除执行上机记录">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="新增透析监测">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改透析监测">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改他人透析监测">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除透析监测">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="停止透析临时医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除透析临时医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除他人的透析监测">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="执行下机">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改执行下机">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改他人执行的下机">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除执行下机记录">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="新增透后评估">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改他人透后评估">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除透后评估">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="新增治疗小结">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="修改他人治疗小结">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="删除治疗小结">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      checked: false
+    };
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.page_dialysisConfiguration {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .dialysisConfigurationTitle {
+    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;
+  }
+  .allTitle {
+    margin: 1rem 0;
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allTitle1 {
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allBox {
+    margin-bottom: 1rem;
+    .van-cell__title {
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/dialysisManagement/index.vue

+<template>
+  <div class="page_dialysisManagement">
+    <div class="dialysisManagementTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">透析管理</span>
+    </div>
+    <div class="allTitle">
+      <van-cell center title="全部权限">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allTitle1">
+      <van-cell center title="功能权限配置"></van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="透析记录" is-link></van-cell>
+      <van-cell center title="透析监测">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="透析医嘱">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="临时排班">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="数据看板">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_dialysisManagement {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .dialysisManagementTitle {
+    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;
+  }
+  .allTitle {
+    margin: 1rem 0;
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allTitle1 {
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allBox {
+    margin-bottom: 1rem;
+    .van-cell__title {
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+}
+</style>

src/kpa_pages/editPatient/index.vue

       <div class="addPatientsTitle">
         <i class="iconfont icon-zuojiantou jiantou"></i>
         <span class="titleName">编辑患者</span>
-        <p>修改</p>
+        <p>保存</p>
       </div>
     </van-sticky>
     <div class="basicTitle">基本信息</div>
     <div class="basicBox">
-      <van-field v-model="name" required label="姓名" placeholder="请输入" />
+      <van-field v-model="name" required label="姓名" placeholder="请填写" />
       <van-field
         label="性别"
         v-model="sex"
       <van-popup v-model="show" position="bottom" :style="{ height: '30%' }">
         <van-picker :columns="columns" @change="onChange" />
       </van-popup>
-      <van-field
-        v-model="idCard"
-        required
-        label="身份证号"
-        placeholder="请输入"
-      />
-      <van-field
-        v-model="birthday"
-        required
-        label="出生日期"
-        readonly
-        placeholder="请输入"
-      />
-      <van-field
-        v-model="tel"
-        type="tel"
-        required
-        label="手机号"
-        placeholder="请输入"
-      />
+      <van-field v-model="idCard" required label="身份证号" placeholder="请填写" />
+      <van-field v-model="birthday" required label="出生日期" readonly placeholder="请填写" />
+      <van-field v-model="tel" type="tel" required label="手机号" placeholder="请填写" />
       <van-cell>
         <!-- 使用 title 插槽来自定义标题 -->
         <template slot="title">
     </div>
     <div class="basicTitle">血透信息</div>
     <div class="xtBox">
-      <van-field
-        v-model="dialysisNumber"
-        center
-        clearable
-        required
-        label="透析号"
-      >
+      <van-field v-model="dialysisNumber" center clearable required label="透析号">
         <van-button slot="button" size="small" type="info">自动生成</van-button>
       </van-field>
       <van-field
       <van-popup v-model="show1" position="bottom" :style="{ height: '30%' }">
         <van-picker :columns="columns1" @change="onChange1" />
       </van-popup>
-      <van-field v-model="hospitalNum" type="text" label="住院(门诊)号" />
+      <van-field v-model="hospitalNum" type="text" label="住院(门诊)号" placeholder="请填写" />
       <van-field
         label="首次透析日期"
         v-model="time"
       </van-popup>
       <van-field
         v-model="message"
-        rows="2"
+        rows="1"
         autosize
         label="诊断"
         type="textarea"
         maxlength="50"
-        placeholder="请输入主要诊断信息"
-        show-word-limit
+        placeholder="请填写主要诊断信息"
       />
     </div>
     <div class="turnOut">转出</div>

src/kpa_pages/editRole/index.vue

 <template>
   <div class="page_editRole">
-    <div class="editRoleTitle">
-      <i class="iconfont icon-zuojiantou jiantou"></i>
-      <span class="titleName">新增角色</span>
-      <span style="color:#F44746">删除角色</span>
-    </div>
+    <van-sticky>
+      <div class="editRoleTitle">
+        <i class="iconfont icon-zuojiantou jiantou"></i>
+        <span class="titleName">编辑角色</span>
+        <span style="color:#F44746">删除角色</span>
+      </div>
+    </van-sticky>
     <div class="roleDescription">
-      <van-field
-        v-model="text"
-        required
-        label="角色名称"
-        placeholder="请填写角色名称"
-      />
-      <van-field
-        v-model="text1"
-        label="角色描述"
-        placeholder="请填写角色描述"
-      />
+      <van-field v-model="text" required label="角色名称" placeholder="请填写角色名称" />
+      <van-field v-model="text1" label="角色描述" placeholder="请填写角色描述" />
     </div>
     <div class="disposeBox">
       <p class="disposeTitle">应用权限配置</p>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S1.png" alt="" />
+          <img src="../../assets/images/S1.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S2.png" alt="" />
+          <img src="../../assets/images/S2.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S3.png" alt="" />
+          <img src="../../assets/images/S3.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S4.png" alt="" />
+          <img src="../../assets/images/S4.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S12.png" alt="" />
+          <img src="../../assets/images/S12.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S5.png" alt="" />
+          <img src="../../assets/images/S5.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S6.png" alt="" />
+          <img src="../../assets/images/S6.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S7.png" alt="" />
+          <img src="../../assets/images/S7.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S8.png" alt="" />
+          <img src="../../assets/images/S8.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S9.png" alt="" />
+          <img src="../../assets/images/S9.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S10.png" alt="" />
+          <img src="../../assets/images/S10.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S11.png" alt="" />
+          <img src="../../assets/images/S11.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
           <van-icon class="arrow" name="arrow" />
         </div>
       </div>
+      <div class="disposeTwo">
+        <div class="disposeImg">
+          <img src="../../assets/images/S13.png" alt />
+        </div>
+        <div class="disposeTxt">
+          <div>
+            <p class="disposeName">客服中心</p>
+          </div>
+          <van-switch v-model="checked" size="24" />
+        </div>
+      </div>
+      <div class="disposeOne">
+        <div class="disposeImg">
+          <img src="../../assets/images/S16.png" alt />
+        </div>
+        <div class="disposeTxt">
+          <div>
+            <p class="disposeName">质控上报</p>
+            <p class="disposeTip">快捷上报、一键上报、上报配置</p>
+          </div>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S13.png" alt="" />
+          <img src="../../assets/images/S17.png" alt />
         </div>
         <div class="disposeTxt noTxt">
           <div>
-            <p class="disposeName">客服中心</p>
-            <p style="visibility: hidden;">1</p>
+            <p class="disposeName">经营中心</p>
+            <p class="disposeTip">机构大数据查看</p>
           </div>
           <van-switch v-model="checked" size="24" />
         </div>
         color: #9f9f9f;
       }
     }
+    .disposeTwo {
+      display: flex;
+      justify-content: space-between;
+      height: 3.125rem;
+      background: #fff;
+      .disposeImg {
+        width: 12%;
+        padding-left: 1.125rem;
+        padding-top: 0.8rem;
+        img {
+          width: 1.5rem;
+          height: 1.5rem;
+        }
+      }
+      .disposeTxt {
+        width: 86%;
+        box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding-right: 0.875rem;
+      }
+      .noTxt {
+        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
+      }
+      .disposeName {
+        font-size: 1rem;
+        color: #313234;
+      }
+      .disposeTip {
+        font-size: 0.8125rem;
+        color: #9b9b9b;
+        margin-top: 0.375rem;
+      }
+      .arrow {
+        color: #9f9f9f;
+      }
+    }
   }
 }
 ::-webkit-scrollbar {

src/kpa_pages/editStaff/index.vue

     </div>
     <div class="editStaffTip">必填</div>
     <div class="staffBox">
-      <van-field
-        v-model="text"
-        label="姓名"
-        clearable
-        placeholder="请输入姓名"
-      />
-      <van-field
-        v-model="tel"
-        type="tel"
-        label="手机号"
-        clearable
-        placeholder="请输入手机号"
-      />
+      <van-field v-model="text" label="姓名" clearable placeholder="请填写姓名" />
+      <van-field v-model="tel" type="tel" label="手机号" clearable placeholder="请填写手机号" />
       <van-cell class="newCell">
         <!-- 使用 title 插槽来自定义标题 -->
         <template slot="title">
           <span class="custom-title">角色</span>
           <div style="width:76%;margin-left:3.3rem">
             <van-checkbox-group v-model="result">
-              <van-checkbox style="width: 30%;" name="a" shape="square"
-                >医生</van-checkbox
-              >
-              <van-checkbox style="width: 30%;" name="b" shape="square"
-                >护士</van-checkbox
-              >
-              <van-checkbox style="width: 30%;" name="c" shape="square"
-                >运营</van-checkbox
-              >
-              <van-checkbox style="width: 30%;" name="d" shape="square"
-                >库存</van-checkbox
-              >
-              <van-checkbox style="width: 30%;" name="e" shape="square"
-                >院长</van-checkbox
-              >
-              <van-checkbox style="width: 40%;" name="f" shape="square"
-                >子管理员</van-checkbox
-              >
+              <van-checkbox style="width: 30%;" name="a" shape="square">医生</van-checkbox>
+              <van-checkbox style="width: 30%;" name="b" shape="square">护士</van-checkbox>
+              <van-checkbox style="width: 30%;" name="c" shape="square">运营</van-checkbox>
+              <van-checkbox style="width: 30%;" name="d" shape="square">库存</van-checkbox>
+              <van-checkbox style="width: 30%;" name="e" shape="square">院长</van-checkbox>
+              <van-checkbox style="width: 40%;" name="f" shape="square">子管理员</van-checkbox>
             </van-checkbox-group>
           </div>
         </template>

src/kpa_pages/feedBack/index.vue

+<template>
+  <div class="page_feedBack">
+    <div class="feedBackTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">意见反馈</span>
+    </div>
+    <div class="feedBackTip">反馈内容</div>
+    <div class="feedBox">
+      <van-field
+        v-model="message"
+        rows="10"
+        autosize
+        type="textarea"
+        maxlength="200"
+        placeholder="请输入反馈信息..."
+        show-word-limit
+      />
+      <div class="uploaderBox">
+        <van-uploader v-model="fileList" multiple />
+      </div>
+    </div>
+    <div class="feedBackTip">
+      联系方式（手机号）<span style="color:#FF5400">*</span>
+    </div>
+    <div>
+      <van-field v-model="tel" type="tel" placeholder="请输入联系方式" />
+    </div>
+    <div>
+      <div class="submitBtn">提交反馈</div>
+      <!-- <div class="submitBtnSuccess">提交反馈</div> -->
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      message: "",
+      fileList: [],
+      tel: ""
+    };
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.page_feedBack {
+  height: 100%;
+  overflow: hidden;
+  overflow-y: auto;
+  .feedBackTitle {
+    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;
+  }
+  .aboutImg {
+    padding: 0 0.75rem;
+    height: 10.0625rem;
+    margin: 1rem 0 0.3125rem;
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  .feedBackTip {
+    height: 2.375rem;
+    line-height: 2.375rem;
+    padding-left: 0.75rem;
+    font-size: 0.75rem;
+    color: #696969;
+    background: #eeeeee;
+  }
+  .feedBox {
+    height: 20.875rem;
+    .uploaderBox {
+      margin: 1.25rem 0 0 1rem;
+    }
+  }
+  .submitBtn {
+    width: 80%;
+    height: 2.75rem;
+    line-height: 2.75rem;
+    text-align: center;
+    background: #c5c5c5;
+    color: #fff;
+    margin: 6.25rem auto 0;
+    border-radius: 1.875rem;
+  }
+  .submitBtnSuccess {
+    width: 80%;
+    height: 2.75rem;
+    line-height: 2.75rem;
+    text-align: center;
+    background: #338afb;
+    color: #fff;
+    margin: 6.25rem auto 0;
+    border-radius: 1.875rem;
+  }
+}
+::-webkit-scrollbar {
+  width: 0;
+}
+</style>

src/kpa_pages/inventoryManagement/index.vue

+<template>
+  <div class="page_inventoryManagement">
+    <div class="inventoryManagementTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">库存管理</span>
+    </div>
+    <div class="allTitle">
+      <van-cell center title="全部权限">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allTitle1">
+      <van-cell center title="功能权限配置"></van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="耗材入库单">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="耗材退货单">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="耗材出库单">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="其他入库单">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="其他退货单">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="其他出库单">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="库存查询">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="出入库明细">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="库存配置">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_inventoryManagement {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .inventoryManagementTitle {
+    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;
+  }
+  .allTitle {
+    margin: 1rem 0;
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allTitle1 {
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allBox {
+    margin-bottom: 1rem;
+    .van-cell__title {
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+}
+</style>

src/kpa_pages/managementConsole/index.vue

     </div>
     <div class="consoleBox">
       <div class="consoleOne">
-        <img src="../../assets/images/A1.jpg" alt="" />
+        <img src="../../assets/images/A1.jpg" alt />
         <div class="consoleRight">
           <div>
             <p class="rightName">员工管理</p>
         </div>
       </div>
       <div class="consoleOne">
-        <img src="../../assets/images/A2.jpg" alt="" />
+        <img src="../../assets/images/A2.jpg" alt />
         <div class="consoleRight">
           <div>
             <p class="rightName">权限管理</p>
         </div>
       </div>
       <div class="consoleOne">
-        <img src="../../assets/images/A3.jpg" alt="" />
+        <img src="../../assets/images/A3.jpg" alt />
         <div class="consoleRight">
           <div>
             <p class="rightName">应用管理</p>
         </div>
       </div>
       <div class="consoleOne">
-        <img src="../../assets/images/A4.jpg" alt="" />
+        <img src="../../assets/images/A4.jpg" alt />
         <div class="consoleRight">
           <div>
             <p class="rightName">机构设置</p>
         </div>
       </div>
       <div class="consoleOne">
-        <img src="../../assets/images/A4.jpg" alt="" />
+        <img src="../../assets/images/S18.png" alt />
         <div class="consoleRight">
           <div>
             <p class="rightName">集成管理</p>
           <van-icon name="arrow" />
         </div>
       </div>
+      <div class="consoleOne">
+        <img src="../../assets/images/S15.png" alt />
+        <div class="consoleRight">
+          <div>
+            <p class="rightName">配置中心</p>
+            <p class="rightTip">分区、床位、透析方案、医嘱模板等</p>
+          </div>
+          <van-icon name="arrow" />
+        </div>
+      </div>
     </div>
     <div class="transfer">
-      <img src="../../assets/images/A6.jpg" alt="" />
+      <img src="../../assets/images/A6.jpg" alt />
       <div class="transferRight">
-        <p class="rightName">员工管理</p>
+        <p class="rightName">管理员转让</p>
         <van-icon name="arrow" />
       </div>
     </div>
     display: flex;
     align-items: center;
     justify-content: space-between;
-    border-bottom: 1px solid #9b9b9b;
+    border-bottom: 1px solid #e5e5e5;
     img {
       width: 2rem;
       height: 2rem;

src/kpa_pages/marketingTools/index.vue

+<template>
+  <div class="page_marketingTools">
+    <div class="marketingToolsTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">营销工具</span>
+    </div>
+    <div class="allTitle">
+      <van-cell center title="全部权限">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allTitle1">
+      <van-cell center title="功能权限配置"></van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="发布活动">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="活动列表">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_marketingTools {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .marketingToolsTitle {
+    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;
+  }
+  .allTitle {
+    margin: 1rem 0;
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allTitle1 {
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allBox {
+    margin-bottom: 1rem;
+    .van-cell__title {
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+}
+</style>

src/kpa_pages/membershipManagement/index.vue

+<template>
+  <div class="page_membershipManagement">
+    <div class="membershipManagementTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">会员管理</span>
+    </div>
+    <div class="allTitle">
+      <van-cell center title="全部权限">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allTitle1">
+      <van-cell center title="功能权限配置"></van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="会员管理">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="标签管理">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="会员卡管理">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="短信管理">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_membershipManagement {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .membershipManagementTitle {
+    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;
+  }
+  .allTitle {
+    margin: 1rem 0;
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allTitle1 {
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allBox {
+    margin-bottom: 1rem;
+    .van-cell__title {
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+}
+</style>
+

src/kpa_pages/microWebsite/index.vue

+<template>
+  <div class="page_microWebsite">
+    <div class="microWebsiteTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">微网站</span>
+    </div>
+    <div class="allTitle">
+      <van-cell center title="全部权限">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allTitle1">
+      <van-cell center title="功能权限配置"></van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="微网站">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="医护管理">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_microWebsite {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .microWebsiteTitle {
+    background: #fff;
+    padding: 0 1.125rem;
+    height: 3.125rem;
+    display: flex;
+    align-items: center;
+  }
+  .jiantou {
+    font-size: 1.5rem;
+    font-weight: 600;
+    margin-right: 7.5rem;
+  }
+  .titleName {
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .allTitle {
+    margin: 1rem 0;
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allTitle1 {
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allBox {
+    margin-bottom: 1rem;
+    .van-cell__title {
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+}
+</style>

src/kpa_pages/modifyOrganization/index.vue

       <div class="modifyOrganizationTitle">
         <i class="iconfont icon-zuojiantou jiantou"></i>
         <span class="titleName">修改机构信息</span>
-        <p>修改</p>
+        <p>保存</p>
       </div>
     </van-sticky>
     <div class="organInfo">
       <div class="organInfoTwo">
         <div>
           <p>机构类型</p>
-          <van-field
-            @click="show = true"
-            :value="type"
-            placeholder="请选择机构类型"
-            readonly
-          />
+          <van-field @click="show = true" :value="type" placeholder="请选择机构类型" readonly />
         </div>
         <van-icon @click="show = true" class="arrow" name="arrow" />
       </div>
       <div class="organInfoTwo">
         <div>
           <p>机构地区</p>
-          <van-field
-            @click="show1 = true"
-            :value="address"
-            placeholder="请选择机构地区"
-            readonly
-          />
+          <van-field @click="show1 = true" :value="address" placeholder="请选择机构地区" readonly />
         </div>
         <van-icon @click="show1 = true" class="arrow" name="arrow" />
       </div>
         <van-uploader v-model="fileList" multiple />
       </div>
     </div>
-    <van-popup v-model="show" position="bottom" :style="{ height: '40%' }"
-      ><van-picker :columns="columns" @change="onChange"
-    /></van-popup>
-    <van-popup v-model="show1" position="bottom" :style="{ height: '40%' }"
-      ><van-area
+    <van-popup v-model="show" position="bottom" :style="{ height: '40%' }">
+      <van-picker :columns="columns" @change="onChange" />
+    </van-popup>
+    <van-popup v-model="show1" position="bottom" :style="{ height: '40%' }">
+      <van-area
         :area-list="list"
         :columns-placeholder="['请选择', '请选择', '请选择']"
         @cancel="show1 = false"
         @confirm="onConfirm"
-    /></van-popup>
+      />
+    </van-popup>
   </div>
 </template>
 
     padding: 0 2rem;
     background: #fff;
     .van-cell {
-      padding: 10px 0;
+      padding: 6px 0 10px;
       font-size: 1rem;
     }
     .organInfoOne {
       height: 4.25rem;
       border-bottom: 1px solid #e8e8e8;
       p {
-        padding-top: 0.625rem;
+        padding-top: 0.875rem;
       }
     }
     .organInfoTwo {
       height: 4.25rem;
       border-bottom: 1px solid #e8e8e8;
       p {
-        padding-top: 0.625rem;
+        padding-top: 0.875rem;
       }
       .arrow {
         line-height: 4.25rem;
+        color: #9f9f9f;
       }
     }
     .organInfoThree {

src/kpa_pages/my/index.vue

 <template>
   <div class="page_my">
     <div class="myTop">
-      <img src="../../assets/images/myBanner.png" alt="" />
+      <img src="../../assets/images/myBanner.png" alt />
       <div class="avatar">
-        <img src="../../assets/images/one.jpg" alt="" />
+        <img src="../../assets/images/one.jpg" alt />
       </div>
       <div class="userMain">
         <div class="userBox">
         </div>
       </div>
       <div class="invitebox">
-        <img src="../../assets/images/invite.png" alt="" />
+        <img src="../../assets/images/invite.png" alt />
       </div>
       <div class="myInfo">
         <div class="myInfoLeft">
-          <img src="../../assets/images/myIcon1.png" alt="" />
+          <img src="../../assets/images/myIcon1.png" alt />
           <p>我的信息</p>
         </div>
         <van-icon class="arrow" name="arrow" />
     <div class="myBox">
       <div class="myBoxOne">
         <div class="myInfoLeft">
-          <img src="../../assets/images/myIcon2.png" alt="" />
+          <img src="../../assets/images/myIcon2.png" alt />
           <p>我的医院/组织/团队</p>
         </div>
         <van-icon class="arrow" name="arrow" />
       </div>
       <div class="myBoxTwo">
         <div class="myInfoLeft">
-          <img src="../../assets/images/one.jpg" alt="" />
+          <img src="../../assets/images/one.jpg" alt />
           <p>我的医院/组织/团队</p>
         </div>
         <div class="myInfoRight">
-          <div>管理</div>
           <van-icon class="arrow" name="arrow" />
         </div>
       </div>
+      <div class="myBoxTwo noBorder">
+        <div class="myInfoLeft">
+          <img src="../../assets/images/one.jpg" alt />
+          <p>我的医院/组织/团队</p>
+        </div>
+        <div class="myInfoRight">
+          <div class="myInfoRightBtn">管理</div>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+    </div>
+    <div class="myBox">
+      <div class="myBoxOne">
+        <div class="myInfoLeft">
+          <img src="../../assets/images/myIcon3.png" alt />
+          <p>创建医院/组织/团队</p>
+        </div>
+        <van-icon class="arrow" name="arrow" />
+      </div>
+      <div class="myBoxOne">
+        <div class="myInfoLeft">
+          <img src="../../assets/images/myIcon4.png" alt />
+          <p>修改密码</p>
+        </div>
+        <van-icon class="arrow" name="arrow" />
+      </div>
+    </div>
+    <div class="myBox">
+      <div class="myBoxOne">
+        <div class="myInfoLeft">
+          <img src="../../assets/images/myIcon5.png" alt />
+          <p>常见问题</p>
+        </div>
+        <van-icon class="arrow" name="arrow" />
+      </div>
+      <div class="myBoxOne">
+        <div class="myInfoLeft">
+          <img src="../../assets/images/myIcon6.png" alt />
+          <p>意见反馈</p>
+        </div>
+        <van-icon class="arrow" name="arrow" />
+      </div>
+      <div class="myBoxOne">
+        <div class="myInfoLeft">
+          <img src="../../assets/images/myIcon7.png" alt />
+          <p>关于我们</p>
+        </div>
+        <van-icon class="arrow" name="arrow" />
+      </div>
+    </div>
+    <div class="myBox">
+      <div class="myBoxOne">
+        <div class="myInfoLeft">
+          <img src="../../assets/images/myIcon8.png" alt />
+          <p>退出登录</p>
+        </div>
+        <van-icon class="arrow" name="arrow" />
+      </div>
     </div>
   </div>
 </template>
   .myBox {
     margin: 0.8125rem 0;
     background: #fff;
+    > div:last-child {
+      border: none;
+    }
     .myBoxOne {
       width: 100%;
       height: 3.125rem;
       align-items: center;
       justify-content: space-between;
       padding: 0 0.875rem;
-      border-bottom: 1px solid #ccc;
+      border-bottom: 1px solid #e5e5e5;
       .myInfoLeft {
         display: flex;
         align-items: center;
       padding-right: 0.875rem;
       background: #fff;
       margin-left: 2.5rem;
-      border-bottom: 1px solid #ccc;
+      border-bottom: 1px solid #e5e5e5;
       .myInfoLeft {
         display: flex;
         align-items: center;
         }
       }
       .myInfoRight {
-        width: 3.625rem;
-        height: 1.875rem;
-        background: rgba(255, 255, 255, 1);
-        border: 1px solid rgba(51, 138, 251, 1);
-        border-radius: 0.3125rem;
         display: flex;
         align-items: center;
+        .myInfoRightBtn {
+          width: 3.625rem;
+          height: 1.875rem;
+          background: rgba(255, 255, 255, 1);
+          border: 1px solid rgba(51, 138, 251, 1);
+          border-radius: 0.3125rem;
+          text-align: center;
+          line-height: 1.875rem;
+          color: #338afb;
+          font-size: 0.9375rem;
+          margin-right: 0.625rem;
+        }
       }
       .arrow {
         color: #9f9f9f;

src/kpa_pages/myInfo/index.vue

+<template>
+  <div class="page_myInfo">
+    <div class="myInfoTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">我的信息</span>
+    </div>
+    <div class="infoBox">
+      <div class="infoBoxOne">
+        <p>头像</p>
+        <div class="infoBoxOneRight">
+          <img src="../../assets/images/one.jpg" alt="" />
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+      <div class="infoBoxTwo">
+        <p>姓名</p>
+        <div class="infoBoxOneRight">
+          <p>欧巧漫</p>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+      <div class="infoBoxTwo">
+        <p>性别</p>
+        <div class="infoBoxOneRight">
+          <p>女</p>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+      <div class="infoBoxTwo">
+        <p>生日</p>
+        <div class="infoBoxOneRight">
+          <p>11111</p>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+      <div class="infoBoxTwo">
+        <p>个性签名</p>
+        <div class="infoBoxOneRight">
+          <p>一个无法用语言表达的好人一个无法用语言表达的好人</p>
+          <van-icon class="arrow" name="arrow" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_myInfo {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .myInfoTitle {
+    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;
+
+    background: #fff;
+    .infoBoxOne {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      height: 4.5rem;
+      padding: 0 0.875rem;
+      box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+      .infoBoxOneRight {
+        display: flex;
+        align-items: center;
+        img {
+          width: 2.5rem;
+          height: 2.5rem;
+        }
+        .arrow {
+          margin-left: 0.75rem;
+          color: #9f9f9f;
+        }
+      }
+    }
+    .infoBoxTwo {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      height: 2.8125rem;
+      padding: 0 0.875rem;
+      box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+      .infoBoxOneRight {
+        display: flex;
+        align-items: center;
+        p {
+          width: 13.75rem;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          overflow: hidden;
+          word-break: break-all;
+          text-align: right;
+        }
+        .arrow {
+          margin-left: 0.75rem;
+          color: #9f9f9f;
+        }
+      }
+    }
+  }
+}
+</style>

src/kpa_pages/newAddStaff/index.vue

     </div>
     <div class="editStaffTip">必填</div>
     <div class="staffBox">
-      <van-field
-        v-model="text"
-        label="姓名"
-        clearable
-        placeholder="请输入姓名"
-      />
-      <van-field
-        v-model="tel"
-        type="tel"
-        label="手机号"
-        placeholder="请输入手机号"
-        clearable
-      />
+      <van-field v-model="text" label="姓名" clearable placeholder="请填写姓名" />
+      <van-field v-model="tel" type="tel" label="手机号" placeholder="请填写手机号" clearable />
     </div>
     <div class="editStaffTip">选填</div>
     <div class="staffBox">

src/kpa_pages/newAdmin/index.vue

       <span class="titleName">新管理员</span>
     </div>
     <div class="adminBox">
-      <van-field v-model="text" label="姓名" required readonly="" />
-      <van-field
-        v-model="text"
-        label="手机号"
-        required
-        clearable
-        placeholder="请输入手机号"
-      />
-      <van-field
-        v-model="sms"
-        center
-        clearable
-        required
-        label="验证码"
-        placeholder="请输入验证码"
-      >
-        <van-button slot="button" size="small" type="info"
-          >获取验证码</van-button
-        >
+      <van-field v-model="text" label="姓名" required readonly />
+      <van-field v-model="text" label="手机号" required readonly />
+      <van-field v-model="sms" center clearable required label="验证码" placeholder="请填写验证码">
+        <van-button slot="button" size="small" type="info">获取验证码</van-button>
       </van-field>
     </div>
     <div class="next">保存</div>

src/kpa_pages/newUser/index.vue

   <div class="page_newUser">
     <div class="newUserTitle">
       <i class="iconfont icon-zuojiantou jiantou"></i>
-      <span class="titleName">新增角色</span>
+      <span class="titleName">新增用户</span>
     </div>
     <div class="newBox">
       <van-cell title="从已有员工中选择" is-link />

src/kpa_pages/organizationInfo/index.vue

+<template>
+  <div class="page_organizationInfo">
+    <div class="organizationInfoTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">组织信息</span>
+    </div>
+    <div class="organizeBox">
+      <div class="organizeBoxOne">
+        <div class="organizeBoxOneLeft">
+          <img src="../../assets/images/one.jpg" alt="" />
+          <p>酷医云演示中心</p>
+        </div>
+        <van-icon class="arrow" name="arrow" />
+      </div>
+      <div class="organizeTip">
+        我在该团队的信息
+      </div>
+      <div class="organizeBoxTwo">
+        <div>名字</div>
+        <div class="organizeBoxTwoTxt">欧巧漫</div>
+      </div>
+      <div class="organizeBoxTwo">
+        <div>电话</div>
+        <div class="organizeBoxTwoTxt">18680319337</div>
+      </div>
+      <div class="organizeBoxTwo">
+        <div>角色</div>
+        <div class="rolebox">
+          <div class="roleboxBtn">护士</div>
+          <div class="roleboxBtn">医生</div>
+        </div>
+      </div>
+      <div class="organizeBoxTwo">
+        <div>职位</div>
+        <div class="organizeBoxTwoTxt">主治医生</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_organizationInfo {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .organizationInfoTitle {
+    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;
+  }
+  .organizeBox {
+    margin-top: 1rem;
+    > div:last-child {
+      border: none;
+    }
+    .organizeBoxOne {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0 0.875rem;
+      height: 4.5rem;
+      background: #fff;
+      .organizeBoxOneLeft {
+        display: flex;
+        align-items: center;
+        img {
+          width: 3rem;
+          height: 3rem;
+          margin-right: 0.75rem;
+        }
+      }
+      .arrow {
+        color: #9f9f9f;
+      }
+    }
+    .organizeTip {
+      height: 1.875rem;
+      line-height: 1.875rem;
+      padding-left: 0.875rem;
+      font-size: 0.75rem;
+      color: #8d8d8d;
+    }
+    .organizeBoxTwo {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      height: 2.8125rem;
+      background: #fff;
+      padding: 0 0.875rem;
+      border-bottom: 1px solid #ccc;
+      .organizeBoxTwoTxt {
+        color: #8d8d8d;
+      }
+      .rolebox {
+        display: flex;
+        align-items: center;
+      }
+      .roleboxBtn {
+        padding: 0.5rem 0.75rem;
+        background: rgba(51, 138, 251, 0.1);
+        border: 1px solid rgba(51, 138, 251, 1);
+        border-radius: 0.3125rem;
+        text-align: center;
+        margin-left: 0.375rem;
+        color: #338afb;
+        font-size: 0.875rem;
+      }
+    }
+  }
+}
+</style>

src/kpa_pages/patientCenter/index.vue

+<template>
+  <div class="page_patientCenter">
+    <div class="patientCenterTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">患者中心</span>
+    </div>
+    <div class="allTitle">
+      <van-cell center title="全部权限">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allTitle1">
+      <van-cell center title="功能权限配置"> </van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="新增患者">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="患者管理">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      checked: false
+    };
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.page_patientCenter {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .patientCenterTitle {
+    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;
+  }
+  .allTitle {
+    margin: 1rem 0;
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allTitle1 {
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allBox {
+    margin-bottom: 1rem;
+    .van-cell__title {
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+}
+</style>

src/kpa_pages/patientManagement/index.vue

     </div>
     <div class="add" @click="ToAddPatient()">
       <img src="../../assets/images/add.png" alt />
-    </div> -->
+    </div>-->
     <van-sticky>
       <div class="patientManagementTitle">
         <i class="iconfont icon-zuojiantou jiantou"></i>
-        <span class="titleName">患者管理</span>
+        <span class="titleName">患者中心</span>
         <div class="iconBox">
           <i class="iconfont icon-sousuo iconOne"></i>
           <van-icon class="iconOne add" name="add-o" />
         </div>
       </div>
-      <div class="chooseBox">
-        <van-dropdown-menu>
-          <van-dropdown-item v-model="value1" :options="option1" />
-          <van-dropdown-item v-model="value2" :options="option2" />
-          <van-dropdown-item v-model="value3" :options="option3" />
-        </van-dropdown-menu>
-      </div>
     </van-sticky>
-    <div class="patientBox">
-      <van-list
-        v-model="loading"
-        :finished="finished"
-        finished-text="没有更多了"
-        @load="onLoad"
-      >
-        <div class="patientOne" v-for="item in list" :key="item">
-          <img src="../../assets/images/one.jpg" alt="" />
-          <p>名字</p>
-        </div>
-      </van-list>
+    <div class="searchBox">
+      <van-search v-model="value" placeholder="搜索患者透析号/姓名/首拼" />
+    </div>
+    <div class="chooseBox">
+      <van-tabs v-model="active" sticky>
+        <van-tab title="标签 1">
+          <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="typeShow = true">
+              <div style="display: flex;align-items: center;">
+                {{ type }}
+                <van-icon name="arrow-down" />
+              </div>
+            </div>
+          </div>
+          <div class="patientBox">
+            <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+              <div class="patientOne" v-for="item in list" :key="item">
+                <img src="../../assets/images/one.jpg" alt />
+                <p>名字</p>
+              </div>
+            </van-list>
+          </div>
+        </van-tab>
+        <van-tab title="标签 2">内容 2</van-tab>
+        <van-tab title="标签 3">内容 3</van-tab>
+        <van-tab title="标签 4">内容 4</van-tab>
+      </van-tabs>
+    </div>
+    <!-- 弹出层 -->
+    <div>
+      <van-popup v-model="typeShow" position="bottom" :style="{ height: '40%' }">
+        <van-picker show-toolbar :columns="columns" @cancel="onCancel" @confirm="onConfirm" />
+      </van-popup>
+      <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>
 export default {
   data() {
     return {
+      typeShow: false,
+      startShow: false,
+      endShow: false,
+      type: "归转状态",
+      columns: [
+        "杭州",
+        "宁波",
+        "温州",
+        "嘉兴",
+        "湖州",
+        "杭州",
+        "宁波",
+        "温州",
+        "嘉兴",
+        "湖州"
+      ],
       searchVal: "",
       active: 0,
       list: [],
     };
   },
   methods: {
+    onCancel() {
+      this.typeShow = false;
+    },
+    onConfirm(value) {
+      this.type = value;
+      this.typeShow = false;
+    },
     onLoad() {
       setTimeout(() => {
         for (let i = 0; i < 10; i++) {
   .add {
     margin-left: 1.25rem;
   }
+  .toolBox {
+    display: flex;
+    height: 3.125rem;
+
+    align-items: center;
+
+    .toolOne {
+      width: 5.625rem;
+      height: 1.875rem;
+      background: rgba(246, 246, 246, 1);
+      border-radius: 5px;
+      text-align: center;
+      font-size: 0.8125rem;
+      color: #8d8d8d;
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+      margin-left: 0.875rem;
+    }
+  }
   .van-dropdown-menu__title {
     width: 5.625rem;
     height: 1.875rem;
   width: 0;
 }
 </style>
+
+<style lang="scss">
+.page_patientManagement {
+  .searchBox {
+    .van-cell__value {
+      display: flex;
+      align-items: center;
+    }
+    .van-field__body {
+      width: 100%;
+    }
+  }
+}
+</style>

src/kpa_pages/privilegeManagement/index.vue

         <div>
           <div class="peopleTop">
             <div class="peopleImg">
-              <img src="../../assets/images/people1.jpg" alt="" />
+              <img src="../../assets/images/people5.jpg" alt />
+            </div>
+            <div class="peopleTitle">
+              <p>子管理员</p>
+              <div class="setting">
+                <van-icon class="setting-o" name="setting-o" />
+                <span>权限配置</span>
+              </div>
+            </div>
+          </div>
+          <div class="peopleContent">
+            <p>子管理员具备平台全部功能的使用权限 请谨慎配置</p>
+            <p class="hasUser">
+              该角色目前已配置
+              <span style="color:#338AFB">0</span>个员工
+            </p>
+          </div>
+        </div>
+        <div class="operationBox">
+          <p>新增用户</p>
+          <p>用户管理</p>
+        </div>
+      </div>
+      <div class="peopleOne">
+        <div>
+          <div class="peopleTop">
+            <div class="peopleImg">
+              <img src="../../assets/images/people1.jpg" alt />
             </div>
             <div class="peopleTitle">
               <p>医生</p>
               析治疗方案，定期评价病人的透析质量等...
             </p>
             <p class="hasUser">
-              该角色目前已配置<span style="color:#338AFB">0</span>个员工
+              该角色目前已配置
+              <span style="color:#338AFB">0</span>个员工
             </p>
           </div>
         </div>
         <div>
           <div class="peopleTop">
             <div class="peopleImg">
-              <img src="../../assets/images/people2.jpg" alt="" />
+              <img src="../../assets/images/people2.jpg" alt />
             </div>
             <div class="peopleTitle">
               <p>护士</p>
             </div>
           </div>
           <div class="peopleContent">
-            <p>
-              护士角色能够进行病人透析管理，以及医院的感染控 制与消毒记录等...
-            </p>
+            <p>护士角色能够进行病人透析管理，以及医院的感染控 制与消毒记录等...</p>
             <p class="hasUser">
-              该角色目前已配置<span style="color:#338AFB">0</span>个员工
+              该角色目前已配置
+              <span style="color:#338AFB">0</span>个员工
             </p>
           </div>
         </div>
         <div>
           <div class="peopleTop">
             <div class="peopleImg">
-              <img src="../../assets/images/people3.jpg" alt="" />
+              <img src="../../assets/images/people3.jpg" alt />
             </div>
             <div class="peopleTitle">
               <p>库存</p>
               退库的登记操作
             </p>
             <p class="hasUser">
-              该角色目前已配置<span style="color:#338AFB">0</span>个员工
+              该角色目前已配置
+              <span style="color:#338AFB">0</span>个员工
             </p>
           </div>
         </div>
         <div>
           <div class="peopleTop">
             <div class="peopleImg">
-              <img src="../../assets/images/people4.jpg" alt="" />
+              <img src="../../assets/images/people6.png" alt />
             </div>
             <div class="peopleTitle">
-              <p>院长</p>
+              <p>运营</p>
               <div class="setting">
                 <van-icon class="setting-o" name="setting-o" />
                 <span>权限配置</span>
             </div>
           </div>
           <div class="peopleContent">
-            <p>
-              院长角色了解血透患者血液透析质量和相关的大数据，以及掌握透析中心整体运营情况
-            </p>
+            <p>运营角色能够在SCRM中管理微网站、使用营销工具、做会员管理和分销商品经营的操作</p>
             <p class="hasUser">
-              该角色目前已配置<span style="color:#338AFB">0</span>个员工
+              该角色目前已配置
+              <span style="color:#338AFB">0</span>个员工
             </p>
           </div>
         </div>
         <div>
           <div class="peopleTop">
             <div class="peopleImg">
-              <img src="../../assets/images/people5.jpg" alt="" />
+              <img src="../../assets/images/people7.png" alt />
             </div>
             <div class="peopleTitle">
-              <p>子管理员</p>
+              <p>技师</p>
               <div class="setting">
                 <van-icon class="setting-o" name="setting-o" />
                 <span>权限配置</span>
             </div>
           </div>
           <div class="peopleContent">
-            <p>
-              子管理员具备平台全部功能的使用权限 请谨慎配置
+            <p>技师角色能够进行设备的管理，日常维护维修记录等...</p>
+            <p class="hasUser">
+              该角色目前已配置
+              <span style="color:#338AFB">0</span>个员工
             </p>
+          </div>
+        </div>
+        <div class="operationBox">
+          <p>新增用户</p>
+          <p>用户管理</p>
+        </div>
+      </div>
+      <div class="peopleOne">
+        <div>
+          <div class="peopleTop">
+            <div class="peopleImg">
+              <img src="../../assets/images/people4.jpg" alt />
+            </div>
+            <div class="peopleTitle">
+              <p>院长</p>
+              <div class="setting">
+                <van-icon class="setting-o" name="setting-o" />
+                <span>权限配置</span>
+              </div>
+            </div>
+          </div>
+          <div class="peopleContent">
+            <p>院长角色了解血透患者血液透析质量和相关的大数据，以及掌握透析中心整体运营情况</p>
             <p class="hasUser">
-              该角色目前已配置<span style="color:#338AFB">0</span>个员工
+              该角色目前已配置
+              <span style="color:#338AFB">0</span>个员工
             </p>
           </div>
         </div>
       }
     }
     .peopleTitle {
-      width: 90%;
+      width: 92%;
       display: flex;
       align-items: center;
       justify-content: space-between;

src/kpa_pages/qualityControlManagement/index.vue

+<template>
+  <div class="page_qualityControlManagement">
+    <div class="qualityControlManagementTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">质控管理</span>
+    </div>
+    <div class="allTitle">
+      <van-cell center title="全部权限">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allTitle1">
+      <van-cell center title="功能权限配置"></van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="统计分析">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="透析总量">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="过程指标">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="结果指标">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="患者分析">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_qualityControlManagement {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .qualityControlManagementTitle {
+    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;
+  }
+  .allTitle {
+    margin: 1rem 0;
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allTitle1 {
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allBox {
+    margin-bottom: 1rem;
+    .van-cell__title {
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+}
+</style>

src/kpa_pages/qualityControlReport/index.vue

+<template>
+  <div class="page_qualityControlReport">
+    <div class="qualityControlReportTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">质控上报</span>
+    </div>
+    <div class="allTitle">
+      <van-cell center title="全部权限">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allTitle1">
+      <van-cell center title="功能权限配置"></van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="快捷上报">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="一键上报">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="质控上报配置">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_qualityControlReport {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .qualityControlReportTitle {
+    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;
+  }
+  .allTitle {
+    margin: 1rem 0;
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allTitle1 {
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allBox {
+    margin-bottom: 1rem;
+    .van-cell__title {
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+}
+</style>

src/kpa_pages/scheduleManagement/index.vue

+<template>
+  <div class="page_scheduleManagement">
+    <div class="scheduleManagementTitle">
+      <i class="iconfont icon-zuojiantou jiantou"></i>
+      <span class="titleName">排班管理</span>
+    </div>
+    <div class="allTitle">
+      <van-cell center title="全部权限">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+    <div class="allTitle1">
+      <van-cell center title="功能权限配置"> </van-cell>
+    </div>
+    <div class="allBox">
+      <van-cell center title="排班管理">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+      <van-cell center title="排班提醒">
+        <van-switch v-model="checked" slot="right-icon" size="24" />
+      </van-cell>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page_scheduleManagement {
+  height: 100%;
+  overflow-y: auto;
+  background: #fafafa;
+  .scheduleManagementTitle {
+    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;
+  }
+  .allTitle {
+    margin: 1rem 0;
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allTitle1 {
+    .van-cell__title {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+  .allBox {
+    margin-bottom: 1rem;
+    .van-cell__title {
+      font-size: 1rem;
+      color: #313234;
+    }
+  }
+}
+</style>

src/kpa_pages/setConsole/index.vue

     <div class="consoleBox">
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S1.png" alt="" />
+          <img src="../../assets/images/S1.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S2.png" alt="" />
+          <img src="../../assets/images/S2.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S3.png" alt="" />
+          <img src="../../assets/images/S3.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S4.png" alt="" />
+          <img src="../../assets/images/S4.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S12.png" alt="" />
+          <img src="../../assets/images/S12.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S5.png" alt="" />
+          <img src="../../assets/images/S5.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S6.png" alt="" />
+          <img src="../../assets/images/S6.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S7.png" alt="" />
+          <img src="../../assets/images/S7.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S8.png" alt="" />
+          <img src="../../assets/images/S8.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S9.png" alt="" />
+          <img src="../../assets/images/S9.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S10.png" alt="" />
+          <img src="../../assets/images/S10.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
       </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S11.png" alt="" />
+          <img src="../../assets/images/S11.png" alt />
         </div>
         <div class="disposeTxt">
           <div>
           <div class="addTo">添加</div>
         </div>
       </div>
+      <div class="disposeTwo">
+        <div class="disposeImg">
+          <img src="../../assets/images/S13.png" alt />
+        </div>
+        <div class="disposeTxt">
+          <div>
+            <p class="disposeName">客服中心</p>
+          </div>
+          <div class="addTo">添加</div>
+        </div>
+      </div>
       <div class="disposeOne">
         <div class="disposeImg">
-          <img src="../../assets/images/S13.png" alt="" />
+          <img src="../../assets/images/S16.png" alt />
+        </div>
+        <div class="disposeTxt">
+          <div>
+            <p class="disposeName">质控上报</p>
+            <p class="disposeTip">快捷上报、一键上报，上报配置</p>
+          </div>
+          <div class="addTo">添加</div>
+        </div>
+      </div>
+      <div class="disposeOne">
+        <div class="disposeImg">
+          <img src="../../assets/images/S17.png" alt />
         </div>
         <div class="disposeTxt noTxt">
           <div>
-            <p class="disposeName">客服中心</p>
-            <p style="visibility: hidden;">1</p>
+            <p class="disposeName">经营中心</p>
+            <p class="disposeTip">机构大数据查看</p>
           </div>
           <div class="addTo">添加</div>
         </div>
         color: #338afb;
       }
     }
+    .disposeTwo {
+      display: flex;
+      justify-content: space-between;
+      height: 3.125rem;
+      background: #fff;
+      .disposeImg {
+        width: 12%;
+        padding-left: 1.125rem;
+        padding-top: 0.8rem;
+        img {
+          width: 1.5rem;
+          height: 1.5rem;
+        }
+      }
+      .disposeTxt {
+        width: 86%;
+        box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding-right: 0.875rem;
+      }
+      .noTxt {
+        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
+      }
+      .disposeName {
+        font-size: 1rem;
+        color: #313234;
+      }
+      .disposeTip {
+        font-size: 0.8125rem;
+        color: #9b9b9b;
+        margin-top: 0.375rem;
+      }
+      .arrow {
+        color: #9f9f9f;
+      }
+      .remove {
+        width: 4rem;
+        height: 1.75rem;
+        background: rgba(35, 214, 230, 0);
+        border: 1px solid rgba(244, 71, 70, 1);
+        border-radius: 5px;
+        text-align: center;
+        line-height: 1.75rem;
+        font-size: 0.9375rem;
+        color: #f44746;
+      }
+      .addTo {
+        width: 4rem;
+        height: 1.75rem;
+        background: rgba(35, 214, 230, 0);
+        border: 1px solid rgba(51, 138, 251, 1);
+        border-radius: 5px;
+        text-align: center;
+        line-height: 1.75rem;
+        font-size: 0.9375rem;
+        color: #338afb;
+      }
+    }
   }
 }
 ::-webkit-scrollbar {

src/router/index.js

     path: "/patientmanagement",
     component: () => import("@/kpa_pages/patientmanagement/index")
   },
+  // s搜索
   {
     path: "/search",
     component: () => import("@/kpa_pages/search/index")
   },
+  // 我的信息
+  {
+    path: "/myInfo",
+    component: () => import("@/kpa_pages/myInfo/index")
+  },
+  // 组织信息
+  {
+    path: "/organizationInfo",
+    component: () => import("@/kpa_pages/organizationInfo/index")
+  },
+  // 关于我们
+  {
+    path: "/aboutUs",
+    component: () => import("@/kpa_pages/aboutUs/index")
+  },
+  // 反馈意见
+  {
+    path: "/feedBack",
+    component: () => import("@/kpa_pages/feedBack/index")
+  },
+  // 透析功能配置
+  {
+    path: "/dialysisConfiguration",
+    component: () => import("@/kpa_pages/dialysisConfiguration/index")
+  },
+  // 模块功能配置-患者中心
+  {
+    path: "/patientCenter",
+    component: () => import("@/kpa_pages/patientCenter/index")
+  },
+  // 模块功能配置-排班管理
+  {
+    path: "/scheduleManagement",
+    component: () => import("@/kpa_pages/scheduleManagement/index")
+  },
+  // 模块功能配置-透析管理
+  {
+    path: "/dialysisManagement",
+    component: () => import("@/kpa_pages/dialysisManagement/index")
+  },
+  // 模块功能配置-签到称重
+  {
+    path: "/checkInWeighing",
+    component: () => import("@/kpa_pages/checkInWeighing/index")
+  },
+  // 模块功能配置-库存管理
+  {
+    path: "/inventoryManagement",
+    component: () => import("@/kpa_pages/inventoryManagement/index")
+  },
+  // 模块功能配置-质控管理
+  {
+    path: "/qualityControlManagement",
+    component: () => import("@/kpa_pages/qualityControlManagement/index")
+  },
+  // 模块功能配置-慢病管理
+  {
+    path: "/chronicDisease",
+    component: () => import("@/kpa_pages/chronicDisease/index")
+  },
+  // 模块功能配置-SCRM
+  {
+    path: "/scrm",
+    component: () => import("@/kpa_pages/SCRM/index")
+  },
+  // 模块功能配置-SCRM-会员管理
+  {
+    path: "/membershipManagement",
+    component: () => import("@/kpa_pages/membershipManagement/index")
+  },
+  // 模块功能配置-SCRM-营销工具
+  {
+    path: "/marketingTools",
+    component: () => import("@/kpa_pages/marketingTools/index")
+  },
+  // 模块功能配置-SCRM-营销工具
+  {
+    path: "/marketingTools",
+    component: () => import("@/kpa_pages/marketingTools/index")
+  },
+  // 模块功能配置-SCRM-文章管理
+  {
+    path: "/articleManagement",
+    component: () => import("@/kpa_pages/articleManagement/index")
+  },
+  // 模块功能配置-SCRM-微网站
+  {
+    path: "/microWebsite",
+    component: () => import("@/kpa_pages/microWebsite/index")
+  },
+  // 模块功能配置-设备管理
+  {
+    path: "/deviceManagement",
+    component: () => import("@/kpa_pages/deviceManagement/index")
+  },
+  // 模块功能配置-质控上报
+  {
+    path: "/qualityControlReport",
+    component: () => import("@/kpa_pages/qualityControlReport/index")
+  },
   // 注册页面
   {
     path: "/register",

src/styles/resetStyle.scss

+.van-popup {
+  border-radius: 0;
+  transform: translate3d(0, 0, 0);
+}
+.van-popup--bottom {
+  bottom: 0 !important;
+}