See999 4 years ago
parent
commit
96e4c4d3c8
41 changed files with 2412 additions and 282 deletions
  1. BIN
      src/assets/images/S16.png
  2. BIN
      src/assets/images/S17.png
  3. BIN
      src/assets/images/S18.png
  4. BIN
      src/assets/images/aboutBanner.png
  5. BIN
      src/assets/images/people6.png
  6. BIN
      src/assets/images/people7.png
  7. 69 0
      src/kpa_pages/SCRM/index.vue
  8. 97 0
      src/kpa_pages/aboutUs/index.vue
  9. 8 31
      src/kpa_pages/addStaff/index.vue
  10. 8 22
      src/kpa_pages/adminTransfer/index.vue
  11. 79 0
      src/kpa_pages/articleManagement/index.vue
  12. 68 0
      src/kpa_pages/checkInWeighing/index.vue
  13. 70 0
      src/kpa_pages/chronicDisease/index.vue
  14. 70 0
      src/kpa_pages/deviceManagement/index.vue
  15. 280 0
      src/kpa_pages/dialysisConfiguration/index.vue
  16. 77 0
      src/kpa_pages/dialysisManagement/index.vue
  17. 9 33
      src/kpa_pages/editPatient/index.vue
  18. 85 31
      src/kpa_pages/editRole/index.vue
  19. 8 31
      src/kpa_pages/editStaff/index.vue
  20. 115 0
      src/kpa_pages/feedBack/index.vue
  21. 91 0
      src/kpa_pages/inventoryManagement/index.vue
  22. 18 8
      src/kpa_pages/managementConsole/index.vue
  23. 70 0
      src/kpa_pages/marketingTools/index.vue
  24. 77 0
      src/kpa_pages/membershipManagement/index.vue
  25. 70 0
      src/kpa_pages/microWebsite/index.vue
  26. 14 22
      src/kpa_pages/modifyOrganization/index.vue
  27. 81 14
      src/kpa_pages/my/index.vue
  28. 118 0
      src/kpa_pages/myInfo/index.vue
  29. 2 13
      src/kpa_pages/newAddStaff/index.vue
  30. 4 19
      src/kpa_pages/newAdmin/index.vue
  31. 1 1
      src/kpa_pages/newUser/index.vue
  32. 122 0
      src/kpa_pages/organizationInfo/index.vue
  33. 80 0
      src/kpa_pages/patientCenter/index.vue
  34. 119 21
      src/kpa_pages/patientManagement/index.vue
  35. 74 21
      src/kpa_pages/privilegeManagement/index.vue
  36. 79 0
      src/kpa_pages/qualityControlManagement/index.vue
  37. 73 0
      src/kpa_pages/qualityControlReport/index.vue
  38. 70 0
      src/kpa_pages/scheduleManagement/index.vue
  39. 98 15
      src/kpa_pages/setConsole/index.vue
  40. 101 0
      src/router/index.js
  41. 7 0
      src/styles/resetStyle.scss

BIN
src/assets/images/S16.png View File


BIN
src/assets/images/S17.png View File


BIN
src/assets/images/S18.png View File


BIN
src/assets/images/aboutBanner.png View File


BIN
src/assets/images/people6.png View File


BIN
src/assets/images/people7.png View File


+ 69 - 0
src/kpa_pages/SCRM/index.vue View File

@@ -0,0 +1,69 @@
1
+<template>
2
+  <div class="page_SCRM">
3
+    <div class="SCRMTitle">
4
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5
+      <span class="titleName">SCRM</span>
6
+    </div>
7
+    <div class="allTitle">
8
+      <van-cell center title="全部权限">
9
+        <van-switch v-model="checked" slot="right-icon" size="24" />
10
+      </van-cell>
11
+    </div>
12
+    <div class="allTitle1">
13
+      <van-cell center title="功能权限配置"></van-cell>
14
+    </div>
15
+    <div class="allBox">
16
+      <van-cell center title="会员管理" is-link></van-cell>
17
+      <van-cell center title="文章管理" is-link></van-cell>
18
+      <van-cell center title="营销工具" is-link></van-cell>
19
+      <van-cell center title="微网站" is-link></van-cell>
20
+      <van-cell center title="系统设置" is-link></van-cell>
21
+    </div>
22
+  </div>
23
+</template>
24
+
25
+<style lang="scss" scoped>
26
+.page_SCRM {
27
+  height: 100%;
28
+  overflow-y: auto;
29
+  background: #fafafa;
30
+  .SCRMTitle {
31
+    background: #fff;
32
+    padding: 0 1.125rem;
33
+    height: 3.125rem;
34
+    display: flex;
35
+    align-items: center;
36
+  }
37
+  .jiantou {
38
+    font-size: 1.5rem;
39
+    font-weight: 600;
40
+    margin-right: 8rem;
41
+  }
42
+  .titleName {
43
+    font-size: 1.125rem;
44
+    font-weight: 600;
45
+  }
46
+  .allTitle {
47
+    margin: 1rem 0;
48
+    .van-cell__title {
49
+      font-weight: bold;
50
+      font-size: 1rem;
51
+      color: #313234;
52
+    }
53
+  }
54
+  .allTitle1 {
55
+    .van-cell__title {
56
+      font-weight: bold;
57
+      font-size: 1rem;
58
+      color: #313234;
59
+    }
60
+  }
61
+  .allBox {
62
+    margin-bottom: 1rem;
63
+    .van-cell__title {
64
+      font-size: 1rem;
65
+      color: #313234;
66
+    }
67
+  }
68
+}
69
+</style>

+ 97 - 0
src/kpa_pages/aboutUs/index.vue View File

@@ -0,0 +1,97 @@
1
+<template>
2
+  <div class="page_aboutUs">
3
+    <div class="aboutUsTitle">
4
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5
+      <span class="titleName">关于我们</span>
6
+    </div>
7
+    <div class="aboutImg">
8
+      <img src="../../assets/images/aboutBanner.png" alt="" />
9
+    </div>
10
+    <div class="aboutBox">
11
+      <div class="aboutBoxOne">
12
+        <p>公司介绍</p>
13
+        <div>
14
+          <van-icon class="arrow" name="arrow" />
15
+        </div>
16
+      </div>
17
+      <div class="aboutBoxOne">
18
+        <p>隐私政策</p>
19
+        <div>
20
+          <van-icon class="arrow" name="arrow" />
21
+        </div>
22
+      </div>
23
+      <div class="aboutBoxOne">
24
+        <p>用户协议</p>
25
+        <div>
26
+          <van-icon class="arrow" name="arrow" />
27
+        </div>
28
+      </div>
29
+      <div class="aboutBoxOne">
30
+        <p>检查更新</p>
31
+        <div class="aboutBoxRight">
32
+          <p>已是最新版本</p>
33
+          <van-icon class="arrow" name="arrow" />
34
+        </div>
35
+      </div>
36
+    </div>
37
+  </div>
38
+</template>
39
+
40
+<style lang="scss" scoped>
41
+.page_aboutUs {
42
+  height: 100%;
43
+  overflow: hidden;
44
+  .aboutUsTitle {
45
+    background: #fff;
46
+    padding: 0 1.125rem;
47
+    height: 3.125rem;
48
+    display: flex;
49
+    align-items: center;
50
+  }
51
+  .jiantou {
52
+    font-size: 1.5rem;
53
+    font-weight: 600;
54
+    margin-right: 7rem;
55
+  }
56
+  .titleName {
57
+    font-size: 1.125rem;
58
+    font-weight: 600;
59
+  }
60
+  .aboutImg {
61
+    padding: 0 0.75rem;
62
+    height: 10.0625rem;
63
+    margin: 1rem 0 0.3125rem;
64
+    img {
65
+      width: 100%;
66
+      height: 100%;
67
+    }
68
+  }
69
+  .aboutBox {
70
+    .aboutBoxOne {
71
+      padding: 0 0.75rem;
72
+      height: 3.125rem;
73
+      display: flex;
74
+      align-items: center;
75
+      justify-content: space-between;
76
+      box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
77
+      p {
78
+        font-size: 0.9375rem;
79
+        color: #313234;
80
+      }
81
+      .arrow {
82
+        color: #9f9f9f;
83
+      }
84
+      .aboutBoxRight {
85
+        display: flex;
86
+        align-items: center;
87
+
88
+        p {
89
+          font-size: 0.8125rem;
90
+          margin-right: 0.25rem;
91
+          color: #9f9f9f;
92
+        }
93
+      }
94
+    }
95
+  }
96
+}
97
+</style>

+ 8 - 31
src/kpa_pages/addStaff/index.vue View File

@@ -7,43 +7,20 @@
7 7
     </div>
8 8
     <div class="editStaffTip">必填</div>
9 9
     <div class="staffBox">
10
-      <van-field
11
-        v-model="text"
12
-        label="姓名"
13
-        clearable
14
-        placeholder="请输入姓名"
15
-      />
16
-      <van-field
17
-        v-model="tel"
18
-        type="tel"
19
-        label="手机号"
20
-        placeholder="请输入手机号"
21
-        clearable
22
-      />
10
+      <van-field v-model="text" label="姓名" clearable placeholder="请填写姓名" />
11
+      <van-field v-model="tel" type="tel" label="手机号" placeholder="请填写手机号" clearable />
23 12
       <van-cell class="newCell">
24 13
         <!-- 使用 title 插槽来自定义标题 -->
25 14
         <template slot="title">
26 15
           <span class="custom-title">角色</span>
27 16
           <div style="width:76%;margin-left:3.3rem">
28 17
             <van-checkbox-group v-model="result">
29
-              <van-checkbox style="width: 30%;" name="a" shape="square"
30
-                >医生</van-checkbox
31
-              >
32
-              <van-checkbox style="width: 30%;" name="b" shape="square"
33
-                >护士</van-checkbox
34
-              >
35
-              <van-checkbox style="width: 30%;" name="c" shape="square"
36
-                >运营</van-checkbox
37
-              >
38
-              <van-checkbox style="width: 30%;" name="d" shape="square"
39
-                >库存</van-checkbox
40
-              >
41
-              <van-checkbox style="width: 30%;" name="e" shape="square"
42
-                >院长</van-checkbox
43
-              >
44
-              <van-checkbox style="width: 40%;" name="f" shape="square"
45
-                >子管理员</van-checkbox
46
-              >
18
+              <van-checkbox style="width: 30%;" name="a" shape="square">医生</van-checkbox>
19
+              <van-checkbox style="width: 30%;" name="b" shape="square">护士</van-checkbox>
20
+              <van-checkbox style="width: 30%;" name="c" shape="square">运营</van-checkbox>
21
+              <van-checkbox style="width: 30%;" name="d" shape="square">库存</van-checkbox>
22
+              <van-checkbox style="width: 30%;" name="e" shape="square">院长</van-checkbox>
23
+              <van-checkbox style="width: 40%;" name="f" shape="square">子管理员</van-checkbox>
47 24
             </van-checkbox-group>
48 25
           </div>
49 26
         </template>

+ 8 - 22
src/kpa_pages/adminTransfer/index.vue View File

@@ -4,29 +4,15 @@
4 4
       <i class="iconfont icon-zuojiantou jiantou"></i>
5 5
       <span class="titleName">管理员转让</span>
6 6
     </div>
7
-    <div class="adminTransferTip">
8
-      换绑管理员账号,需要验证当前管理员账号的身份
9
-    </div>
7
+    <div class="adminTransferTip">换绑管理员账号,需要验证当前管理员账号的身份</div>
10 8
     <div class="adminBox">
11
-      <div class="adminOne">当前管理员:<span>欧巧漫</span></div>
12
-      <van-field
13
-        v-model="text"
14
-        label="手机号"
15
-        required
16
-        clearable
17
-        placeholder="请输入手机号"
18
-      />
19
-      <van-field
20
-        v-model="sms"
21
-        center
22
-        clearable
23
-        required
24
-        label="验证码"
25
-        placeholder="请输入验证码"
26
-      >
27
-        <van-button slot="button" size="small" type="info"
28
-          >获取验证码</van-button
29
-        >
9
+      <div class="adminOne">
10
+        当前管理员:
11
+        <span>欧巧漫</span>
12
+      </div>
13
+      <van-field v-model="text" label="手机号" required clearable placeholder="请填写手机号" />
14
+      <van-field v-model="sms" center clearable required label="验证码" placeholder="请填写验证码">
15
+        <van-button slot="button" size="small" type="info">获取验证码</van-button>
30 16
       </van-field>
31 17
     </div>
32 18
     <div class="next">下一步</div>

+ 79 - 0
src/kpa_pages/articleManagement/index.vue View File

@@ -0,0 +1,79 @@
1
+<template>
2
+  <div class="page_articleManagement">
3
+    <div class="articleManagementTitle">
4
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5
+      <span class="titleName">文章管理</span>
6
+    </div>
7
+    <div class="allTitle">
8
+      <van-cell center title="全部权限">
9
+        <van-switch v-model="checked" slot="right-icon" size="24" />
10
+      </van-cell>
11
+    </div>
12
+    <div class="allTitle1">
13
+      <van-cell center title="功能权限配置"></van-cell>
14
+    </div>
15
+    <div class="allBox">
16
+      <van-cell center title="发布文章">
17
+        <van-switch v-model="checked" slot="right-icon" size="24" />
18
+      </van-cell>
19
+      <van-cell center title="文章列表">
20
+        <van-switch v-model="checked" slot="right-icon" size="24" />
21
+      </van-cell>
22
+      <van-cell center title="文章分类">
23
+        <van-switch v-model="checked" slot="right-icon" size="24" />
24
+      </van-cell>
25
+      <van-cell center title="评论列表">
26
+        <van-switch v-model="checked" slot="right-icon" size="24" />
27
+      </van-cell>
28
+      <van-cell center title="文章评论">
29
+        <van-switch v-model="checked" slot="right-icon" size="24" />
30
+      </van-cell>
31
+    </div>
32
+  </div>
33
+</template>
34
+
35
+<style lang="scss" scoped>
36
+.page_articleManagement {
37
+  height: 100%;
38
+  overflow-y: auto;
39
+  background: #fafafa;
40
+  .articleManagementTitle {
41
+    background: #fff;
42
+    padding: 0 1.125rem;
43
+    height: 3.125rem;
44
+    display: flex;
45
+    align-items: center;
46
+  }
47
+  .jiantou {
48
+    font-size: 1.5rem;
49
+    font-weight: 600;
50
+    margin-right: 7rem;
51
+  }
52
+  .titleName {
53
+    font-size: 1.125rem;
54
+    font-weight: 600;
55
+  }
56
+  .allTitle {
57
+    margin: 1rem 0;
58
+    .van-cell__title {
59
+      font-weight: bold;
60
+      font-size: 1rem;
61
+      color: #313234;
62
+    }
63
+  }
64
+  .allTitle1 {
65
+    .van-cell__title {
66
+      font-weight: bold;
67
+      font-size: 1rem;
68
+      color: #313234;
69
+    }
70
+  }
71
+  .allBox {
72
+    margin-bottom: 1rem;
73
+    .van-cell__title {
74
+      font-size: 1rem;
75
+      color: #313234;
76
+    }
77
+  }
78
+}
79
+</style>

+ 68 - 0
src/kpa_pages/checkInWeighing/index.vue View File

@@ -0,0 +1,68 @@
1
+
2
+<template>
3
+  <div class="page_checkInWeighing">
4
+    <div class="checkInWeighingTitle">
5
+      <i class="iconfont icon-zuojiantou jiantou"></i>
6
+      <span class="titleName">签到称重</span>
7
+    </div>
8
+    <div class="allTitle">
9
+      <van-cell center title="全部权限">
10
+        <van-switch v-model="checked" slot="right-icon" size="24" />
11
+      </van-cell>
12
+    </div>
13
+    <div class="allTitle1">
14
+      <van-cell center title="功能权限配置"></van-cell>
15
+    </div>
16
+    <div class="allBox">
17
+      <van-cell center title="签到称重">
18
+        <van-switch v-model="checked" slot="right-icon" size="24" />
19
+      </van-cell>
20
+    </div>
21
+  </div>
22
+</template>
23
+
24
+<style lang="scss" scoped>
25
+.page_checkInWeighing {
26
+  height: 100%;
27
+  overflow-y: auto;
28
+  background: #fafafa;
29
+  .checkInWeighingTitle {
30
+    background: #fff;
31
+    padding: 0 1.125rem;
32
+    height: 3.125rem;
33
+    display: flex;
34
+    align-items: center;
35
+  }
36
+  .jiantou {
37
+    font-size: 1.5rem;
38
+    font-weight: 600;
39
+    margin-right: 7rem;
40
+  }
41
+  .titleName {
42
+    font-size: 1.125rem;
43
+    font-weight: 600;
44
+  }
45
+  .allTitle {
46
+    margin: 1rem 0;
47
+    .van-cell__title {
48
+      font-weight: bold;
49
+      font-size: 1rem;
50
+      color: #313234;
51
+    }
52
+  }
53
+  .allTitle1 {
54
+    .van-cell__title {
55
+      font-weight: bold;
56
+      font-size: 1rem;
57
+      color: #313234;
58
+    }
59
+  }
60
+  .allBox {
61
+    margin-bottom: 1rem;
62
+    .van-cell__title {
63
+      font-size: 1rem;
64
+      color: #313234;
65
+    }
66
+  }
67
+}
68
+</style>

+ 70 - 0
src/kpa_pages/chronicDisease/index.vue View File

@@ -0,0 +1,70 @@
1
+<template>
2
+  <div class="page_chronicDisease">
3
+    <div class="chronicDiseaseTitle">
4
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5
+      <span class="titleName">慢病管理</span>
6
+    </div>
7
+    <div class="allTitle">
8
+      <van-cell center title="全部权限">
9
+        <van-switch v-model="checked" slot="right-icon" size="24" />
10
+      </van-cell>
11
+    </div>
12
+    <div class="allTitle1">
13
+      <van-cell center title="功能权限配置"></van-cell>
14
+    </div>
15
+    <div class="allBox">
16
+      <van-cell center title="监测管理">
17
+        <van-switch v-model="checked" slot="right-icon" size="24" />
18
+      </van-cell>
19
+      <van-cell center title="分项监测">
20
+        <van-switch v-model="checked" slot="right-icon" size="24" />
21
+      </van-cell>
22
+    </div>
23
+  </div>
24
+</template>
25
+
26
+<style lang="scss" scoped>
27
+.page_chronicDisease {
28
+  height: 100%;
29
+  overflow-y: auto;
30
+  background: #fafafa;
31
+  .chronicDiseaseTitle {
32
+    background: #fff;
33
+    padding: 0 1.125rem;
34
+    height: 3.125rem;
35
+    display: flex;
36
+    align-items: center;
37
+  }
38
+  .jiantou {
39
+    font-size: 1.5rem;
40
+    font-weight: 600;
41
+    margin-right: 7rem;
42
+  }
43
+  .titleName {
44
+    font-size: 1.125rem;
45
+    font-weight: 600;
46
+  }
47
+  .allTitle {
48
+    margin: 1rem 0;
49
+    .van-cell__title {
50
+      font-weight: bold;
51
+      font-size: 1rem;
52
+      color: #313234;
53
+    }
54
+  }
55
+  .allTitle1 {
56
+    .van-cell__title {
57
+      font-weight: bold;
58
+      font-size: 1rem;
59
+      color: #313234;
60
+    }
61
+  }
62
+  .allBox {
63
+    margin-bottom: 1rem;
64
+    .van-cell__title {
65
+      font-size: 1rem;
66
+      color: #313234;
67
+    }
68
+  }
69
+}
70
+</style>

+ 70 - 0
src/kpa_pages/deviceManagement/index.vue View File

@@ -0,0 +1,70 @@
1
+<template>
2
+  <div class="page_deviceManagement">
3
+    <div class="deviceManagementTitle">
4
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5
+      <span class="titleName">设备管理</span>
6
+    </div>
7
+    <div class="allTitle">
8
+      <van-cell center title="全部权限">
9
+        <van-switch v-model="checked" slot="right-icon" size="24" />
10
+      </van-cell>
11
+    </div>
12
+    <div class="allTitle1">
13
+      <van-cell center title="功能权限配置"></van-cell>
14
+    </div>
15
+    <div class="allBox">
16
+      <van-cell center title="型号管理">
17
+        <van-switch v-model="checked" slot="right-icon" size="24" />
18
+      </van-cell>
19
+      <van-cell center title="设备管理">
20
+        <van-switch v-model="checked" slot="right-icon" size="24" />
21
+      </van-cell>
22
+    </div>
23
+  </div>
24
+</template>
25
+
26
+<style lang="scss" scoped>
27
+.page_deviceManagement {
28
+  height: 100%;
29
+  overflow-y: auto;
30
+  background: #fafafa;
31
+  .deviceManagementTitle {
32
+    background: #fff;
33
+    padding: 0 1.125rem;
34
+    height: 3.125rem;
35
+    display: flex;
36
+    align-items: center;
37
+  }
38
+  .jiantou {
39
+    font-size: 1.5rem;
40
+    font-weight: 600;
41
+    margin-right: 7rem;
42
+  }
43
+  .titleName {
44
+    font-size: 1.125rem;
45
+    font-weight: 600;
46
+  }
47
+  .allTitle {
48
+    margin: 1rem 0;
49
+    .van-cell__title {
50
+      font-weight: bold;
51
+      font-size: 1rem;
52
+      color: #313234;
53
+    }
54
+  }
55
+  .allTitle1 {
56
+    .van-cell__title {
57
+      font-weight: bold;
58
+      font-size: 1rem;
59
+      color: #313234;
60
+    }
61
+  }
62
+  .allBox {
63
+    margin-bottom: 1rem;
64
+    .van-cell__title {
65
+      font-size: 1rem;
66
+      color: #313234;
67
+    }
68
+  }
69
+}
70
+</style>

+ 280 - 0
src/kpa_pages/dialysisConfiguration/index.vue View File

@@ -0,0 +1,280 @@
1
+<template>
2
+  <div class="page_dialysisConfiguration">
3
+    <van-sticky>
4
+      <div class="dialysisConfigurationTitle">
5
+        <i class="iconfont icon-zuojiantou jiantou"></i>
6
+        <span class="titleName">透析记录</span>
7
+      </div>
8
+    </van-sticky>
9
+    <div class="allTitle">
10
+      <van-cell center title="全部权限">
11
+        <van-switch v-model="checked" slot="right-icon" size="24" />
12
+      </van-cell>
13
+    </div>
14
+    <div class="allTitle1">
15
+      <van-cell center title="功能权限配置"></van-cell>
16
+    </div>
17
+    <div class="allBox">
18
+      <van-cell center title="新增长期处方">
19
+        <van-switch v-model="checked" slot="right-icon" size="24" />
20
+      </van-cell>
21
+      <van-cell center title="修改他人长期处方">
22
+        <van-switch v-model="checked" slot="right-icon" size="24" />
23
+      </van-cell>
24
+      <van-cell center title="删除长期处方">
25
+        <van-switch v-model="checked" slot="right-icon" size="24" />
26
+      </van-cell>
27
+      <van-cell center title="新增长期处方">
28
+        <van-switch v-model="checked" slot="right-icon" size="24" />
29
+      </van-cell>
30
+      <van-cell center title="修改他人临时处方">
31
+        <van-switch v-model="checked" slot="right-icon" size="24" />
32
+      </van-cell>
33
+      <van-cell center title="删除临时处方">
34
+        <van-switch v-model="checked" slot="right-icon" size="24" />
35
+      </van-cell>
36
+    </div>
37
+    <div class="allBox">
38
+      <van-cell center title="新增接诊评估">
39
+        <van-switch v-model="checked" slot="right-icon" size="24" />
40
+      </van-cell>
41
+      <van-cell center title="修改他人接诊评估">
42
+        <van-switch v-model="checked" slot="right-icon" size="24" />
43
+      </van-cell>
44
+      <van-cell center title="删除接诊评估">
45
+        <van-switch v-model="checked" slot="right-icon" size="24" />
46
+      </van-cell>
47
+    </div>
48
+    <div class="allBox">
49
+      <van-cell center title="新增透前评估">
50
+        <van-switch v-model="checked" slot="right-icon" size="24" />
51
+      </van-cell>
52
+      <van-cell center title="修改他人透前评估">
53
+        <van-switch v-model="checked" slot="right-icon" size="24" />
54
+      </van-cell>
55
+      <van-cell center title="删除透前评估">
56
+        <van-switch v-model="checked" slot="right-icon" size="24" />
57
+      </van-cell>
58
+    </div>
59
+    <div class="allBox">
60
+      <van-cell center title="新增临时医嘱">
61
+        <van-switch v-model="checked" slot="right-icon" size="24" />
62
+      </van-cell>
63
+      <van-cell center title="修改临时医嘱">
64
+        <van-switch v-model="checked" slot="right-icon" size="24" />
65
+      </van-cell>
66
+      <van-cell center title="删除他人临时医嘱">
67
+        <van-switch v-model="checked" slot="right-icon" size="24" />
68
+      </van-cell>
69
+      <van-cell center title="停止临时医嘱">
70
+        <van-switch v-model="checked" slot="right-icon" size="24" />
71
+      </van-cell>
72
+      <van-cell center title="删除临时医嘱">
73
+        <van-switch v-model="checked" slot="right-icon" size="24" />
74
+      </van-cell>
75
+      <van-cell center title="删除他人开的临时医嘱">
76
+        <van-switch v-model="checked" slot="right-icon" size="24" />
77
+      </van-cell>
78
+      <van-cell center title="新增长期医嘱">
79
+        <van-switch v-model="checked" slot="right-icon" size="24" />
80
+      </van-cell>
81
+      <van-cell center title="修改长期医嘱">
82
+        <van-switch v-model="checked" slot="right-icon" size="24" />
83
+      </van-cell>
84
+      <van-cell center title="修改他人长期医嘱">
85
+        <van-switch v-model="checked" slot="right-icon" size="24" />
86
+      </van-cell>
87
+      <van-cell center title="停止长期医嘱">
88
+        <van-switch v-model="checked" slot="right-icon" size="24" />
89
+      </van-cell>
90
+      <van-cell center title="删除长期医嘱">
91
+        <van-switch v-model="checked" slot="right-icon" size="24" />
92
+      </van-cell>
93
+      <van-cell center title="删除他人开的长期医嘱">
94
+        <van-switch v-model="checked" slot="right-icon" size="24" />
95
+      </van-cell>
96
+      <van-cell center title="新增透析临时医嘱">
97
+        <van-switch v-model="checked" slot="right-icon" size="24" />
98
+      </van-cell>
99
+      <van-cell center title="修改透析临时医嘱">
100
+        <van-switch v-model="checked" slot="right-icon" size="24" />
101
+      </van-cell>
102
+      <van-cell center title="修改他人透析临时医嘱">
103
+        <van-switch v-model="checked" slot="right-icon" size="24" />
104
+      </van-cell>
105
+      <van-cell center title="修改他人透析临时医嘱">
106
+        <van-switch v-model="checked" slot="right-icon" size="24" />
107
+      </van-cell>
108
+      <van-cell center title="停止透析临时医嘱">
109
+        <van-switch v-model="checked" slot="right-icon" size="24" />
110
+      </van-cell>
111
+      <van-cell center title="删除透析临时医嘱">
112
+        <van-switch v-model="checked" slot="right-icon" size="24" />
113
+      </van-cell>
114
+      <van-cell center title="删除他人开的透析临时医嘱">
115
+        <van-switch v-model="checked" slot="right-icon" size="24" />
116
+      </van-cell>
117
+      <van-cell center title="删除临时医嘱">
118
+        <van-switch v-model="checked" slot="right-icon" size="24" />
119
+      </van-cell>
120
+      <van-cell center title="执行临时医嘱">
121
+        <van-switch v-model="checked" slot="right-icon" size="24" />
122
+      </van-cell>
123
+      <van-cell center title="核对临时医嘱">
124
+        <van-switch v-model="checked" slot="right-icon" size="24" />
125
+      </van-cell>
126
+      <van-cell center title="修改他人已执行医嘱">
127
+        <van-switch v-model="checked" slot="right-icon" size="24" />
128
+      </van-cell>
129
+    </div>
130
+    <div class="allBox">
131
+      <van-cell center title="第一次核对">
132
+        <van-switch v-model="checked" slot="right-icon" size="24" />
133
+      </van-cell>
134
+      <van-cell center title="第二次核对">
135
+        <van-switch v-model="checked" slot="right-icon" size="24" />
136
+      </van-cell>
137
+      <van-cell center title="修改双人核对">
138
+        <van-switch v-model="checked" slot="right-icon" size="24" />
139
+      </van-cell>
140
+      <van-cell center title="修改他人的核对">
141
+        <van-switch v-model="checked" slot="right-icon" size="24" />
142
+      </van-cell>
143
+      <van-cell center title="删除双人核对">
144
+        <van-switch v-model="checked" slot="right-icon" size="24" />
145
+      </van-cell>
146
+    </div>
147
+    <div class="allBox">
148
+      <van-cell center title="执行上机">
149
+        <van-switch v-model="checked" slot="right-icon" size="24" />
150
+      </van-cell>
151
+      <van-cell center title="修改执行上机">
152
+        <van-switch v-model="checked" slot="right-icon" size="24" />
153
+      </van-cell>
154
+      <van-cell center title="修改他人执行的上机">
155
+        <van-switch v-model="checked" slot="right-icon" size="24" />
156
+      </van-cell>
157
+      <van-cell center title="删除执行上机记录">
158
+        <van-switch v-model="checked" slot="right-icon" size="24" />
159
+      </van-cell>
160
+    </div>
161
+    <div class="allBox">
162
+      <van-cell center title="新增透析监测">
163
+        <van-switch v-model="checked" slot="right-icon" size="24" />
164
+      </van-cell>
165
+      <van-cell center title="修改透析监测">
166
+        <van-switch v-model="checked" slot="right-icon" size="24" />
167
+      </van-cell>
168
+      <van-cell center title="修改他人透析监测">
169
+        <van-switch v-model="checked" slot="right-icon" size="24" />
170
+      </van-cell>
171
+      <van-cell center title="删除透析监测">
172
+        <van-switch v-model="checked" slot="right-icon" size="24" />
173
+      </van-cell>
174
+      <van-cell center title="停止透析临时医嘱">
175
+        <van-switch v-model="checked" slot="right-icon" size="24" />
176
+      </van-cell>
177
+      <van-cell center title="删除透析临时医嘱">
178
+        <van-switch v-model="checked" slot="right-icon" size="24" />
179
+      </van-cell>
180
+      <van-cell center title="删除他人的透析监测">
181
+        <van-switch v-model="checked" slot="right-icon" size="24" />
182
+      </van-cell>
183
+    </div>
184
+    <div class="allBox">
185
+      <van-cell center title="执行下机">
186
+        <van-switch v-model="checked" slot="right-icon" size="24" />
187
+      </van-cell>
188
+      <van-cell center title="修改执行下机">
189
+        <van-switch v-model="checked" slot="right-icon" size="24" />
190
+      </van-cell>
191
+      <van-cell center title="修改他人执行的下机">
192
+        <van-switch v-model="checked" slot="right-icon" size="24" />
193
+      </van-cell>
194
+      <van-cell center title="删除执行下机记录">
195
+        <van-switch v-model="checked" slot="right-icon" size="24" />
196
+      </van-cell>
197
+    </div>
198
+    <div class="allBox">
199
+      <van-cell center title="新增透后评估">
200
+        <van-switch v-model="checked" slot="right-icon" size="24" />
201
+      </van-cell>
202
+      <van-cell center title="修改他人透后评估">
203
+        <van-switch v-model="checked" slot="right-icon" size="24" />
204
+      </van-cell>
205
+      <van-cell center title="删除透后评估">
206
+        <van-switch v-model="checked" slot="right-icon" size="24" />
207
+      </van-cell>
208
+    </div>
209
+    <div class="allBox">
210
+      <van-cell center title="新增治疗小结">
211
+        <van-switch v-model="checked" slot="right-icon" size="24" />
212
+      </van-cell>
213
+      <van-cell center title="修改他人治疗小结">
214
+        <van-switch v-model="checked" slot="right-icon" size="24" />
215
+      </van-cell>
216
+      <van-cell center title="删除治疗小结">
217
+        <van-switch v-model="checked" slot="right-icon" size="24" />
218
+      </van-cell>
219
+    </div>
220
+  </div>
221
+</template>
222
+
223
+<script>
224
+export default {
225
+  data() {
226
+    return {
227
+      checked: false
228
+    };
229
+  }
230
+};
231
+</script>
232
+
233
+<style lang="scss" scoped>
234
+.page_dialysisConfiguration {
235
+  height: 100%;
236
+  overflow-y: auto;
237
+  background: #fafafa;
238
+  .dialysisConfigurationTitle {
239
+    background: #fff;
240
+    padding: 0 1.125rem;
241
+    height: 3.125rem;
242
+    display: flex;
243
+    align-items: center;
244
+  }
245
+  .jiantou {
246
+    font-size: 1.5rem;
247
+    font-weight: 600;
248
+    margin-right: 7rem;
249
+  }
250
+  .titleName {
251
+    font-size: 1.125rem;
252
+    font-weight: 600;
253
+  }
254
+  .allTitle {
255
+    margin: 1rem 0;
256
+    .van-cell__title {
257
+      font-weight: bold;
258
+      font-size: 1rem;
259
+      color: #313234;
260
+    }
261
+  }
262
+  .allTitle1 {
263
+    .van-cell__title {
264
+      font-weight: bold;
265
+      font-size: 1rem;
266
+      color: #313234;
267
+    }
268
+  }
269
+  .allBox {
270
+    margin-bottom: 1rem;
271
+    .van-cell__title {
272
+      font-size: 1rem;
273
+      color: #313234;
274
+    }
275
+  }
276
+}
277
+::-webkit-scrollbar {
278
+  width: 0;
279
+}
280
+</style>

+ 77 - 0
src/kpa_pages/dialysisManagement/index.vue View File

@@ -0,0 +1,77 @@
1
+<template>
2
+  <div class="page_dialysisManagement">
3
+    <div class="dialysisManagementTitle">
4
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5
+      <span class="titleName">透析管理</span>
6
+    </div>
7
+    <div class="allTitle">
8
+      <van-cell center title="全部权限">
9
+        <van-switch v-model="checked" slot="right-icon" size="24" />
10
+      </van-cell>
11
+    </div>
12
+    <div class="allTitle1">
13
+      <van-cell center title="功能权限配置"></van-cell>
14
+    </div>
15
+    <div class="allBox">
16
+      <van-cell center title="透析记录" is-link></van-cell>
17
+      <van-cell center title="透析监测">
18
+        <van-switch v-model="checked" slot="right-icon" size="24" />
19
+      </van-cell>
20
+      <van-cell center title="透析医嘱">
21
+        <van-switch v-model="checked" slot="right-icon" size="24" />
22
+      </van-cell>
23
+      <van-cell center title="临时排班">
24
+        <van-switch v-model="checked" slot="right-icon" size="24" />
25
+      </van-cell>
26
+      <van-cell center title="数据看板">
27
+        <van-switch v-model="checked" slot="right-icon" size="24" />
28
+      </van-cell>
29
+    </div>
30
+  </div>
31
+</template>
32
+
33
+<style lang="scss" scoped>
34
+.page_dialysisManagement {
35
+  height: 100%;
36
+  overflow-y: auto;
37
+  background: #fafafa;
38
+  .dialysisManagementTitle {
39
+    background: #fff;
40
+    padding: 0 1.125rem;
41
+    height: 3.125rem;
42
+    display: flex;
43
+    align-items: center;
44
+  }
45
+  .jiantou {
46
+    font-size: 1.5rem;
47
+    font-weight: 600;
48
+    margin-right: 7rem;
49
+  }
50
+  .titleName {
51
+    font-size: 1.125rem;
52
+    font-weight: 600;
53
+  }
54
+  .allTitle {
55
+    margin: 1rem 0;
56
+    .van-cell__title {
57
+      font-weight: bold;
58
+      font-size: 1rem;
59
+      color: #313234;
60
+    }
61
+  }
62
+  .allTitle1 {
63
+    .van-cell__title {
64
+      font-weight: bold;
65
+      font-size: 1rem;
66
+      color: #313234;
67
+    }
68
+  }
69
+  .allBox {
70
+    margin-bottom: 1rem;
71
+    .van-cell__title {
72
+      font-size: 1rem;
73
+      color: #313234;
74
+    }
75
+  }
76
+}
77
+</style>

+ 9 - 33
src/kpa_pages/editPatient/index.vue View File

@@ -4,12 +4,12 @@
4 4
       <div class="addPatientsTitle">
5 5
         <i class="iconfont icon-zuojiantou jiantou"></i>
6 6
         <span class="titleName">编辑患者</span>
7
-        <p>修改</p>
7
+        <p>保存</p>
8 8
       </div>
9 9
     </van-sticky>
10 10
     <div class="basicTitle">基本信息</div>
11 11
     <div class="basicBox">
12
-      <van-field v-model="name" required label="姓名" placeholder="请输入" />
12
+      <van-field v-model="name" required label="姓名" placeholder="请填写" />
13 13
       <van-field
14 14
         label="性别"
15 15
         v-model="sex"
@@ -22,26 +22,9 @@
22 22
       <van-popup v-model="show" position="bottom" :style="{ height: '30%' }">
23 23
         <van-picker :columns="columns" @change="onChange" />
24 24
       </van-popup>
25
-      <van-field
26
-        v-model="idCard"
27
-        required
28
-        label="身份证号"
29
-        placeholder="请输入"
30
-      />
31
-      <van-field
32
-        v-model="birthday"
33
-        required
34
-        label="出生日期"
35
-        readonly
36
-        placeholder="请输入"
37
-      />
38
-      <van-field
39
-        v-model="tel"
40
-        type="tel"
41
-        required
42
-        label="手机号"
43
-        placeholder="请输入"
44
-      />
25
+      <van-field v-model="idCard" required label="身份证号" placeholder="请填写" />
26
+      <van-field v-model="birthday" required label="出生日期" readonly placeholder="请填写" />
27
+      <van-field v-model="tel" type="tel" required label="手机号" placeholder="请填写" />
45 28
       <van-cell>
46 29
         <!-- 使用 title 插槽来自定义标题 -->
47 30
         <template slot="title">
@@ -59,13 +42,7 @@
59 42
     </div>
60 43
     <div class="basicTitle">血透信息</div>
61 44
     <div class="xtBox">
62
-      <van-field
63
-        v-model="dialysisNumber"
64
-        center
65
-        clearable
66
-        required
67
-        label="透析号"
68
-      >
45
+      <van-field v-model="dialysisNumber" center clearable required label="透析号">
69 46
         <van-button slot="button" size="small" type="info">自动生成</van-button>
70 47
       </van-field>
71 48
       <van-field
@@ -104,7 +81,7 @@
104 81
       <van-popup v-model="show1" position="bottom" :style="{ height: '30%' }">
105 82
         <van-picker :columns="columns1" @change="onChange1" />
106 83
       </van-popup>
107
-      <van-field v-model="hospitalNum" type="text" label="住院(门诊)号" />
84
+      <van-field v-model="hospitalNum" type="text" label="住院(门诊)号" placeholder="请填写" />
108 85
       <van-field
109 86
         label="首次透析日期"
110 87
         v-model="time"
@@ -125,13 +102,12 @@
125 102
       </van-popup>
126 103
       <van-field
127 104
         v-model="message"
128
-        rows="2"
105
+        rows="1"
129 106
         autosize
130 107
         label="诊断"
131 108
         type="textarea"
132 109
         maxlength="50"
133
-        placeholder="请输入主要诊断信息"
134
-        show-word-limit
110
+        placeholder="请填写主要诊断信息"
135 111
       />
136 112
     </div>
137 113
     <div class="turnOut">转出</div>

+ 85 - 31
src/kpa_pages/editRole/index.vue View File

@@ -1,28 +1,21 @@
1 1
 <template>
2 2
   <div class="page_editRole">
3
-    <div class="editRoleTitle">
4
-      <i class="iconfont icon-zuojiantou jiantou"></i>
5
-      <span class="titleName">新增角色</span>
6
-      <span style="color:#F44746">删除角色</span>
7
-    </div>
3
+    <van-sticky>
4
+      <div class="editRoleTitle">
5
+        <i class="iconfont icon-zuojiantou jiantou"></i>
6
+        <span class="titleName">编辑角色</span>
7
+        <span style="color:#F44746">删除角色</span>
8
+      </div>
9
+    </van-sticky>
8 10
     <div class="roleDescription">
9
-      <van-field
10
-        v-model="text"
11
-        required
12
-        label="角色名称"
13
-        placeholder="请填写角色名称"
14
-      />
15
-      <van-field
16
-        v-model="text1"
17
-        label="角色描述"
18
-        placeholder="请填写角色描述"
19
-      />
11
+      <van-field v-model="text" required label="角色名称" placeholder="请填写角色名称" />
12
+      <van-field v-model="text1" label="角色描述" placeholder="请填写角色描述" />
20 13
     </div>
21 14
     <div class="disposeBox">
22 15
       <p class="disposeTitle">应用权限配置</p>
23 16
       <div class="disposeOne">
24 17
         <div class="disposeImg">
25
-          <img src="../../assets/images/S1.png" alt="" />
18
+          <img src="../../assets/images/S1.png" alt />
26 19
         </div>
27 20
         <div class="disposeTxt">
28 21
           <div>
@@ -34,7 +27,7 @@
34 27
       </div>
35 28
       <div class="disposeOne">
36 29
         <div class="disposeImg">
37
-          <img src="../../assets/images/S2.png" alt="" />
30
+          <img src="../../assets/images/S2.png" alt />
38 31
         </div>
39 32
         <div class="disposeTxt">
40 33
           <div>
@@ -46,7 +39,7 @@
46 39
       </div>
47 40
       <div class="disposeOne">
48 41
         <div class="disposeImg">
49
-          <img src="../../assets/images/S3.png" alt="" />
42
+          <img src="../../assets/images/S3.png" alt />
50 43
         </div>
51 44
         <div class="disposeTxt">
52 45
           <div>
@@ -58,7 +51,7 @@
58 51
       </div>
59 52
       <div class="disposeOne">
60 53
         <div class="disposeImg">
61
-          <img src="../../assets/images/S4.png" alt="" />
54
+          <img src="../../assets/images/S4.png" alt />
62 55
         </div>
63 56
         <div class="disposeTxt">
64 57
           <div>
@@ -70,7 +63,7 @@
70 63
       </div>
71 64
       <div class="disposeOne">
72 65
         <div class="disposeImg">
73
-          <img src="../../assets/images/S12.png" alt="" />
66
+          <img src="../../assets/images/S12.png" alt />
74 67
         </div>
75 68
         <div class="disposeTxt">
76 69
           <div>
@@ -82,7 +75,7 @@
82 75
       </div>
83 76
       <div class="disposeOne">
84 77
         <div class="disposeImg">
85
-          <img src="../../assets/images/S5.png" alt="" />
78
+          <img src="../../assets/images/S5.png" alt />
86 79
         </div>
87 80
         <div class="disposeTxt">
88 81
           <div>
@@ -94,7 +87,7 @@
94 87
       </div>
95 88
       <div class="disposeOne">
96 89
         <div class="disposeImg">
97
-          <img src="../../assets/images/S6.png" alt="" />
90
+          <img src="../../assets/images/S6.png" alt />
98 91
         </div>
99 92
         <div class="disposeTxt">
100 93
           <div>
@@ -106,7 +99,7 @@
106 99
       </div>
107 100
       <div class="disposeOne">
108 101
         <div class="disposeImg">
109
-          <img src="../../assets/images/S7.png" alt="" />
102
+          <img src="../../assets/images/S7.png" alt />
110 103
         </div>
111 104
         <div class="disposeTxt">
112 105
           <div>
@@ -118,7 +111,7 @@
118 111
       </div>
119 112
       <div class="disposeOne">
120 113
         <div class="disposeImg">
121
-          <img src="../../assets/images/S8.png" alt="" />
114
+          <img src="../../assets/images/S8.png" alt />
122 115
         </div>
123 116
         <div class="disposeTxt">
124 117
           <div>
@@ -130,7 +123,7 @@
130 123
       </div>
131 124
       <div class="disposeOne">
132 125
         <div class="disposeImg">
133
-          <img src="../../assets/images/S9.png" alt="" />
126
+          <img src="../../assets/images/S9.png" alt />
134 127
         </div>
135 128
         <div class="disposeTxt">
136 129
           <div>
@@ -142,7 +135,7 @@
142 135
       </div>
143 136
       <div class="disposeOne">
144 137
         <div class="disposeImg">
145
-          <img src="../../assets/images/S10.png" alt="" />
138
+          <img src="../../assets/images/S10.png" alt />
146 139
         </div>
147 140
         <div class="disposeTxt">
148 141
           <div>
@@ -154,7 +147,7 @@
154 147
       </div>
155 148
       <div class="disposeOne">
156 149
         <div class="disposeImg">
157
-          <img src="../../assets/images/S11.png" alt="" />
150
+          <img src="../../assets/images/S11.png" alt />
158 151
         </div>
159 152
         <div class="disposeTxt">
160 153
           <div>
@@ -164,14 +157,37 @@
164 157
           <van-icon class="arrow" name="arrow" />
165 158
         </div>
166 159
       </div>
160
+      <div class="disposeTwo">
161
+        <div class="disposeImg">
162
+          <img src="../../assets/images/S13.png" alt />
163
+        </div>
164
+        <div class="disposeTxt">
165
+          <div>
166
+            <p class="disposeName">客服中心</p>
167
+          </div>
168
+          <van-switch v-model="checked" size="24" />
169
+        </div>
170
+      </div>
171
+      <div class="disposeOne">
172
+        <div class="disposeImg">
173
+          <img src="../../assets/images/S16.png" alt />
174
+        </div>
175
+        <div class="disposeTxt">
176
+          <div>
177
+            <p class="disposeName">质控上报</p>
178
+            <p class="disposeTip">快捷上报、一键上报、上报配置</p>
179
+          </div>
180
+          <van-icon class="arrow" name="arrow" />
181
+        </div>
182
+      </div>
167 183
       <div class="disposeOne">
168 184
         <div class="disposeImg">
169
-          <img src="../../assets/images/S13.png" alt="" />
185
+          <img src="../../assets/images/S17.png" alt />
170 186
         </div>
171 187
         <div class="disposeTxt noTxt">
172 188
           <div>
173
-            <p class="disposeName">客服中心</p>
174
-            <p style="visibility: hidden;">1</p>
189
+            <p class="disposeName">经营中心</p>
190
+            <p class="disposeTip">机构大数据查看</p>
175 191
           </div>
176 192
           <van-switch v-model="checked" size="24" />
177 193
         </div>
@@ -269,6 +285,44 @@ export default {
269 285
         color: #9f9f9f;
270 286
       }
271 287
     }
288
+    .disposeTwo {
289
+      display: flex;
290
+      justify-content: space-between;
291
+      height: 3.125rem;
292
+      background: #fff;
293
+      .disposeImg {
294
+        width: 12%;
295
+        padding-left: 1.125rem;
296
+        padding-top: 0.8rem;
297
+        img {
298
+          width: 1.5rem;
299
+          height: 1.5rem;
300
+        }
301
+      }
302
+      .disposeTxt {
303
+        width: 86%;
304
+        box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
305
+        display: flex;
306
+        justify-content: space-between;
307
+        align-items: center;
308
+        padding-right: 0.875rem;
309
+      }
310
+      .noTxt {
311
+        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
312
+      }
313
+      .disposeName {
314
+        font-size: 1rem;
315
+        color: #313234;
316
+      }
317
+      .disposeTip {
318
+        font-size: 0.8125rem;
319
+        color: #9b9b9b;
320
+        margin-top: 0.375rem;
321
+      }
322
+      .arrow {
323
+        color: #9f9f9f;
324
+      }
325
+    }
272 326
   }
273 327
 }
274 328
 ::-webkit-scrollbar {

+ 8 - 31
src/kpa_pages/editStaff/index.vue View File

@@ -7,43 +7,20 @@
7 7
     </div>
8 8
     <div class="editStaffTip">必填</div>
9 9
     <div class="staffBox">
10
-      <van-field
11
-        v-model="text"
12
-        label="姓名"
13
-        clearable
14
-        placeholder="请输入姓名"
15
-      />
16
-      <van-field
17
-        v-model="tel"
18
-        type="tel"
19
-        label="手机号"
20
-        clearable
21
-        placeholder="请输入手机号"
22
-      />
10
+      <van-field v-model="text" label="姓名" clearable placeholder="请填写姓名" />
11
+      <van-field v-model="tel" type="tel" label="手机号" clearable placeholder="请填写手机号" />
23 12
       <van-cell class="newCell">
24 13
         <!-- 使用 title 插槽来自定义标题 -->
25 14
         <template slot="title">
26 15
           <span class="custom-title">角色</span>
27 16
           <div style="width:76%;margin-left:3.3rem">
28 17
             <van-checkbox-group v-model="result">
29
-              <van-checkbox style="width: 30%;" name="a" shape="square"
30
-                >医生</van-checkbox
31
-              >
32
-              <van-checkbox style="width: 30%;" name="b" shape="square"
33
-                >护士</van-checkbox
34
-              >
35
-              <van-checkbox style="width: 30%;" name="c" shape="square"
36
-                >运营</van-checkbox
37
-              >
38
-              <van-checkbox style="width: 30%;" name="d" shape="square"
39
-                >库存</van-checkbox
40
-              >
41
-              <van-checkbox style="width: 30%;" name="e" shape="square"
42
-                >院长</van-checkbox
43
-              >
44
-              <van-checkbox style="width: 40%;" name="f" shape="square"
45
-                >子管理员</van-checkbox
46
-              >
18
+              <van-checkbox style="width: 30%;" name="a" shape="square">医生</van-checkbox>
19
+              <van-checkbox style="width: 30%;" name="b" shape="square">护士</van-checkbox>
20
+              <van-checkbox style="width: 30%;" name="c" shape="square">运营</van-checkbox>
21
+              <van-checkbox style="width: 30%;" name="d" shape="square">库存</van-checkbox>
22
+              <van-checkbox style="width: 30%;" name="e" shape="square">院长</van-checkbox>
23
+              <van-checkbox style="width: 40%;" name="f" shape="square">子管理员</van-checkbox>
47 24
             </van-checkbox-group>
48 25
           </div>
49 26
         </template>

+ 115 - 0
src/kpa_pages/feedBack/index.vue View File

@@ -0,0 +1,115 @@
1
+<template>
2
+  <div class="page_feedBack">
3
+    <div class="feedBackTitle">
4
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5
+      <span class="titleName">意见反馈</span>
6
+    </div>
7
+    <div class="feedBackTip">反馈内容</div>
8
+    <div class="feedBox">
9
+      <van-field
10
+        v-model="message"
11
+        rows="10"
12
+        autosize
13
+        type="textarea"
14
+        maxlength="200"
15
+        placeholder="请输入反馈信息..."
16
+        show-word-limit
17
+      />
18
+      <div class="uploaderBox">
19
+        <van-uploader v-model="fileList" multiple />
20
+      </div>
21
+    </div>
22
+    <div class="feedBackTip">
23
+      联系方式(手机号)<span style="color:#FF5400">*</span>
24
+    </div>
25
+    <div>
26
+      <van-field v-model="tel" type="tel" placeholder="请输入联系方式" />
27
+    </div>
28
+    <div>
29
+      <div class="submitBtn">提交反馈</div>
30
+      <!-- <div class="submitBtnSuccess">提交反馈</div> -->
31
+    </div>
32
+  </div>
33
+</template>
34
+
35
+<script>
36
+export default {
37
+  data() {
38
+    return {
39
+      message: "",
40
+      fileList: [],
41
+      tel: ""
42
+    };
43
+  }
44
+};
45
+</script>
46
+
47
+<style lang="scss" scoped>
48
+.page_feedBack {
49
+  height: 100%;
50
+  overflow: hidden;
51
+  overflow-y: auto;
52
+  .feedBackTitle {
53
+    background: #fff;
54
+    padding: 0 1.125rem;
55
+    height: 3.125rem;
56
+    display: flex;
57
+    align-items: center;
58
+  }
59
+  .jiantou {
60
+    font-size: 1.5rem;
61
+    font-weight: 600;
62
+    margin-right: 7rem;
63
+  }
64
+  .titleName {
65
+    font-size: 1.125rem;
66
+    font-weight: 600;
67
+  }
68
+  .aboutImg {
69
+    padding: 0 0.75rem;
70
+    height: 10.0625rem;
71
+    margin: 1rem 0 0.3125rem;
72
+    img {
73
+      width: 100%;
74
+      height: 100%;
75
+    }
76
+  }
77
+  .feedBackTip {
78
+    height: 2.375rem;
79
+    line-height: 2.375rem;
80
+    padding-left: 0.75rem;
81
+    font-size: 0.75rem;
82
+    color: #696969;
83
+    background: #eeeeee;
84
+  }
85
+  .feedBox {
86
+    height: 20.875rem;
87
+    .uploaderBox {
88
+      margin: 1.25rem 0 0 1rem;
89
+    }
90
+  }
91
+  .submitBtn {
92
+    width: 80%;
93
+    height: 2.75rem;
94
+    line-height: 2.75rem;
95
+    text-align: center;
96
+    background: #c5c5c5;
97
+    color: #fff;
98
+    margin: 6.25rem auto 0;
99
+    border-radius: 1.875rem;
100
+  }
101
+  .submitBtnSuccess {
102
+    width: 80%;
103
+    height: 2.75rem;
104
+    line-height: 2.75rem;
105
+    text-align: center;
106
+    background: #338afb;
107
+    color: #fff;
108
+    margin: 6.25rem auto 0;
109
+    border-radius: 1.875rem;
110
+  }
111
+}
112
+::-webkit-scrollbar {
113
+  width: 0;
114
+}
115
+</style>

+ 91 - 0
src/kpa_pages/inventoryManagement/index.vue View File

@@ -0,0 +1,91 @@
1
+<template>
2
+  <div class="page_inventoryManagement">
3
+    <div class="inventoryManagementTitle">
4
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5
+      <span class="titleName">库存管理</span>
6
+    </div>
7
+    <div class="allTitle">
8
+      <van-cell center title="全部权限">
9
+        <van-switch v-model="checked" slot="right-icon" size="24" />
10
+      </van-cell>
11
+    </div>
12
+    <div class="allTitle1">
13
+      <van-cell center title="功能权限配置"></van-cell>
14
+    </div>
15
+    <div class="allBox">
16
+      <van-cell center title="耗材入库单">
17
+        <van-switch v-model="checked" slot="right-icon" size="24" />
18
+      </van-cell>
19
+      <van-cell center title="耗材退货单">
20
+        <van-switch v-model="checked" slot="right-icon" size="24" />
21
+      </van-cell>
22
+      <van-cell center title="耗材出库单">
23
+        <van-switch v-model="checked" slot="right-icon" size="24" />
24
+      </van-cell>
25
+      <van-cell center title="其他入库单">
26
+        <van-switch v-model="checked" slot="right-icon" size="24" />
27
+      </van-cell>
28
+      <van-cell center title="其他退货单">
29
+        <van-switch v-model="checked" slot="right-icon" size="24" />
30
+      </van-cell>
31
+      <van-cell center title="其他出库单">
32
+        <van-switch v-model="checked" slot="right-icon" size="24" />
33
+      </van-cell>
34
+      <van-cell center title="库存查询">
35
+        <van-switch v-model="checked" slot="right-icon" size="24" />
36
+      </van-cell>
37
+      <van-cell center title="出入库明细">
38
+        <van-switch v-model="checked" slot="right-icon" size="24" />
39
+      </van-cell>
40
+      <van-cell center title="库存配置">
41
+        <van-switch v-model="checked" slot="right-icon" size="24" />
42
+      </van-cell>
43
+    </div>
44
+  </div>
45
+</template>
46
+
47
+<style lang="scss" scoped>
48
+.page_inventoryManagement {
49
+  height: 100%;
50
+  overflow-y: auto;
51
+  background: #fafafa;
52
+  .inventoryManagementTitle {
53
+    background: #fff;
54
+    padding: 0 1.125rem;
55
+    height: 3.125rem;
56
+    display: flex;
57
+    align-items: center;
58
+  }
59
+  .jiantou {
60
+    font-size: 1.5rem;
61
+    font-weight: 600;
62
+    margin-right: 7rem;
63
+  }
64
+  .titleName {
65
+    font-size: 1.125rem;
66
+    font-weight: 600;
67
+  }
68
+  .allTitle {
69
+    margin: 1rem 0;
70
+    .van-cell__title {
71
+      font-weight: bold;
72
+      font-size: 1rem;
73
+      color: #313234;
74
+    }
75
+  }
76
+  .allTitle1 {
77
+    .van-cell__title {
78
+      font-weight: bold;
79
+      font-size: 1rem;
80
+      color: #313234;
81
+    }
82
+  }
83
+  .allBox {
84
+    margin-bottom: 1rem;
85
+    .van-cell__title {
86
+      font-size: 1rem;
87
+      color: #313234;
88
+    }
89
+  }
90
+}
91
+</style>

+ 18 - 8
src/kpa_pages/managementConsole/index.vue View File

@@ -6,7 +6,7 @@
6 6
     </div>
7 7
     <div class="consoleBox">
8 8
       <div class="consoleOne">
9
-        <img src="../../assets/images/A1.jpg" alt="" />
9
+        <img src="../../assets/images/A1.jpg" alt />
10 10
         <div class="consoleRight">
11 11
           <div>
12 12
             <p class="rightName">员工管理</p>
@@ -16,7 +16,7 @@
16 16
         </div>
17 17
       </div>
18 18
       <div class="consoleOne">
19
-        <img src="../../assets/images/A2.jpg" alt="" />
19
+        <img src="../../assets/images/A2.jpg" alt />
20 20
         <div class="consoleRight">
21 21
           <div>
22 22
             <p class="rightName">权限管理</p>
@@ -26,7 +26,7 @@
26 26
         </div>
27 27
       </div>
28 28
       <div class="consoleOne">
29
-        <img src="../../assets/images/A3.jpg" alt="" />
29
+        <img src="../../assets/images/A3.jpg" alt />
30 30
         <div class="consoleRight">
31 31
           <div>
32 32
             <p class="rightName">应用管理</p>
@@ -36,7 +36,7 @@
36 36
         </div>
37 37
       </div>
38 38
       <div class="consoleOne">
39
-        <img src="../../assets/images/A4.jpg" alt="" />
39
+        <img src="../../assets/images/A4.jpg" alt />
40 40
         <div class="consoleRight">
41 41
           <div>
42 42
             <p class="rightName">机构设置</p>
@@ -46,7 +46,7 @@
46 46
         </div>
47 47
       </div>
48 48
       <div class="consoleOne">
49
-        <img src="../../assets/images/A4.jpg" alt="" />
49
+        <img src="../../assets/images/S18.png" alt />
50 50
         <div class="consoleRight">
51 51
           <div>
52 52
             <p class="rightName">集成管理</p>
@@ -55,11 +55,21 @@
55 55
           <van-icon name="arrow" />
56 56
         </div>
57 57
       </div>
58
+      <div class="consoleOne">
59
+        <img src="../../assets/images/S15.png" alt />
60
+        <div class="consoleRight">
61
+          <div>
62
+            <p class="rightName">配置中心</p>
63
+            <p class="rightTip">分区、床位、透析方案、医嘱模板等</p>
64
+          </div>
65
+          <van-icon name="arrow" />
66
+        </div>
67
+      </div>
58 68
     </div>
59 69
     <div class="transfer">
60
-      <img src="../../assets/images/A6.jpg" alt="" />
70
+      <img src="../../assets/images/A6.jpg" alt />
61 71
       <div class="transferRight">
62
-        <p class="rightName">员工管理</p>
72
+        <p class="rightName">管理员转让</p>
63 73
         <van-icon name="arrow" />
64 74
       </div>
65 75
     </div>
@@ -98,7 +108,7 @@
98 108
     display: flex;
99 109
     align-items: center;
100 110
     justify-content: space-between;
101
-    border-bottom: 1px solid #9b9b9b;
111
+    border-bottom: 1px solid #e5e5e5;
102 112
     img {
103 113
       width: 2rem;
104 114
       height: 2rem;

+ 70 - 0
src/kpa_pages/marketingTools/index.vue View File

@@ -0,0 +1,70 @@
1
+<template>
2
+  <div class="page_marketingTools">
3
+    <div class="marketingToolsTitle">
4
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5
+      <span class="titleName">营销工具</span>
6
+    </div>
7
+    <div class="allTitle">
8
+      <van-cell center title="全部权限">
9
+        <van-switch v-model="checked" slot="right-icon" size="24" />
10
+      </van-cell>
11
+    </div>
12
+    <div class="allTitle1">
13
+      <van-cell center title="功能权限配置"></van-cell>
14
+    </div>
15
+    <div class="allBox">
16
+      <van-cell center title="发布活动">
17
+        <van-switch v-model="checked" slot="right-icon" size="24" />
18
+      </van-cell>
19
+      <van-cell center title="活动列表">
20
+        <van-switch v-model="checked" slot="right-icon" size="24" />
21
+      </van-cell>
22
+    </div>
23
+  </div>
24
+</template>
25
+
26
+<style lang="scss" scoped>
27
+.page_marketingTools {
28
+  height: 100%;
29
+  overflow-y: auto;
30
+  background: #fafafa;
31
+  .marketingToolsTitle {
32
+    background: #fff;
33
+    padding: 0 1.125rem;
34
+    height: 3.125rem;
35
+    display: flex;
36
+    align-items: center;
37
+  }
38
+  .jiantou {
39
+    font-size: 1.5rem;
40
+    font-weight: 600;
41
+    margin-right: 7rem;
42
+  }
43
+  .titleName {
44
+    font-size: 1.125rem;
45
+    font-weight: 600;
46
+  }
47
+  .allTitle {
48
+    margin: 1rem 0;
49
+    .van-cell__title {
50
+      font-weight: bold;
51
+      font-size: 1rem;
52
+      color: #313234;
53
+    }
54
+  }
55
+  .allTitle1 {
56
+    .van-cell__title {
57
+      font-weight: bold;
58
+      font-size: 1rem;
59
+      color: #313234;
60
+    }
61
+  }
62
+  .allBox {
63
+    margin-bottom: 1rem;
64
+    .van-cell__title {
65
+      font-size: 1rem;
66
+      color: #313234;
67
+    }
68
+  }
69
+}
70
+</style>

+ 77 - 0
src/kpa_pages/membershipManagement/index.vue View File

@@ -0,0 +1,77 @@
1
+<template>
2
+  <div class="page_membershipManagement">
3
+    <div class="membershipManagementTitle">
4
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5
+      <span class="titleName">会员管理</span>
6
+    </div>
7
+    <div class="allTitle">
8
+      <van-cell center title="全部权限">
9
+        <van-switch v-model="checked" slot="right-icon" size="24" />
10
+      </van-cell>
11
+    </div>
12
+    <div class="allTitle1">
13
+      <van-cell center title="功能权限配置"></van-cell>
14
+    </div>
15
+    <div class="allBox">
16
+      <van-cell center title="会员管理">
17
+        <van-switch v-model="checked" slot="right-icon" size="24" />
18
+      </van-cell>
19
+      <van-cell center title="标签管理">
20
+        <van-switch v-model="checked" slot="right-icon" size="24" />
21
+      </van-cell>
22
+      <van-cell center title="会员卡管理">
23
+        <van-switch v-model="checked" slot="right-icon" size="24" />
24
+      </van-cell>
25
+      <van-cell center title="短信管理">
26
+        <van-switch v-model="checked" slot="right-icon" size="24" />
27
+      </van-cell>
28
+    </div>
29
+  </div>
30
+</template>
31
+
32
+<style lang="scss" scoped>
33
+.page_membershipManagement {
34
+  height: 100%;
35
+  overflow-y: auto;
36
+  background: #fafafa;
37
+  .membershipManagementTitle {
38
+    background: #fff;
39
+    padding: 0 1.125rem;
40
+    height: 3.125rem;
41
+    display: flex;
42
+    align-items: center;
43
+  }
44
+  .jiantou {
45
+    font-size: 1.5rem;
46
+    font-weight: 600;
47
+    margin-right: 7rem;
48
+  }
49
+  .titleName {
50
+    font-size: 1.125rem;
51
+    font-weight: 600;
52
+  }
53
+  .allTitle {
54
+    margin: 1rem 0;
55
+    .van-cell__title {
56
+      font-weight: bold;
57
+      font-size: 1rem;
58
+      color: #313234;
59
+    }
60
+  }
61
+  .allTitle1 {
62
+    .van-cell__title {
63
+      font-weight: bold;
64
+      font-size: 1rem;
65
+      color: #313234;
66
+    }
67
+  }
68
+  .allBox {
69
+    margin-bottom: 1rem;
70
+    .van-cell__title {
71
+      font-size: 1rem;
72
+      color: #313234;
73
+    }
74
+  }
75
+}
76
+</style>
77
+

+ 70 - 0
src/kpa_pages/microWebsite/index.vue View File

@@ -0,0 +1,70 @@
1
+<template>
2
+  <div class="page_microWebsite">
3
+    <div class="microWebsiteTitle">
4
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5
+      <span class="titleName">微网站</span>
6
+    </div>
7
+    <div class="allTitle">
8
+      <van-cell center title="全部权限">
9
+        <van-switch v-model="checked" slot="right-icon" size="24" />
10
+      </van-cell>
11
+    </div>
12
+    <div class="allTitle1">
13
+      <van-cell center title="功能权限配置"></van-cell>
14
+    </div>
15
+    <div class="allBox">
16
+      <van-cell center title="微网站">
17
+        <van-switch v-model="checked" slot="right-icon" size="24" />
18
+      </van-cell>
19
+      <van-cell center title="医护管理">
20
+        <van-switch v-model="checked" slot="right-icon" size="24" />
21
+      </van-cell>
22
+    </div>
23
+  </div>
24
+</template>
25
+
26
+<style lang="scss" scoped>
27
+.page_microWebsite {
28
+  height: 100%;
29
+  overflow-y: auto;
30
+  background: #fafafa;
31
+  .microWebsiteTitle {
32
+    background: #fff;
33
+    padding: 0 1.125rem;
34
+    height: 3.125rem;
35
+    display: flex;
36
+    align-items: center;
37
+  }
38
+  .jiantou {
39
+    font-size: 1.5rem;
40
+    font-weight: 600;
41
+    margin-right: 7.5rem;
42
+  }
43
+  .titleName {
44
+    font-size: 1.125rem;
45
+    font-weight: 600;
46
+  }
47
+  .allTitle {
48
+    margin: 1rem 0;
49
+    .van-cell__title {
50
+      font-weight: bold;
51
+      font-size: 1rem;
52
+      color: #313234;
53
+    }
54
+  }
55
+  .allTitle1 {
56
+    .van-cell__title {
57
+      font-weight: bold;
58
+      font-size: 1rem;
59
+      color: #313234;
60
+    }
61
+  }
62
+  .allBox {
63
+    margin-bottom: 1rem;
64
+    .van-cell__title {
65
+      font-size: 1rem;
66
+      color: #313234;
67
+    }
68
+  }
69
+}
70
+</style>

+ 14 - 22
src/kpa_pages/modifyOrganization/index.vue View File

@@ -4,7 +4,7 @@
4 4
       <div class="modifyOrganizationTitle">
5 5
         <i class="iconfont icon-zuojiantou jiantou"></i>
6 6
         <span class="titleName">修改机构信息</span>
7
-        <p>修改</p>
7
+        <p>保存</p>
8 8
       </div>
9 9
     </van-sticky>
10 10
     <div class="organInfo">
@@ -15,24 +15,14 @@
15 15
       <div class="organInfoTwo">
16 16
         <div>
17 17
           <p>机构类型</p>
18
-          <van-field
19
-            @click="show = true"
20
-            :value="type"
21
-            placeholder="请选择机构类型"
22
-            readonly
23
-          />
18
+          <van-field @click="show = true" :value="type" placeholder="请选择机构类型" readonly />
24 19
         </div>
25 20
         <van-icon @click="show = true" class="arrow" name="arrow" />
26 21
       </div>
27 22
       <div class="organInfoTwo">
28 23
         <div>
29 24
           <p>机构地区</p>
30
-          <van-field
31
-            @click="show1 = true"
32
-            :value="address"
33
-            placeholder="请选择机构地区"
34
-            readonly
35
-          />
25
+          <van-field @click="show1 = true" :value="address" placeholder="请选择机构地区" readonly />
36 26
         </div>
37 27
         <van-icon @click="show1 = true" class="arrow" name="arrow" />
38 28
       </div>
@@ -53,16 +43,17 @@
53 43
         <van-uploader v-model="fileList" multiple />
54 44
       </div>
55 45
     </div>
56
-    <van-popup v-model="show" position="bottom" :style="{ height: '40%' }"
57
-      ><van-picker :columns="columns" @change="onChange"
58
-    /></van-popup>
59
-    <van-popup v-model="show1" position="bottom" :style="{ height: '40%' }"
60
-      ><van-area
46
+    <van-popup v-model="show" position="bottom" :style="{ height: '40%' }">
47
+      <van-picker :columns="columns" @change="onChange" />
48
+    </van-popup>
49
+    <van-popup v-model="show1" position="bottom" :style="{ height: '40%' }">
50
+      <van-area
61 51
         :area-list="list"
62 52
         :columns-placeholder="['请选择', '请选择', '请选择']"
63 53
         @cancel="show1 = false"
64 54
         @confirm="onConfirm"
65
-    /></van-popup>
55
+      />
56
+    </van-popup>
66 57
   </div>
67 58
 </template>
68 59
 
@@ -132,14 +123,14 @@ export default {
132 123
     padding: 0 2rem;
133 124
     background: #fff;
134 125
     .van-cell {
135
-      padding: 10px 0;
126
+      padding: 6px 0 10px;
136 127
       font-size: 1rem;
137 128
     }
138 129
     .organInfoOne {
139 130
       height: 4.25rem;
140 131
       border-bottom: 1px solid #e8e8e8;
141 132
       p {
142
-        padding-top: 0.625rem;
133
+        padding-top: 0.875rem;
143 134
       }
144 135
     }
145 136
     .organInfoTwo {
@@ -148,10 +139,11 @@ export default {
148 139
       height: 4.25rem;
149 140
       border-bottom: 1px solid #e8e8e8;
150 141
       p {
151
-        padding-top: 0.625rem;
142
+        padding-top: 0.875rem;
152 143
       }
153 144
       .arrow {
154 145
         line-height: 4.25rem;
146
+        color: #9f9f9f;
155 147
       }
156 148
     }
157 149
     .organInfoThree {

+ 81 - 14
src/kpa_pages/my/index.vue View File

@@ -1,9 +1,9 @@
1 1
 <template>
2 2
   <div class="page_my">
3 3
     <div class="myTop">
4
-      <img src="../../assets/images/myBanner.png" alt="" />
4
+      <img src="../../assets/images/myBanner.png" alt />
5 5
       <div class="avatar">
6
-        <img src="../../assets/images/one.jpg" alt="" />
6
+        <img src="../../assets/images/one.jpg" alt />
7 7
       </div>
8 8
       <div class="userMain">
9 9
         <div class="userBox">
@@ -15,11 +15,11 @@
15 15
         </div>
16 16
       </div>
17 17
       <div class="invitebox">
18
-        <img src="../../assets/images/invite.png" alt="" />
18
+        <img src="../../assets/images/invite.png" alt />
19 19
       </div>
20 20
       <div class="myInfo">
21 21
         <div class="myInfoLeft">
22
-          <img src="../../assets/images/myIcon1.png" alt="" />
22
+          <img src="../../assets/images/myIcon1.png" alt />
23 23
           <p>我的信息</p>
24 24
         </div>
25 25
         <van-icon class="arrow" name="arrow" />
@@ -28,21 +28,78 @@
28 28
     <div class="myBox">
29 29
       <div class="myBoxOne">
30 30
         <div class="myInfoLeft">
31
-          <img src="../../assets/images/myIcon2.png" alt="" />
31
+          <img src="../../assets/images/myIcon2.png" alt />
32 32
           <p>我的医院/组织/团队</p>
33 33
         </div>
34 34
         <van-icon class="arrow" name="arrow" />
35 35
       </div>
36 36
       <div class="myBoxTwo">
37 37
         <div class="myInfoLeft">
38
-          <img src="../../assets/images/one.jpg" alt="" />
38
+          <img src="../../assets/images/one.jpg" alt />
39 39
           <p>我的医院/组织/团队</p>
40 40
         </div>
41 41
         <div class="myInfoRight">
42
-          <div>管理</div>
43 42
           <van-icon class="arrow" name="arrow" />
44 43
         </div>
45 44
       </div>
45
+      <div class="myBoxTwo noBorder">
46
+        <div class="myInfoLeft">
47
+          <img src="../../assets/images/one.jpg" alt />
48
+          <p>我的医院/组织/团队</p>
49
+        </div>
50
+        <div class="myInfoRight">
51
+          <div class="myInfoRightBtn">管理</div>
52
+          <van-icon class="arrow" name="arrow" />
53
+        </div>
54
+      </div>
55
+    </div>
56
+    <div class="myBox">
57
+      <div class="myBoxOne">
58
+        <div class="myInfoLeft">
59
+          <img src="../../assets/images/myIcon3.png" alt />
60
+          <p>创建医院/组织/团队</p>
61
+        </div>
62
+        <van-icon class="arrow" name="arrow" />
63
+      </div>
64
+      <div class="myBoxOne">
65
+        <div class="myInfoLeft">
66
+          <img src="../../assets/images/myIcon4.png" alt />
67
+          <p>修改密码</p>
68
+        </div>
69
+        <van-icon class="arrow" name="arrow" />
70
+      </div>
71
+    </div>
72
+    <div class="myBox">
73
+      <div class="myBoxOne">
74
+        <div class="myInfoLeft">
75
+          <img src="../../assets/images/myIcon5.png" alt />
76
+          <p>常见问题</p>
77
+        </div>
78
+        <van-icon class="arrow" name="arrow" />
79
+      </div>
80
+      <div class="myBoxOne">
81
+        <div class="myInfoLeft">
82
+          <img src="../../assets/images/myIcon6.png" alt />
83
+          <p>意见反馈</p>
84
+        </div>
85
+        <van-icon class="arrow" name="arrow" />
86
+      </div>
87
+      <div class="myBoxOne">
88
+        <div class="myInfoLeft">
89
+          <img src="../../assets/images/myIcon7.png" alt />
90
+          <p>关于我们</p>
91
+        </div>
92
+        <van-icon class="arrow" name="arrow" />
93
+      </div>
94
+    </div>
95
+    <div class="myBox">
96
+      <div class="myBoxOne">
97
+        <div class="myInfoLeft">
98
+          <img src="../../assets/images/myIcon8.png" alt />
99
+          <p>退出登录</p>
100
+        </div>
101
+        <van-icon class="arrow" name="arrow" />
102
+      </div>
46 103
     </div>
47 104
   </div>
48 105
 </template>
@@ -136,6 +193,9 @@
136 193
   .myBox {
137 194
     margin: 0.8125rem 0;
138 195
     background: #fff;
196
+    > div:last-child {
197
+      border: none;
198
+    }
139 199
     .myBoxOne {
140 200
       width: 100%;
141 201
       height: 3.125rem;
@@ -143,7 +203,7 @@
143 203
       align-items: center;
144 204
       justify-content: space-between;
145 205
       padding: 0 0.875rem;
146
-      border-bottom: 1px solid #ccc;
206
+      border-bottom: 1px solid #e5e5e5;
147 207
       .myInfoLeft {
148 208
         display: flex;
149 209
         align-items: center;
@@ -169,7 +229,7 @@
169 229
       padding-right: 0.875rem;
170 230
       background: #fff;
171 231
       margin-left: 2.5rem;
172
-      border-bottom: 1px solid #ccc;
232
+      border-bottom: 1px solid #e5e5e5;
173 233
       .myInfoLeft {
174 234
         display: flex;
175 235
         align-items: center;
@@ -184,13 +244,20 @@
184 244
         }
185 245
       }
186 246
       .myInfoRight {
187
-        width: 3.625rem;
188
-        height: 1.875rem;
189
-        background: rgba(255, 255, 255, 1);
190
-        border: 1px solid rgba(51, 138, 251, 1);
191
-        border-radius: 0.3125rem;
192 247
         display: flex;
193 248
         align-items: center;
249
+        .myInfoRightBtn {
250
+          width: 3.625rem;
251
+          height: 1.875rem;
252
+          background: rgba(255, 255, 255, 1);
253
+          border: 1px solid rgba(51, 138, 251, 1);
254
+          border-radius: 0.3125rem;
255
+          text-align: center;
256
+          line-height: 1.875rem;
257
+          color: #338afb;
258
+          font-size: 0.9375rem;
259
+          margin-right: 0.625rem;
260
+        }
194 261
       }
195 262
       .arrow {
196 263
         color: #9f9f9f;

+ 118 - 0
src/kpa_pages/myInfo/index.vue View File

@@ -0,0 +1,118 @@
1
+<template>
2
+  <div class="page_myInfo">
3
+    <div class="myInfoTitle">
4
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5
+      <span class="titleName">我的信息</span>
6
+    </div>
7
+    <div class="infoBox">
8
+      <div class="infoBoxOne">
9
+        <p>头像</p>
10
+        <div class="infoBoxOneRight">
11
+          <img src="../../assets/images/one.jpg" alt="" />
12
+          <van-icon class="arrow" name="arrow" />
13
+        </div>
14
+      </div>
15
+      <div class="infoBoxTwo">
16
+        <p>姓名</p>
17
+        <div class="infoBoxOneRight">
18
+          <p>欧巧漫</p>
19
+          <van-icon class="arrow" name="arrow" />
20
+        </div>
21
+      </div>
22
+      <div class="infoBoxTwo">
23
+        <p>性别</p>
24
+        <div class="infoBoxOneRight">
25
+          <p>女</p>
26
+          <van-icon class="arrow" name="arrow" />
27
+        </div>
28
+      </div>
29
+      <div class="infoBoxTwo">
30
+        <p>生日</p>
31
+        <div class="infoBoxOneRight">
32
+          <p>11111</p>
33
+          <van-icon class="arrow" name="arrow" />
34
+        </div>
35
+      </div>
36
+      <div class="infoBoxTwo">
37
+        <p>个性签名</p>
38
+        <div class="infoBoxOneRight">
39
+          <p>一个无法用语言表达的好人一个无法用语言表达的好人</p>
40
+          <van-icon class="arrow" name="arrow" />
41
+        </div>
42
+      </div>
43
+    </div>
44
+  </div>
45
+</template>
46
+
47
+<style lang="scss" scoped>
48
+.page_myInfo {
49
+  height: 100%;
50
+  overflow-y: auto;
51
+  background: #fafafa;
52
+  .myInfoTitle {
53
+    background: #fff;
54
+    padding: 0 1.125rem;
55
+    height: 3.125rem;
56
+    display: flex;
57
+    align-items: center;
58
+  }
59
+  .jiantou {
60
+    font-size: 1.5rem;
61
+    font-weight: 600;
62
+    margin-right: 7rem;
63
+  }
64
+  .titleName {
65
+    font-size: 1.125rem;
66
+    font-weight: 600;
67
+  }
68
+  .infoBox {
69
+    margin-top: 1rem;
70
+
71
+    background: #fff;
72
+    .infoBoxOne {
73
+      display: flex;
74
+      align-items: center;
75
+      justify-content: space-between;
76
+      height: 4.5rem;
77
+      padding: 0 0.875rem;
78
+      box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
79
+      .infoBoxOneRight {
80
+        display: flex;
81
+        align-items: center;
82
+        img {
83
+          width: 2.5rem;
84
+          height: 2.5rem;
85
+        }
86
+        .arrow {
87
+          margin-left: 0.75rem;
88
+          color: #9f9f9f;
89
+        }
90
+      }
91
+    }
92
+    .infoBoxTwo {
93
+      display: flex;
94
+      align-items: center;
95
+      justify-content: space-between;
96
+      height: 2.8125rem;
97
+      padding: 0 0.875rem;
98
+      box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
99
+      .infoBoxOneRight {
100
+        display: flex;
101
+        align-items: center;
102
+        p {
103
+          width: 13.75rem;
104
+          white-space: nowrap;
105
+          text-overflow: ellipsis;
106
+          overflow: hidden;
107
+          word-break: break-all;
108
+          text-align: right;
109
+        }
110
+        .arrow {
111
+          margin-left: 0.75rem;
112
+          color: #9f9f9f;
113
+        }
114
+      }
115
+    }
116
+  }
117
+}
118
+</style>

+ 2 - 13
src/kpa_pages/newAddStaff/index.vue View File

@@ -7,19 +7,8 @@
7 7
     </div>
8 8
     <div class="editStaffTip">必填</div>
9 9
     <div class="staffBox">
10
-      <van-field
11
-        v-model="text"
12
-        label="姓名"
13
-        clearable
14
-        placeholder="请输入姓名"
15
-      />
16
-      <van-field
17
-        v-model="tel"
18
-        type="tel"
19
-        label="手机号"
20
-        placeholder="请输入手机号"
21
-        clearable
22
-      />
10
+      <van-field v-model="text" label="姓名" clearable placeholder="请填写姓名" />
11
+      <van-field v-model="tel" type="tel" label="手机号" placeholder="请填写手机号" clearable />
23 12
     </div>
24 13
     <div class="editStaffTip">选填</div>
25 14
     <div class="staffBox">

+ 4 - 19
src/kpa_pages/newAdmin/index.vue View File

@@ -5,25 +5,10 @@
5 5
       <span class="titleName">新管理员</span>
6 6
     </div>
7 7
     <div class="adminBox">
8
-      <van-field v-model="text" label="姓名" required readonly="" />
9
-      <van-field
10
-        v-model="text"
11
-        label="手机号"
12
-        required
13
-        clearable
14
-        placeholder="请输入手机号"
15
-      />
16
-      <van-field
17
-        v-model="sms"
18
-        center
19
-        clearable
20
-        required
21
-        label="验证码"
22
-        placeholder="请输入验证码"
23
-      >
24
-        <van-button slot="button" size="small" type="info"
25
-          >获取验证码</van-button
26
-        >
8
+      <van-field v-model="text" label="姓名" required readonly />
9
+      <van-field v-model="text" label="手机号" required readonly />
10
+      <van-field v-model="sms" center clearable required label="验证码" placeholder="请填写验证码">
11
+        <van-button slot="button" size="small" type="info">获取验证码</van-button>
27 12
       </van-field>
28 13
     </div>
29 14
     <div class="next">保存</div>

+ 1 - 1
src/kpa_pages/newUser/index.vue View File

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

+ 122 - 0
src/kpa_pages/organizationInfo/index.vue View File

@@ -0,0 +1,122 @@
1
+<template>
2
+  <div class="page_organizationInfo">
3
+    <div class="organizationInfoTitle">
4
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5
+      <span class="titleName">组织信息</span>
6
+    </div>
7
+    <div class="organizeBox">
8
+      <div class="organizeBoxOne">
9
+        <div class="organizeBoxOneLeft">
10
+          <img src="../../assets/images/one.jpg" alt="" />
11
+          <p>酷医云演示中心</p>
12
+        </div>
13
+        <van-icon class="arrow" name="arrow" />
14
+      </div>
15
+      <div class="organizeTip">
16
+        我在该团队的信息
17
+      </div>
18
+      <div class="organizeBoxTwo">
19
+        <div>名字</div>
20
+        <div class="organizeBoxTwoTxt">欧巧漫</div>
21
+      </div>
22
+      <div class="organizeBoxTwo">
23
+        <div>电话</div>
24
+        <div class="organizeBoxTwoTxt">18680319337</div>
25
+      </div>
26
+      <div class="organizeBoxTwo">
27
+        <div>角色</div>
28
+        <div class="rolebox">
29
+          <div class="roleboxBtn">护士</div>
30
+          <div class="roleboxBtn">医生</div>
31
+        </div>
32
+      </div>
33
+      <div class="organizeBoxTwo">
34
+        <div>职位</div>
35
+        <div class="organizeBoxTwoTxt">主治医生</div>
36
+      </div>
37
+    </div>
38
+  </div>
39
+</template>
40
+
41
+<style lang="scss" scoped>
42
+.page_organizationInfo {
43
+  height: 100%;
44
+  overflow-y: auto;
45
+  background: #fafafa;
46
+  .organizationInfoTitle {
47
+    background: #fff;
48
+    padding: 0 1.125rem;
49
+    height: 3.125rem;
50
+    display: flex;
51
+    align-items: center;
52
+  }
53
+  .jiantou {
54
+    font-size: 1.5rem;
55
+    font-weight: 600;
56
+    margin-right: 7rem;
57
+  }
58
+  .titleName {
59
+    font-size: 1.125rem;
60
+    font-weight: 600;
61
+  }
62
+  .organizeBox {
63
+    margin-top: 1rem;
64
+    > div:last-child {
65
+      border: none;
66
+    }
67
+    .organizeBoxOne {
68
+      display: flex;
69
+      align-items: center;
70
+      justify-content: space-between;
71
+      padding: 0 0.875rem;
72
+      height: 4.5rem;
73
+      background: #fff;
74
+      .organizeBoxOneLeft {
75
+        display: flex;
76
+        align-items: center;
77
+        img {
78
+          width: 3rem;
79
+          height: 3rem;
80
+          margin-right: 0.75rem;
81
+        }
82
+      }
83
+      .arrow {
84
+        color: #9f9f9f;
85
+      }
86
+    }
87
+    .organizeTip {
88
+      height: 1.875rem;
89
+      line-height: 1.875rem;
90
+      padding-left: 0.875rem;
91
+      font-size: 0.75rem;
92
+      color: #8d8d8d;
93
+    }
94
+    .organizeBoxTwo {
95
+      display: flex;
96
+      align-items: center;
97
+      justify-content: space-between;
98
+      height: 2.8125rem;
99
+      background: #fff;
100
+      padding: 0 0.875rem;
101
+      border-bottom: 1px solid #ccc;
102
+      .organizeBoxTwoTxt {
103
+        color: #8d8d8d;
104
+      }
105
+      .rolebox {
106
+        display: flex;
107
+        align-items: center;
108
+      }
109
+      .roleboxBtn {
110
+        padding: 0.5rem 0.75rem;
111
+        background: rgba(51, 138, 251, 0.1);
112
+        border: 1px solid rgba(51, 138, 251, 1);
113
+        border-radius: 0.3125rem;
114
+        text-align: center;
115
+        margin-left: 0.375rem;
116
+        color: #338afb;
117
+        font-size: 0.875rem;
118
+      }
119
+    }
120
+  }
121
+}
122
+</style>

+ 80 - 0
src/kpa_pages/patientCenter/index.vue View File

@@ -0,0 +1,80 @@
1
+<template>
2
+  <div class="page_patientCenter">
3
+    <div class="patientCenterTitle">
4
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5
+      <span class="titleName">患者中心</span>
6
+    </div>
7
+    <div class="allTitle">
8
+      <van-cell center title="全部权限">
9
+        <van-switch v-model="checked" slot="right-icon" size="24" />
10
+      </van-cell>
11
+    </div>
12
+    <div class="allTitle1">
13
+      <van-cell center title="功能权限配置"> </van-cell>
14
+    </div>
15
+    <div class="allBox">
16
+      <van-cell center title="新增患者">
17
+        <van-switch v-model="checked" slot="right-icon" size="24" />
18
+      </van-cell>
19
+      <van-cell center title="患者管理">
20
+        <van-switch v-model="checked" slot="right-icon" size="24" />
21
+      </van-cell>
22
+    </div>
23
+  </div>
24
+</template>
25
+
26
+<script>
27
+export default {
28
+  data() {
29
+    return {
30
+      checked: false
31
+    };
32
+  }
33
+};
34
+</script>
35
+
36
+<style lang="scss" scoped>
37
+.page_patientCenter {
38
+  height: 100%;
39
+  overflow-y: auto;
40
+  background: #fafafa;
41
+  .patientCenterTitle {
42
+    background: #fff;
43
+    padding: 0 1.125rem;
44
+    height: 3.125rem;
45
+    display: flex;
46
+    align-items: center;
47
+  }
48
+  .jiantou {
49
+    font-size: 1.5rem;
50
+    font-weight: 600;
51
+    margin-right: 7rem;
52
+  }
53
+  .titleName {
54
+    font-size: 1.125rem;
55
+    font-weight: 600;
56
+  }
57
+  .allTitle {
58
+    margin: 1rem 0;
59
+    .van-cell__title {
60
+      font-weight: bold;
61
+      font-size: 1rem;
62
+      color: #313234;
63
+    }
64
+  }
65
+  .allTitle1 {
66
+    .van-cell__title {
67
+      font-weight: bold;
68
+      font-size: 1rem;
69
+      color: #313234;
70
+    }
71
+  }
72
+  .allBox {
73
+    margin-bottom: 1rem;
74
+    .van-cell__title {
75
+      font-size: 1rem;
76
+      color: #313234;
77
+    }
78
+  }
79
+}
80
+</style>

+ 119 - 21
src/kpa_pages/patientManagement/index.vue View File

@@ -114,36 +114,77 @@
114 114
     </div>
115 115
     <div class="add" @click="ToAddPatient()">
116 116
       <img src="../../assets/images/add.png" alt />
117
-    </div> -->
117
+    </div>-->
118 118
     <van-sticky>
119 119
       <div class="patientManagementTitle">
120 120
         <i class="iconfont icon-zuojiantou jiantou"></i>
121
-        <span class="titleName">患者管理</span>
121
+        <span class="titleName">患者中心</span>
122 122
         <div class="iconBox">
123 123
           <i class="iconfont icon-sousuo iconOne"></i>
124 124
           <van-icon class="iconOne add" name="add-o" />
125 125
         </div>
126 126
       </div>
127
-      <div class="chooseBox">
128
-        <van-dropdown-menu>
129
-          <van-dropdown-item v-model="value1" :options="option1" />
130
-          <van-dropdown-item v-model="value2" :options="option2" />
131
-          <van-dropdown-item v-model="value3" :options="option3" />
132
-        </van-dropdown-menu>
133
-      </div>
134 127
     </van-sticky>
135
-    <div class="patientBox">
136
-      <van-list
137
-        v-model="loading"
138
-        :finished="finished"
139
-        finished-text="没有更多了"
140
-        @load="onLoad"
141
-      >
142
-        <div class="patientOne" v-for="item in list" :key="item">
143
-          <img src="../../assets/images/one.jpg" alt="" />
144
-          <p>名字</p>
145
-        </div>
146
-      </van-list>
128
+    <div class="searchBox">
129
+      <van-search v-model="value" placeholder="搜索患者透析号/姓名/首拼" />
130
+    </div>
131
+    <div class="chooseBox">
132
+      <van-tabs v-model="active" sticky>
133
+        <van-tab title="标签 1">
134
+          <div class="toolBox">
135
+            <div class="toolOne" @click="typeShow = true">
136
+              <div style="display: flex;align-items: center;">
137
+                {{ type }}
138
+                <van-icon name="arrow-down" />
139
+              </div>
140
+            </div>
141
+            <div class="toolOne" @click="typeShow = true">
142
+              <div style="display: flex;align-items: center;">
143
+                {{ type }}
144
+                <van-icon name="arrow-down" />
145
+              </div>
146
+            </div>
147
+          </div>
148
+          <div class="patientBox">
149
+            <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
150
+              <div class="patientOne" v-for="item in list" :key="item">
151
+                <img src="../../assets/images/one.jpg" alt />
152
+                <p>名字</p>
153
+              </div>
154
+            </van-list>
155
+          </div>
156
+        </van-tab>
157
+        <van-tab title="标签 2">内容 2</van-tab>
158
+        <van-tab title="标签 3">内容 3</van-tab>
159
+        <van-tab title="标签 4">内容 4</van-tab>
160
+      </van-tabs>
161
+    </div>
162
+    <!-- 弹出层 -->
163
+    <div>
164
+      <van-popup v-model="typeShow" position="bottom" :style="{ height: '40%' }">
165
+        <van-picker show-toolbar :columns="columns" @cancel="onCancel" @confirm="onConfirm" />
166
+      </van-popup>
167
+      <van-popup v-model="startShow" position="bottom" :style="{ height: '40%' }">
168
+        <van-datetime-picker
169
+          v-model="currentDate"
170
+          type="date"
171
+          :min-date="minDate"
172
+          :max-date="maxDate"
173
+          @confirm="getstartTime"
174
+          @cancel="startShow = false"
175
+        />
176
+      </van-popup>
177
+      <van-popup v-model="endShow" position="bottom" :style="{ height: '40%' }">
178
+        <van-datetime-picker
179
+          v-model="currentDate"
180
+          type="date"
181
+          :min-date="minDate"
182
+          :max-date="maxDate"
183
+          @confirm="getstartTime2"
184
+          @cancel="endShow = false"
185
+        />
186
+      </van-popup>
187
+      <van-action-sheet v-model="newShow" :actions="actions" cancel-text="取消" @cancel="onCancel" />
147 188
     </div>
148 189
   </div>
149 190
 </template>
@@ -153,6 +194,22 @@ import { getBloodDialysisPatient } from "@/api/login/login";
153 194
 export default {
154 195
   data() {
155 196
     return {
197
+      typeShow: false,
198
+      startShow: false,
199
+      endShow: false,
200
+      type: "归转状态",
201
+      columns: [
202
+        "杭州",
203
+        "宁波",
204
+        "温州",
205
+        "嘉兴",
206
+        "湖州",
207
+        "杭州",
208
+        "宁波",
209
+        "温州",
210
+        "嘉兴",
211
+        "湖州"
212
+      ],
156 213
       searchVal: "",
157 214
       active: 0,
158 215
       list: [],
@@ -186,6 +243,13 @@ export default {
186 243
     };
187 244
   },
188 245
   methods: {
246
+    onCancel() {
247
+      this.typeShow = false;
248
+    },
249
+    onConfirm(value) {
250
+      this.type = value;
251
+      this.typeShow = false;
252
+    },
189 253
     onLoad() {
190 254
       setTimeout(() => {
191 255
         for (let i = 0; i < 10; i++) {
@@ -307,6 +371,26 @@ export default {
307 371
   .add {
308 372
     margin-left: 1.25rem;
309 373
   }
374
+  .toolBox {
375
+    display: flex;
376
+    height: 3.125rem;
377
+
378
+    align-items: center;
379
+
380
+    .toolOne {
381
+      width: 5.625rem;
382
+      height: 1.875rem;
383
+      background: rgba(246, 246, 246, 1);
384
+      border-radius: 5px;
385
+      text-align: center;
386
+      font-size: 0.8125rem;
387
+      color: #8d8d8d;
388
+      display: flex;
389
+      align-items: center;
390
+      justify-content: space-around;
391
+      margin-left: 0.875rem;
392
+    }
393
+  }
310 394
   .van-dropdown-menu__title {
311 395
     width: 5.625rem;
312 396
     height: 1.875rem;
@@ -337,3 +421,17 @@ export default {
337 421
   width: 0;
338 422
 }
339 423
 </style>
424
+
425
+<style lang="scss">
426
+.page_patientManagement {
427
+  .searchBox {
428
+    .van-cell__value {
429
+      display: flex;
430
+      align-items: center;
431
+    }
432
+    .van-field__body {
433
+      width: 100%;
434
+    }
435
+  }
436
+}
437
+</style>

+ 74 - 21
src/kpa_pages/privilegeManagement/index.vue View File

@@ -14,7 +14,34 @@
14 14
         <div>
15 15
           <div class="peopleTop">
16 16
             <div class="peopleImg">
17
-              <img src="../../assets/images/people1.jpg" alt="" />
17
+              <img src="../../assets/images/people5.jpg" alt />
18
+            </div>
19
+            <div class="peopleTitle">
20
+              <p>子管理员</p>
21
+              <div class="setting">
22
+                <van-icon class="setting-o" name="setting-o" />
23
+                <span>权限配置</span>
24
+              </div>
25
+            </div>
26
+          </div>
27
+          <div class="peopleContent">
28
+            <p>子管理员具备平台全部功能的使用权限 请谨慎配置</p>
29
+            <p class="hasUser">
30
+              该角色目前已配置
31
+              <span style="color:#338AFB">0</span>个员工
32
+            </p>
33
+          </div>
34
+        </div>
35
+        <div class="operationBox">
36
+          <p>新增用户</p>
37
+          <p>用户管理</p>
38
+        </div>
39
+      </div>
40
+      <div class="peopleOne">
41
+        <div>
42
+          <div class="peopleTop">
43
+            <div class="peopleImg">
44
+              <img src="../../assets/images/people1.jpg" alt />
18 45
             </div>
19 46
             <div class="peopleTitle">
20 47
               <p>医生</p>
@@ -30,7 +57,8 @@
30 57
               析治疗方案,定期评价病人的透析质量等...
31 58
             </p>
32 59
             <p class="hasUser">
33
-              该角色目前已配置<span style="color:#338AFB">0</span>个员工
60
+              该角色目前已配置
61
+              <span style="color:#338AFB">0</span>个员工
34 62
             </p>
35 63
           </div>
36 64
         </div>
@@ -43,7 +71,7 @@
43 71
         <div>
44 72
           <div class="peopleTop">
45 73
             <div class="peopleImg">
46
-              <img src="../../assets/images/people2.jpg" alt="" />
74
+              <img src="../../assets/images/people2.jpg" alt />
47 75
             </div>
48 76
             <div class="peopleTitle">
49 77
               <p>护士</p>
@@ -54,11 +82,10 @@
54 82
             </div>
55 83
           </div>
56 84
           <div class="peopleContent">
57
-            <p>
58
-              护士角色能够进行病人透析管理,以及医院的感染控 制与消毒记录等...
59
-            </p>
85
+            <p>护士角色能够进行病人透析管理,以及医院的感染控 制与消毒记录等...</p>
60 86
             <p class="hasUser">
61
-              该角色目前已配置<span style="color:#338AFB">0</span>个员工
87
+              该角色目前已配置
88
+              <span style="color:#338AFB">0</span>个员工
62 89
             </p>
63 90
           </div>
64 91
         </div>
@@ -71,7 +98,7 @@
71 98
         <div>
72 99
           <div class="peopleTop">
73 100
             <div class="peopleImg">
74
-              <img src="../../assets/images/people3.jpg" alt="" />
101
+              <img src="../../assets/images/people3.jpg" alt />
75 102
             </div>
76 103
             <div class="peopleTitle">
77 104
               <p>库存</p>
@@ -87,7 +114,8 @@
87 114
               退库的登记操作
88 115
             </p>
89 116
             <p class="hasUser">
90
-              该角色目前已配置<span style="color:#338AFB">0</span>个员工
117
+              该角色目前已配置
118
+              <span style="color:#338AFB">0</span>个员工
91 119
             </p>
92 120
           </div>
93 121
         </div>
@@ -100,10 +128,10 @@
100 128
         <div>
101 129
           <div class="peopleTop">
102 130
             <div class="peopleImg">
103
-              <img src="../../assets/images/people4.jpg" alt="" />
131
+              <img src="../../assets/images/people6.png" alt />
104 132
             </div>
105 133
             <div class="peopleTitle">
106
-              <p>院长</p>
134
+              <p>运营</p>
107 135
               <div class="setting">
108 136
                 <van-icon class="setting-o" name="setting-o" />
109 137
                 <span>权限配置</span>
@@ -111,11 +139,10 @@
111 139
             </div>
112 140
           </div>
113 141
           <div class="peopleContent">
114
-            <p>
115
-              院长角色了解血透患者血液透析质量和相关的大数据,以及掌握透析中心整体运营情况
116
-            </p>
142
+            <p>运营角色能够在SCRM中管理微网站、使用营销工具、做会员管理和分销商品经营的操作</p>
117 143
             <p class="hasUser">
118
-              该角色目前已配置<span style="color:#338AFB">0</span>个员工
144
+              该角色目前已配置
145
+              <span style="color:#338AFB">0</span>个员工
119 146
             </p>
120 147
           </div>
121 148
         </div>
@@ -128,10 +155,10 @@
128 155
         <div>
129 156
           <div class="peopleTop">
130 157
             <div class="peopleImg">
131
-              <img src="../../assets/images/people5.jpg" alt="" />
158
+              <img src="../../assets/images/people7.png" alt />
132 159
             </div>
133 160
             <div class="peopleTitle">
134
-              <p>子管理员</p>
161
+              <p>技师</p>
135 162
               <div class="setting">
136 163
                 <van-icon class="setting-o" name="setting-o" />
137 164
                 <span>权限配置</span>
@@ -139,11 +166,37 @@
139 166
             </div>
140 167
           </div>
141 168
           <div class="peopleContent">
142
-            <p>
143
-              子管理员具备平台全部功能的使用权限 请谨慎配置
169
+            <p>技师角色能够进行设备的管理,日常维护维修记录等...</p>
170
+            <p class="hasUser">
171
+              该角色目前已配置
172
+              <span style="color:#338AFB">0</span>个员工
144 173
             </p>
174
+          </div>
175
+        </div>
176
+        <div class="operationBox">
177
+          <p>新增用户</p>
178
+          <p>用户管理</p>
179
+        </div>
180
+      </div>
181
+      <div class="peopleOne">
182
+        <div>
183
+          <div class="peopleTop">
184
+            <div class="peopleImg">
185
+              <img src="../../assets/images/people4.jpg" alt />
186
+            </div>
187
+            <div class="peopleTitle">
188
+              <p>院长</p>
189
+              <div class="setting">
190
+                <van-icon class="setting-o" name="setting-o" />
191
+                <span>权限配置</span>
192
+              </div>
193
+            </div>
194
+          </div>
195
+          <div class="peopleContent">
196
+            <p>院长角色了解血透患者血液透析质量和相关的大数据,以及掌握透析中心整体运营情况</p>
145 197
             <p class="hasUser">
146
-              该角色目前已配置<span style="color:#338AFB">0</span>个员工
198
+              该角色目前已配置
199
+              <span style="color:#338AFB">0</span>个员工
147 200
             </p>
148 201
           </div>
149 202
         </div>
@@ -209,7 +262,7 @@
209 262
       }
210 263
     }
211 264
     .peopleTitle {
212
-      width: 90%;
265
+      width: 92%;
213 266
       display: flex;
214 267
       align-items: center;
215 268
       justify-content: space-between;

+ 79 - 0
src/kpa_pages/qualityControlManagement/index.vue View File

@@ -0,0 +1,79 @@
1
+<template>
2
+  <div class="page_qualityControlManagement">
3
+    <div class="qualityControlManagementTitle">
4
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5
+      <span class="titleName">质控管理</span>
6
+    </div>
7
+    <div class="allTitle">
8
+      <van-cell center title="全部权限">
9
+        <van-switch v-model="checked" slot="right-icon" size="24" />
10
+      </van-cell>
11
+    </div>
12
+    <div class="allTitle1">
13
+      <van-cell center title="功能权限配置"></van-cell>
14
+    </div>
15
+    <div class="allBox">
16
+      <van-cell center title="统计分析">
17
+        <van-switch v-model="checked" slot="right-icon" size="24" />
18
+      </van-cell>
19
+      <van-cell center title="透析总量">
20
+        <van-switch v-model="checked" slot="right-icon" size="24" />
21
+      </van-cell>
22
+      <van-cell center title="过程指标">
23
+        <van-switch v-model="checked" slot="right-icon" size="24" />
24
+      </van-cell>
25
+      <van-cell center title="结果指标">
26
+        <van-switch v-model="checked" slot="right-icon" size="24" />
27
+      </van-cell>
28
+      <van-cell center title="患者分析">
29
+        <van-switch v-model="checked" slot="right-icon" size="24" />
30
+      </van-cell>
31
+    </div>
32
+  </div>
33
+</template>
34
+
35
+<style lang="scss" scoped>
36
+.page_qualityControlManagement {
37
+  height: 100%;
38
+  overflow-y: auto;
39
+  background: #fafafa;
40
+  .qualityControlManagementTitle {
41
+    background: #fff;
42
+    padding: 0 1.125rem;
43
+    height: 3.125rem;
44
+    display: flex;
45
+    align-items: center;
46
+  }
47
+  .jiantou {
48
+    font-size: 1.5rem;
49
+    font-weight: 600;
50
+    margin-right: 7rem;
51
+  }
52
+  .titleName {
53
+    font-size: 1.125rem;
54
+    font-weight: 600;
55
+  }
56
+  .allTitle {
57
+    margin: 1rem 0;
58
+    .van-cell__title {
59
+      font-weight: bold;
60
+      font-size: 1rem;
61
+      color: #313234;
62
+    }
63
+  }
64
+  .allTitle1 {
65
+    .van-cell__title {
66
+      font-weight: bold;
67
+      font-size: 1rem;
68
+      color: #313234;
69
+    }
70
+  }
71
+  .allBox {
72
+    margin-bottom: 1rem;
73
+    .van-cell__title {
74
+      font-size: 1rem;
75
+      color: #313234;
76
+    }
77
+  }
78
+}
79
+</style>

+ 73 - 0
src/kpa_pages/qualityControlReport/index.vue View File

@@ -0,0 +1,73 @@
1
+<template>
2
+  <div class="page_qualityControlReport">
3
+    <div class="qualityControlReportTitle">
4
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5
+      <span class="titleName">质控上报</span>
6
+    </div>
7
+    <div class="allTitle">
8
+      <van-cell center title="全部权限">
9
+        <van-switch v-model="checked" slot="right-icon" size="24" />
10
+      </van-cell>
11
+    </div>
12
+    <div class="allTitle1">
13
+      <van-cell center title="功能权限配置"></van-cell>
14
+    </div>
15
+    <div class="allBox">
16
+      <van-cell center title="快捷上报">
17
+        <van-switch v-model="checked" slot="right-icon" size="24" />
18
+      </van-cell>
19
+      <van-cell center title="一键上报">
20
+        <van-switch v-model="checked" slot="right-icon" size="24" />
21
+      </van-cell>
22
+      <van-cell center title="质控上报配置">
23
+        <van-switch v-model="checked" slot="right-icon" size="24" />
24
+      </van-cell>
25
+    </div>
26
+  </div>
27
+</template>
28
+
29
+<style lang="scss" scoped>
30
+.page_qualityControlReport {
31
+  height: 100%;
32
+  overflow-y: auto;
33
+  background: #fafafa;
34
+  .qualityControlReportTitle {
35
+    background: #fff;
36
+    padding: 0 1.125rem;
37
+    height: 3.125rem;
38
+    display: flex;
39
+    align-items: center;
40
+  }
41
+  .jiantou {
42
+    font-size: 1.5rem;
43
+    font-weight: 600;
44
+    margin-right: 7rem;
45
+  }
46
+  .titleName {
47
+    font-size: 1.125rem;
48
+    font-weight: 600;
49
+  }
50
+  .allTitle {
51
+    margin: 1rem 0;
52
+    .van-cell__title {
53
+      font-weight: bold;
54
+      font-size: 1rem;
55
+      color: #313234;
56
+    }
57
+  }
58
+  .allTitle1 {
59
+    .van-cell__title {
60
+      font-weight: bold;
61
+      font-size: 1rem;
62
+      color: #313234;
63
+    }
64
+  }
65
+  .allBox {
66
+    margin-bottom: 1rem;
67
+    .van-cell__title {
68
+      font-size: 1rem;
69
+      color: #313234;
70
+    }
71
+  }
72
+}
73
+</style>

+ 70 - 0
src/kpa_pages/scheduleManagement/index.vue View File

@@ -0,0 +1,70 @@
1
+<template>
2
+  <div class="page_scheduleManagement">
3
+    <div class="scheduleManagementTitle">
4
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5
+      <span class="titleName">排班管理</span>
6
+    </div>
7
+    <div class="allTitle">
8
+      <van-cell center title="全部权限">
9
+        <van-switch v-model="checked" slot="right-icon" size="24" />
10
+      </van-cell>
11
+    </div>
12
+    <div class="allTitle1">
13
+      <van-cell center title="功能权限配置"> </van-cell>
14
+    </div>
15
+    <div class="allBox">
16
+      <van-cell center title="排班管理">
17
+        <van-switch v-model="checked" slot="right-icon" size="24" />
18
+      </van-cell>
19
+      <van-cell center title="排班提醒">
20
+        <van-switch v-model="checked" slot="right-icon" size="24" />
21
+      </van-cell>
22
+    </div>
23
+  </div>
24
+</template>
25
+
26
+<style lang="scss" scoped>
27
+.page_scheduleManagement {
28
+  height: 100%;
29
+  overflow-y: auto;
30
+  background: #fafafa;
31
+  .scheduleManagementTitle {
32
+    background: #fff;
33
+    padding: 0 1.125rem;
34
+    height: 3.125rem;
35
+    display: flex;
36
+    align-items: center;
37
+  }
38
+  .jiantou {
39
+    font-size: 1.5rem;
40
+    font-weight: 600;
41
+    margin-right: 7rem;
42
+  }
43
+  .titleName {
44
+    font-size: 1.125rem;
45
+    font-weight: 600;
46
+  }
47
+  .allTitle {
48
+    margin: 1rem 0;
49
+    .van-cell__title {
50
+      font-weight: bold;
51
+      font-size: 1rem;
52
+      color: #313234;
53
+    }
54
+  }
55
+  .allTitle1 {
56
+    .van-cell__title {
57
+      font-weight: bold;
58
+      font-size: 1rem;
59
+      color: #313234;
60
+    }
61
+  }
62
+  .allBox {
63
+    margin-bottom: 1rem;
64
+    .van-cell__title {
65
+      font-size: 1rem;
66
+      color: #313234;
67
+    }
68
+  }
69
+}
70
+</style>

+ 98 - 15
src/kpa_pages/setConsole/index.vue View File

@@ -9,7 +9,7 @@
9 9
     <div class="consoleBox">
10 10
       <div class="disposeOne">
11 11
         <div class="disposeImg">
12
-          <img src="../../assets/images/S1.png" alt="" />
12
+          <img src="../../assets/images/S1.png" alt />
13 13
         </div>
14 14
         <div class="disposeTxt">
15 15
           <div>
@@ -21,7 +21,7 @@
21 21
       </div>
22 22
       <div class="disposeOne">
23 23
         <div class="disposeImg">
24
-          <img src="../../assets/images/S2.png" alt="" />
24
+          <img src="../../assets/images/S2.png" alt />
25 25
         </div>
26 26
         <div class="disposeTxt">
27 27
           <div>
@@ -33,7 +33,7 @@
33 33
       </div>
34 34
       <div class="disposeOne">
35 35
         <div class="disposeImg">
36
-          <img src="../../assets/images/S3.png" alt="" />
36
+          <img src="../../assets/images/S3.png" alt />
37 37
         </div>
38 38
         <div class="disposeTxt">
39 39
           <div>
@@ -45,7 +45,7 @@
45 45
       </div>
46 46
       <div class="disposeOne">
47 47
         <div class="disposeImg">
48
-          <img src="../../assets/images/S4.png" alt="" />
48
+          <img src="../../assets/images/S4.png" alt />
49 49
         </div>
50 50
         <div class="disposeTxt">
51 51
           <div>
@@ -57,7 +57,7 @@
57 57
       </div>
58 58
       <div class="disposeOne">
59 59
         <div class="disposeImg">
60
-          <img src="../../assets/images/S12.png" alt="" />
60
+          <img src="../../assets/images/S12.png" alt />
61 61
         </div>
62 62
         <div class="disposeTxt">
63 63
           <div>
@@ -69,7 +69,7 @@
69 69
       </div>
70 70
       <div class="disposeOne">
71 71
         <div class="disposeImg">
72
-          <img src="../../assets/images/S5.png" alt="" />
72
+          <img src="../../assets/images/S5.png" alt />
73 73
         </div>
74 74
         <div class="disposeTxt">
75 75
           <div>
@@ -81,7 +81,7 @@
81 81
       </div>
82 82
       <div class="disposeOne">
83 83
         <div class="disposeImg">
84
-          <img src="../../assets/images/S6.png" alt="" />
84
+          <img src="../../assets/images/S6.png" alt />
85 85
         </div>
86 86
         <div class="disposeTxt">
87 87
           <div>
@@ -93,7 +93,7 @@
93 93
       </div>
94 94
       <div class="disposeOne">
95 95
         <div class="disposeImg">
96
-          <img src="../../assets/images/S7.png" alt="" />
96
+          <img src="../../assets/images/S7.png" alt />
97 97
         </div>
98 98
         <div class="disposeTxt">
99 99
           <div>
@@ -105,7 +105,7 @@
105 105
       </div>
106 106
       <div class="disposeOne">
107 107
         <div class="disposeImg">
108
-          <img src="../../assets/images/S8.png" alt="" />
108
+          <img src="../../assets/images/S8.png" alt />
109 109
         </div>
110 110
         <div class="disposeTxt">
111 111
           <div>
@@ -117,7 +117,7 @@
117 117
       </div>
118 118
       <div class="disposeOne">
119 119
         <div class="disposeImg">
120
-          <img src="../../assets/images/S9.png" alt="" />
120
+          <img src="../../assets/images/S9.png" alt />
121 121
         </div>
122 122
         <div class="disposeTxt">
123 123
           <div>
@@ -129,7 +129,7 @@
129 129
       </div>
130 130
       <div class="disposeOne">
131 131
         <div class="disposeImg">
132
-          <img src="../../assets/images/S10.png" alt="" />
132
+          <img src="../../assets/images/S10.png" alt />
133 133
         </div>
134 134
         <div class="disposeTxt">
135 135
           <div>
@@ -141,7 +141,7 @@
141 141
       </div>
142 142
       <div class="disposeOne">
143 143
         <div class="disposeImg">
144
-          <img src="../../assets/images/S11.png" alt="" />
144
+          <img src="../../assets/images/S11.png" alt />
145 145
         </div>
146 146
         <div class="disposeTxt">
147 147
           <div>
@@ -151,14 +151,37 @@
151 151
           <div class="addTo">添加</div>
152 152
         </div>
153 153
       </div>
154
+      <div class="disposeTwo">
155
+        <div class="disposeImg">
156
+          <img src="../../assets/images/S13.png" alt />
157
+        </div>
158
+        <div class="disposeTxt">
159
+          <div>
160
+            <p class="disposeName">客服中心</p>
161
+          </div>
162
+          <div class="addTo">添加</div>
163
+        </div>
164
+      </div>
154 165
       <div class="disposeOne">
155 166
         <div class="disposeImg">
156
-          <img src="../../assets/images/S13.png" alt="" />
167
+          <img src="../../assets/images/S16.png" alt />
168
+        </div>
169
+        <div class="disposeTxt">
170
+          <div>
171
+            <p class="disposeName">质控上报</p>
172
+            <p class="disposeTip">快捷上报、一键上报,上报配置</p>
173
+          </div>
174
+          <div class="addTo">添加</div>
175
+        </div>
176
+      </div>
177
+      <div class="disposeOne">
178
+        <div class="disposeImg">
179
+          <img src="../../assets/images/S17.png" alt />
157 180
         </div>
158 181
         <div class="disposeTxt noTxt">
159 182
           <div>
160
-            <p class="disposeName">客服中心</p>
161
-            <p style="visibility: hidden;">1</p>
183
+            <p class="disposeName">经营中心</p>
184
+            <p class="disposeTip">机构大数据查看</p>
162 185
           </div>
163 186
           <div class="addTo">添加</div>
164 187
         </div>
@@ -251,6 +274,66 @@
251 274
         color: #338afb;
252 275
       }
253 276
     }
277
+    .disposeTwo {
278
+      display: flex;
279
+      justify-content: space-between;
280
+      height: 3.125rem;
281
+      background: #fff;
282
+      .disposeImg {
283
+        width: 12%;
284
+        padding-left: 1.125rem;
285
+        padding-top: 0.8rem;
286
+        img {
287
+          width: 1.5rem;
288
+          height: 1.5rem;
289
+        }
290
+      }
291
+      .disposeTxt {
292
+        width: 86%;
293
+        box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
294
+        display: flex;
295
+        justify-content: space-between;
296
+        align-items: center;
297
+        padding-right: 0.875rem;
298
+      }
299
+      .noTxt {
300
+        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
301
+      }
302
+      .disposeName {
303
+        font-size: 1rem;
304
+        color: #313234;
305
+      }
306
+      .disposeTip {
307
+        font-size: 0.8125rem;
308
+        color: #9b9b9b;
309
+        margin-top: 0.375rem;
310
+      }
311
+      .arrow {
312
+        color: #9f9f9f;
313
+      }
314
+      .remove {
315
+        width: 4rem;
316
+        height: 1.75rem;
317
+        background: rgba(35, 214, 230, 0);
318
+        border: 1px solid rgba(244, 71, 70, 1);
319
+        border-radius: 5px;
320
+        text-align: center;
321
+        line-height: 1.75rem;
322
+        font-size: 0.9375rem;
323
+        color: #f44746;
324
+      }
325
+      .addTo {
326
+        width: 4rem;
327
+        height: 1.75rem;
328
+        background: rgba(35, 214, 230, 0);
329
+        border: 1px solid rgba(51, 138, 251, 1);
330
+        border-radius: 5px;
331
+        text-align: center;
332
+        line-height: 1.75rem;
333
+        font-size: 0.9375rem;
334
+        color: #338afb;
335
+      }
336
+    }
254 337
   }
255 338
 }
256 339
 ::-webkit-scrollbar {

+ 101 - 0
src/router/index.js View File

@@ -241,10 +241,111 @@ var _constant_router_map = [
241 241
     path: "/patientmanagement",
242 242
     component: () => import("@/kpa_pages/patientmanagement/index")
243 243
   },
244
+  // s搜索
244 245
   {
245 246
     path: "/search",
246 247
     component: () => import("@/kpa_pages/search/index")
247 248
   },
249
+  // 我的信息
250
+  {
251
+    path: "/myInfo",
252
+    component: () => import("@/kpa_pages/myInfo/index")
253
+  },
254
+  // 组织信息
255
+  {
256
+    path: "/organizationInfo",
257
+    component: () => import("@/kpa_pages/organizationInfo/index")
258
+  },
259
+  // 关于我们
260
+  {
261
+    path: "/aboutUs",
262
+    component: () => import("@/kpa_pages/aboutUs/index")
263
+  },
264
+  // 反馈意见
265
+  {
266
+    path: "/feedBack",
267
+    component: () => import("@/kpa_pages/feedBack/index")
268
+  },
269
+  // 透析功能配置
270
+  {
271
+    path: "/dialysisConfiguration",
272
+    component: () => import("@/kpa_pages/dialysisConfiguration/index")
273
+  },
274
+  // 模块功能配置-患者中心
275
+  {
276
+    path: "/patientCenter",
277
+    component: () => import("@/kpa_pages/patientCenter/index")
278
+  },
279
+  // 模块功能配置-排班管理
280
+  {
281
+    path: "/scheduleManagement",
282
+    component: () => import("@/kpa_pages/scheduleManagement/index")
283
+  },
284
+  // 模块功能配置-透析管理
285
+  {
286
+    path: "/dialysisManagement",
287
+    component: () => import("@/kpa_pages/dialysisManagement/index")
288
+  },
289
+  // 模块功能配置-签到称重
290
+  {
291
+    path: "/checkInWeighing",
292
+    component: () => import("@/kpa_pages/checkInWeighing/index")
293
+  },
294
+  // 模块功能配置-库存管理
295
+  {
296
+    path: "/inventoryManagement",
297
+    component: () => import("@/kpa_pages/inventoryManagement/index")
298
+  },
299
+  // 模块功能配置-质控管理
300
+  {
301
+    path: "/qualityControlManagement",
302
+    component: () => import("@/kpa_pages/qualityControlManagement/index")
303
+  },
304
+  // 模块功能配置-慢病管理
305
+  {
306
+    path: "/chronicDisease",
307
+    component: () => import("@/kpa_pages/chronicDisease/index")
308
+  },
309
+  // 模块功能配置-SCRM
310
+  {
311
+    path: "/scrm",
312
+    component: () => import("@/kpa_pages/SCRM/index")
313
+  },
314
+  // 模块功能配置-SCRM-会员管理
315
+  {
316
+    path: "/membershipManagement",
317
+    component: () => import("@/kpa_pages/membershipManagement/index")
318
+  },
319
+  // 模块功能配置-SCRM-营销工具
320
+  {
321
+    path: "/marketingTools",
322
+    component: () => import("@/kpa_pages/marketingTools/index")
323
+  },
324
+  // 模块功能配置-SCRM-营销工具
325
+  {
326
+    path: "/marketingTools",
327
+    component: () => import("@/kpa_pages/marketingTools/index")
328
+  },
329
+  // 模块功能配置-SCRM-文章管理
330
+  {
331
+    path: "/articleManagement",
332
+    component: () => import("@/kpa_pages/articleManagement/index")
333
+  },
334
+  // 模块功能配置-SCRM-微网站
335
+  {
336
+    path: "/microWebsite",
337
+    component: () => import("@/kpa_pages/microWebsite/index")
338
+  },
339
+  // 模块功能配置-设备管理
340
+  {
341
+    path: "/deviceManagement",
342
+    component: () => import("@/kpa_pages/deviceManagement/index")
343
+  },
344
+  // 模块功能配置-质控上报
345
+  {
346
+    path: "/qualityControlReport",
347
+    component: () => import("@/kpa_pages/qualityControlReport/index")
348
+  },
248 349
   // 注册页面
249 350
   {
250 351
     path: "/register",

+ 7 - 0
src/styles/resetStyle.scss View File

@@ -0,0 +1,7 @@
1
+.van-popup {
2
+  border-radius: 0;
3
+  transform: translate3d(0, 0, 0);
4
+}
5
+.van-popup--bottom {
6
+  bottom: 0 !important;
7
+}