Accueil Explorateur Aide
S'inscrire Connexion
csx
/
Pad_New
Suivre 1
Voter 0
Bifurcation 0
Code Tickets 80 Demandes d'ajout 0 Versions 0 Wiki Activité
Parcourir la source

Merge branch 'master' of http://git.shengws.com/csx/Pad_New

csx il y a 5 ans
Parent
4f5f1f6c17
révision
e066a97c39
13 fichiers modifiés avec 1215 ajouts et 3 suppressions
Vue séparée Afficher les stats Diff
  1. 2 2
      index.html
  2. 12 0
      src/api/admin_user.js
  3. BIN
      src/assets/images/default_avatar.jpg
  4. BIN
      src/assets/images/one.jpg
  5. 174 0
      src/pages/console/managementConsole/index.vue
  6. 146 0
      src/pages/console/managementConsole/staff_role/addStaff/index.vue
  7. 287 0
      src/pages/console/managementConsole/staff_role/editRole/index.vue
  8. 135 0
      src/pages/console/managementConsole/staff_role/editStaff/index.vue
  9. 42 0
      src/pages/console/managementConsole/staff_role/newUser/index.vue
  10. 276 0
      src/pages/console/managementConsole/staff_role/privilegeManagement/index.vue
  11. 113 0
      src/pages/console/managementConsole/staff_role/staffManagement/index.vue
  12. 4 1
      src/pages/homeIndex/index.vue
  13. 24 0
      src/router/index.js

+ 2 - 2
index.html Voir le fichier 

@@ -10,10 +10,10 @@
10 10 
   </head>
11 11 
   <body>
12 12 
     <div id="app"></div>
13 
-    <!-- built files will be auto injected -->
13 
+
14 14 
     <link
15 15 
       rel="stylesheet"
16 
-      href="//at.alicdn.com/t/font_1480998_gvswlb5fc08.css"
16 
+      href="//at.alicdn.com/t/font_1480998_5aijfvsjljf.css"
17 17 
     />
18 18 
   </body>
19 19 
 </html>

+ 12 - 0
src/api/admin_user.js Voir le fichier 

@@ -21,3 +21,15 @@ export function GetMyInfo(){
21 21 
         method:'get',
22 22 
     })
23 23 
 }
24 
+
25 
+
26 
+
27 
+export function GetAllStaff(){
28 
+  return request({
29 
+    url:'/m/api/staff',
30 
+    method:'get',
31 
+  })
32 
+}
33 
+
34 
+
35 
+

BIN
src/assets/images/default_avatar.jpg Voir le fichier


BIN
src/assets/images/one.jpg Voir le fichier


+ 174 - 0
src/pages/console/managementConsole/index.vue Voir le fichier 

@@ -0,0 +1,174 @@
1 
+<template>
2 
+  <div class="page_managementConsole">
3 
+    <div class="managementConsoleTitle">
4 
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5 
+      <span class="titleName">管理控制台</span>
6 
+    </div>
7 
+    <div class="consoleBox">
8 
+      <div class="consoleOne"  @click="toStaffManage()">
9 
+        <img src="../../../assets/images/A1.jpg" alt="" />
10 
+        <div class="consoleRight">
11 
+          <div>
12 
+            <p class="rightName">员工管理</p>
13 
+            <p class="rightTip">添加员工加入医院/组织/团队</p>
14 
+          </div>
15 
+          <van-icon name="arrow" />
16 
+        </div>
17 
+      </div>
18 
+      <div class="consoleOne" @click="toPermissionManage()">
19 
+        <img src="../../../assets/images/A2.jpg" alt="" />
20 
+        <div class="consoleRight">
21 
+          <div>
22 
+            <p class="rightName">权限管理</p>
23 
+            <p class="rightTip">管理员可以设置角色并分配对应的权限</p>
24 
+          </div>
25 
+          <van-icon name="arrow" />
26 
+        </div>
27 
+      </div>
28 
+      <!--<div class="consoleOne">-->
29 
+        <!--<img src="../../../assets/images/A3.jpg" alt="" />-->
30 
+        <!--<div class="consoleRight">-->
31 
+          <!--<div>-->
32 
+            <!--<p class="rightName">应用管理</p>-->
33 
+            <!--<p class="rightTip">管理员可以添加或者停用应用</p>-->
34 
+          <!--</div>-->
35 
+          <!--<van-icon name="arrow" />-->
36 
+        <!--</div>-->
37 
+      <!--</div>-->
38 
+      <div class="consoleOne" @click="toOrgSetting()">
39 
+        <img src="../../../assets/images/A4.jpg" alt="" />
40 
+        <div class="consoleRight">
41 
+          <div>
42 
+            <p class="rightName">机构设置</p>
43 
+            <p class="rightTip">管理员可以修改医院/组织/团队信息</p>
44 
+          </div>
45 
+          <van-icon name="arrow" />
46 
+        </div>
47 
+      </div>
48 
+      <div class="consoleOne" @click="toSettingManage()">
49 
+        <img src="../../../assets/images/A4.jpg" alt="" />
50 
+        <div class="consoleRight">
51 
+          <div>
52 
+            <p class="rightName">配置管理</p>
53 
+            <p class="rightTip">管理员可以配置相关数据</p>
54 
+          </div>
55 
+          <van-icon name="arrow" />
56 
+        </div>
57 
+      </div>
58 
+    </div>
59 
+    <!--<div class="transfer">-->
60 
+      <!--<img src="../../../assets/images/A6.jpg" alt="" />-->
61 
+      <!--<div class="transferRight">-->
62 
+        <!--<p class="rightName">员工管理</p>-->
63 
+        <!--<van-icon name="arrow" />-->
64 
+      <!--</div>-->
65 
+    <!--</div>-->
66 
+  </div>
67 
+</template>
68 
+<script>
69 
+  // import "../libs/rem.js";
70 
+  import { setRem } from "@/libs/functionRem";
71 
+
72 
+  export default {
73 
+    methods: {
74 
+      toStaffManage(){
75 
+        console.log("11111")
76 
+        this.$router.push({path: "/manageconsole/staff"});
77 
+      },
78 
+      toPermissionManage() {
79 
+        this.$router.push({path: "/patients"});
80 
+      },
81 
+      toOrgSetting() {
82 
+        this.$router.push({path: "/search"});
83 
+      },
84 
+      toSettingManage(){
85 
+        this.$router.push({path: "/manageconsole"});
86 
+
87 
+      },
88 
+    },create(){
89 
+      setRem()
90 
+    }
91 
+  };
92 
+</script>
93 
+
94 
+
95 
+<style lang="scss" scoped>
96 
+.page_managementConsole {
97 
+  height: 100%;
98 
+  background: #f6f6f6;
99 
+  overflow: hidden;
100 
+  .managementConsoleTitle {
101 
+    height: 3.125rem;
102 
+    line-height: 3.125rem;
103 
+    display: flex;
104 
+    align-items: center;
105 
+    background: #fff;
106 
+  }
107 
+  .jiantou {
108 
+    margin-left: 1.25rem;
109 
+    font-size: 1.5rem;
110 
+    font-weight: 600;
111 
+    margin-right: 6.4rem;
112 
+  }
113 
+  .titleName {
114 
+    font-size: 1.125rem;
115 
+    font-weight: 600;
116 
+  }
117 
+  .consoleBox {
118 
+    margin-top: 0.8125rem;
119 
+    background: #fff;
120 
+  }
121 
+  .consoleOne {
122 
+    padding: 0 0.8125rem;
123 
+    height: 4.0625rem;
124 
+    display: flex;
125 
+    align-items: center;
126 
+    justify-content: space-between;
127 
+    border-bottom: 1px solid #9b9b9b;
128 
+    img {
129 
+      width: 2rem;
130 
+      height: 2rem;
131 
+    }
132 
+    .consoleRight {
133 
+      display: flex;
134 
+      justify-content: space-between;
135 
+      align-items: center;
136 
+      width: 88%;
137 
+    }
138 
+    .rightName {
139 
+      font-size: 1rem;
140 
+      color: #313234;
141 
+      margin-bottom: 0.375rem;
142 
+    }
143 
+    .rightTip {
144 
+      color: #9b9b9b;
145 
+      font-size: 0.8125rem;
146 
+    }
147 
+    .van-icon-arrow {
148 
+      color: #9f9f9f;
149 
+    }
150 
+  }
151 
+  .transfer {
152 
+    margin-top: 0.8125rem;
153 
+    background: #fff;
154 
+    padding: 0 0.8125rem;
155 
+    height: 3.125rem;
156 
+    display: flex;
157 
+    justify-content: space-between;
158 
+    align-items: center;
159 
+    img {
160 
+      width: 2rem;
161 
+      height: 2rem;
162 
+    }
163 
+    .transferRight {
164 
+      width: 88%;
165 
+      display: flex;
166 
+      align-items: center;
167 
+      justify-content: space-between;
168 
+    }
169 
+    .van-icon-arrow {
170 
+      color: #9f9f9f;
171 
+    }
172 
+  }
173 
+}
174 
+</style>

+ 146 - 0
src/pages/console/managementConsole/staff_role/addStaff/index.vue Voir le fichier 

@@ -0,0 +1,146 @@
1 
+<template>
2 
+  <div class="page_addStaff">
3 
+    <div class="editStaffTitle">
4 
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5 
+      <span class="titleName">新增员工</span>
6 
+      <p>保存</p>
7 
+    </div>
8 
+    <div class="editStaffTip">必填</div>
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 
+      />
23 
+      <van-cell class="newCell">
24 
+        <!-- 使用 title 插槽来自定义标题 -->
25 
+        <template slot="title">
26 
+          <span class="custom-title">角色</span>
27 
+          <div style="width:76%;margin-left:3.3rem">
28 
+            <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 
+              >
47 
+            </van-checkbox-group>
48 
+          </div>
49 
+        </template>
50 
+      </van-cell>
51 
+    </div>
52 
+    <div class="editStaffTip">选填</div>
53 
+    <div class="staffBox">
54 
+      <van-field v-model="text" label="职位" placeholder="请填写" />
55 
+    </div>
56 
+    <div class="addnewStaff">
57 
+      <van-icon class="addIcon" name="add" />
58 
+      <p>继续新增员工</p>
59 
+    </div>
60 
+  </div>
61 
+</template>
62 
+
63 
+<script>
64 
+export default {
65 
+  data() {
66 
+    return {
67 
+      result: [],
68 
+      value1: ""
69 
+    };
70 
+  }
71 
+};
72 
+</script>
73 
+
74 
+<style lang="scss" scoped>
75 
+.page_addStaff {
76 
+  height: 100%;
77 
+  overflow: hidden;
78 
+  background: #fafafa;
79 
+  .editStaffTitle {
80 
+    height: 3.125rem;
81 
+    display: flex;
82 
+    align-items: center;
83 
+    justify-content: space-between;
84 
+    width: 100%;
85 
+    padding: 0 1.125rem;
86 
+    background: #fff;
87 
+  }
88 
+  .jiantou {
89 
+    font-size: 1.5rem;
90 
+    font-weight: 600;
91 
+    margin-right: 1.25rem;
92 
+  }
93 
+  .titleName {
94 
+    font-size: 1.125rem;
95 
+    font-weight: 600;
96 
+  }
97 
+  .editStaffTip {
98 
+    height: 1.875rem;
99 
+    line-height: 1.875rem;
100 
+    font-size: 0.75rem;
101 
+    padding-left: 0.875rem;
102 
+    color: #989898;
103 
+  }
104 
+  .staffBox {
105 
+    .van-cell {
106 
+      font-size: 1rem;
107 
+    }
108 
+    .newCell {
109 
+      padding-right: 0;
110 
+    }
111 
+  }
112 
+  .van-cell__title {
113 
+    display: flex;
114 
+  }
115 
+  .van-checkbox-group {
116 
+    display: flex;
117 
+    flex-wrap: wrap;
118 
+  }
119 
+  .van-checkbox {
120 
+    margin-bottom: 0.625rem;
121 
+  }
122 
+  .addnewStaff {
123 
+    height: 2.8125rem;
124 
+    line-height: 2.8125rem;
125 
+    background: #fff;
126 
+    width: 100%;
127 
+    margin-top: 0.875rem;
128 
+    display: flex;
129 
+    align-items: center;
130 
+    padding-left: 1rem;
131 
+    .addIcon {
132 
+      color: #338afb;
133 
+      font-size: 1.5rem;
134 
+      margin-right: 0.625rem;
135 
+    }
136 
+  }
137 
+}
138 
+</style>
139 
+<style lang="scss">
140 
+.page_editStaff {
141 
+  .van-cell__value {
142 
+    display: flex;
143 
+    align-items: center;
144 
+  }
145 
+}
146 
+</style>

+ 287 - 0
src/pages/console/managementConsole/staff_role/editRole/index.vue Voir le fichier 

@@ -0,0 +1,287 @@
1 
+<template>
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>
8 
+    <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 
+      />
20 
+    </div>
21 
+    <div class="disposeBox">
22 
+      <p class="disposeTitle">应用权限配置</p>
23 
+      <div class="disposeOne">
24 
+        <div class="disposeImg">
25 
+          <img src="../../assets/images/S1.png" alt="" />
26 
+        </div>
27 
+        <div class="disposeTxt">
28 
+          <div>
29 
+            <p class="disposeName">患者中心</p>
30 
+            <p class="disposeTip">新增患者、患者管理</p>
31 
+          </div>
32 
+          <van-icon class="arrow" name="arrow" />
33 
+        </div>
34 
+      </div>
35 
+      <div class="disposeOne">
36 
+        <div class="disposeImg">
37 
+          <img src="../../assets/images/S2.png" alt="" />
38 
+        </div>
39 
+        <div class="disposeTxt">
40 
+          <div>
41 
+            <p class="disposeName">排班管理</p>
42 
+            <p class="disposeTip">排班管理、排班提醒</p>
43 
+          </div>
44 
+          <van-icon class="arrow" name="arrow" />
45 
+        </div>
46 
+      </div>
47 
+      <div class="disposeOne">
48 
+        <div class="disposeImg">
49 
+          <img src="../../assets/images/S3.png" alt="" />
50 
+        </div>
51 
+        <div class="disposeTxt">
52 
+          <div>
53 
+            <p class="disposeName">签到体重</p>
54 
+            <p class="disposeTip">签到状态、透前透后数据</p>
55 
+          </div>
56 
+          <van-switch v-model="checked" size="24" />
57 
+        </div>
58 
+      </div>
59 
+      <div class="disposeOne">
60 
+        <div class="disposeImg">
61 
+          <img src="../../assets/images/S4.png" alt="" />
62 
+        </div>
63 
+        <div class="disposeTxt">
64 
+          <div>
65 
+            <p class="disposeName">透析管理</p>
66 
+            <p class="disposeTip">透析医嘱、透析记录、透析监测</p>
67 
+          </div>
68 
+          <van-icon class="arrow" name="arrow" />
69 
+        </div>
70 
+      </div>
71 
+      <div class="disposeOne">
72 
+        <div class="disposeImg">
73 
+          <img src="../../assets/images/S12.png" alt="" />
74 
+        </div>
75 
+        <div class="disposeTxt">
76 
+          <div>
77 
+            <p class="disposeName">库存管理</p>
78 
+            <p class="disposeTip">入库单、出库单、退库单、库存查询...</p>
79 
+          </div>
80 
+          <van-icon class="arrow" name="arrow" />
81 
+        </div>
82 
+      </div>
83 
+      <div class="disposeOne">
84 
+        <div class="disposeImg">
85 
+          <img src="../../assets/images/S5.png" alt="" />
86 
+        </div>
87 
+        <div class="disposeTxt">
88 
+          <div>
89 
+            <p class="disposeName">质控管理</p>
90 
+            <p class="disposeTip">患者统计分析、指标统计分析</p>
91 
+          </div>
92 
+          <van-icon class="arrow" name="arrow" />
93 
+        </div>
94 
+      </div>
95 
+      <div class="disposeOne">
96 
+        <div class="disposeImg">
97 
+          <img src="../../assets/images/S6.png" alt="" />
98 
+        </div>
99 
+        <div class="disposeTxt">
100 
+          <div>
101 
+            <p class="disposeName">院感管理</p>
102 
+            <p class="disposeTip">感染管理、消毒管理</p>
103 
+          </div>
104 
+          <van-icon class="arrow" name="arrow" />
105 
+        </div>
106 
+      </div>
107 
+      <div class="disposeOne">
108 
+        <div class="disposeImg">
109 
+          <img src="../../assets/images/S7.png" alt="" />
110 
+        </div>
111 
+        <div class="disposeTxt">
112 
+          <div>
113 
+            <p class="disposeName">血管通路</p>
114 
+            <p class="disposeTip">内篓管理、数据记录</p>
115 
+          </div>
116 
+          <van-icon class="arrow" name="arrow" />
117 
+        </div>
118 
+      </div>
119 
+      <div class="disposeOne">
120 
+        <div class="disposeImg">
121 
+          <img src="../../assets/images/S8.png" alt="" />
122 
+        </div>
123 
+        <div class="disposeTxt">
124 
+          <div>
125 
+            <p class="disposeName">慢病管理</p>
126 
+            <p class="disposeTip">患者院外监测、患者随访</p>
127 
+          </div>
128 
+          <van-icon class="arrow" name="arrow" />
129 
+        </div>
130 
+      </div>
131 
+      <div class="disposeOne">
132 
+        <div class="disposeImg">
133 
+          <img src="../../assets/images/S9.png" alt="" />
134 
+        </div>
135 
+        <div class="disposeTxt">
136 
+          <div>
137 
+            <p class="disposeName">SCRM</p>
138 
+            <p class="disposeTip">品牌建设、营销工具</p>
139 
+          </div>
140 
+          <van-icon class="arrow" name="arrow" />
141 
+        </div>
142 
+      </div>
143 
+      <div class="disposeOne">
144 
+        <div class="disposeImg">
145 
+          <img src="../../assets/images/S10.png" alt="" />
146 
+        </div>
147 
+        <div class="disposeTxt">
148 
+          <div>
149 
+            <p class="disposeName">分销商城</p>
150 
+            <p class="disposeTip">一键开店、分销商品</p>
151 
+          </div>
152 
+          <van-switch v-model="checked" size="24" />
153 
+        </div>
154 
+      </div>
155 
+      <div class="disposeOne">
156 
+        <div class="disposeImg">
157 
+          <img src="../../assets/images/S11.png" alt="" />
158 
+        </div>
159 
+        <div class="disposeTxt">
160 
+          <div>
161 
+            <p class="disposeName">设备管理</p>
162 
+            <p class="disposeTip">设备登记、维修记录</p>
163 
+          </div>
164 
+          <van-icon class="arrow" name="arrow" />
165 
+        </div>
166 
+      </div>
167 
+      <div class="disposeOne">
168 
+        <div class="disposeImg">
169 
+          <img src="../../assets/images/S13.png" alt="" />
170 
+        </div>
171 
+        <div class="disposeTxt noTxt">
172 
+          <div>
173 
+            <p class="disposeName">客服中心</p>
174 
+            <p style="visibility: hidden;">1</p>
175 
+          </div>
176 
+          <van-switch v-model="checked" size="24" />
177 
+        </div>
178 
+      </div>
179 
+    </div>
180 
+  </div>
181 
+</template>
182 
+
183 
+<script>
184 
+export default {
185 
+  data() {
186 
+    return {
187 
+      text1: "",
188 
+      checked: false
189 
+    };
190 
+  }
191 
+};
192 
+</script>
193 
+
194 
+<style lang="scss" scoped>
195 
+.page_editRole {
196 
+  height: 100%;
197 
+  overflow-y: auto;
198 
+  background: #fafafa;
199 
+  .editRoleTitle {
200 
+    background: #fff;
201 
+    padding: 0 1.125rem;
202 
+    height: 3.125rem;
203 
+    display: flex;
204 
+    align-items: center;
205 
+    justify-content: space-between;
206 
+  }
207 
+  .jiantou {
208 
+    font-size: 1.5rem;
209 
+    font-weight: 600;
210 
+    margin-right: 3rem;
211 
+  }
212 
+  .titleName {
213 
+    font-size: 1.125rem;
214 
+    font-weight: 600;
215 
+  }
216 
+  .roleDescription {
217 
+    margin: 0.875rem 0;
218 
+    .van-cell {
219 
+      font-size: 1rem;
220 
+    }
221 
+  }
222 
+  .disposeBox {
223 
+    margin-bottom: 1.25rem;
224 
+    .disposeTitle {
225 
+      height: 2.8125rem;
226 
+      line-height: 2.8125rem;
227 
+      background: rgba(255, 255, 255, 1);
228 
+      box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
229 
+      font-weight: bold;
230 
+      color: #313234;
231 
+      padding-left: 1.125rem;
232 
+    }
233 
+    .disposeOne {
234 
+      display: flex;
235 
+      justify-content: space-between;
236 
+      height: 4.0625rem;
237 
+      background: #fff;
238 
+      .disposeImg {
239 
+        width: 12%;
240 
+        padding-left: 1.125rem;
241 
+        padding-top: 1.125rem;
242 
+        img {
243 
+          width: 1.5rem;
244 
+          height: 1.5rem;
245 
+        }
246 
+      }
247 
+      .disposeTxt {
248 
+        width: 86%;
249 
+        box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
250 
+        display: flex;
251 
+        justify-content: space-between;
252 
+        align-items: center;
253 
+        padding-right: 0.875rem;
254 
+      }
255 
+      .noTxt {
256 
+        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
257 
+      }
258 
+      .disposeName {
259 
+        font-size: 1rem;
260 
+        color: #313234;
261 
+        margin-top: 0.375rem;
262 
+      }
263 
+      .disposeTip {
264 
+        font-size: 0.8125rem;
265 
+        color: #9b9b9b;
266 
+        margin-top: 0.375rem;
267 
+      }
268 
+      .arrow {
269 
+        color: #9f9f9f;
270 
+      }
271 
+    }
272 
+  }
273 
+}
274 
+::-webkit-scrollbar {
275 
+  width: 0;
276 
+}
277 
+</style>
278 
+<style lang="scss">
279 
+.page_editRole {
280 
+  .roleDescription {
281 
+    .van-cell__value {
282 
+      display: flex;
283 
+      align-items: center;
284 
+    }
285 
+  }
286 
+}
287 
+</style>

+ 135 - 0
src/pages/console/managementConsole/staff_role/editStaff/index.vue Voir le fichier 

@@ -0,0 +1,135 @@
1 
+<template>
2 
+  <div class="page_editStaff">
3 
+    <div class="editStaffTitle">
4 
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5 
+      <span class="titleName">编辑员工</span>
6 
+      <p>保存</p>
7 
+    </div>
8 
+    <div class="editStaffTip">必填</div>
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 
+      />
23 
+      <van-cell class="newCell">
24 
+        <!-- 使用 title 插槽来自定义标题 -->
25 
+        <template slot="title">
26 
+          <span class="custom-title">角色</span>
27 
+          <div style="width:76%;margin-left:3.3rem">
28 
+            <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 
+              >
47 
+            </van-checkbox-group>
48 
+          </div>
49 
+        </template>
50 
+      </van-cell>
51 
+    </div>
52 
+    <div class="editStaffTip">选填</div>
53 
+    <div class="staffBox">
54 
+      <van-field v-model="text" label="职位" placeholder="请填写" />
55 
+    </div>
56 
+    <div class="stop">禁用该员工账号</div>
57 
+  </div>
58 
+</template>
59 
+
60 
+<script>
61 
+export default {
62 
+  data() {
63 
+    return {
64 
+      result: []
65 
+    };
66 
+  }
67 
+};
68 
+</script>
69 
+
70 
+<style lang="scss" scoped>
71 
+.page_editStaff {
72 
+  height: 100%;
73 
+  overflow: hidden;
74 
+  background: #fafafa;
75 
+  .editStaffTitle {
76 
+    height: 3.125rem;
77 
+    display: flex;
78 
+    align-items: center;
79 
+    justify-content: space-between;
80 
+    width: 100%;
81 
+    padding: 0 1.125rem;
82 
+    background: #fff;
83 
+  }
84 
+  .jiantou {
85 
+    font-size: 1.5rem;
86 
+    font-weight: 600;
87 
+    margin-right: 1.25rem;
88 
+  }
89 
+  .titleName {
90 
+    font-size: 1.125rem;
91 
+    font-weight: 600;
92 
+  }
93 
+  .editStaffTip {
94 
+    height: 1.875rem;
95 
+    line-height: 1.875rem;
96 
+    font-size: 0.75rem;
97 
+    padding-left: 0.875rem;
98 
+    color: #989898;
99 
+  }
100 
+  .staffBox {
101 
+    .van-cell {
102 
+      font-size: 1rem;
103 
+    }
104 
+    .newCell {
105 
+      padding-right: 0;
106 
+    }
107 
+  }
108 
+  .van-cell__title {
109 
+    display: flex;
110 
+  }
111 
+  .van-checkbox-group {
112 
+    display: flex;
113 
+    flex-wrap: wrap;
114 
+  }
115 
+  .van-checkbox {
116 
+    margin-bottom: 0.625rem;
117 
+  }
118 
+  .stop {
119 
+    height: 2.8125rem;
120 
+    line-height: 2.8125rem;
121 
+    text-align: center;
122 
+    background: #fff;
123 
+    width: 100%;
124 
+    margin-top: 0.875rem;
125 
+  }
126 
+}
127 
+</style>
128 
+<style lang="scss">
129 
+.page_editStaff {
130 
+  .van-cell__value {
131 
+    display: flex;
132 
+    align-items: center;
133 
+  }
134 
+}
135 
+</style>

+ 42 - 0
src/pages/console/managementConsole/staff_role/newUser/index.vue Voir le fichier 

@@ -0,0 +1,42 @@
1 
+<template>
2 
+  <div class="page_newUser">
3 
+    <div class="newUserTitle">
4 
+      <i class="iconfont icon-zuojiantou jiantou"></i>
5 
+      <span class="titleName">新增角色</span>
6 
+    </div>
7 
+    <div class="newBox">
8 
+      <van-cell title="从已有员工中选择" is-link />
9 
+      <van-cell title="新增员工" is-link />
10 
+    </div>
11 
+  </div>
12 
+</template>
13 
+
14 
+<style lang="scss" scoped>
15 
+.page_newUser {
16 
+  height: 100%;
17 
+  overflow: hidden;
18 
+  background: #fafafa;
19 
+  .newUserTitle {
20 
+    background: #fff;
21 
+    padding: 0 1.125rem;
22 
+    height: 3.125rem;
23 
+    display: flex;
24 
+    align-items: center;
25 
+  }
26 
+  .jiantou {
27 
+    font-size: 1.5rem;
28 
+    font-weight: 600;
29 
+    margin-right: 7.2rem;
30 
+  }
31 
+  .titleName {
32 
+    font-size: 1.125rem;
33 
+    font-weight: 600;
34 
+  }
35 
+  .newBox {
36 
+    margin-top: 1rem;
37 
+    .van-cell {
38 
+      font-size: 1rem;
39 
+    }
40 
+  }
41 
+}
42 
+</style>

+ 276 - 0
src/pages/console/managementConsole/staff_role/privilegeManagement/index.vue Voir le fichier 

@@ -0,0 +1,276 @@
1 
+<template>
2 
+  <div class="page_privilegeManagement">
3 
+    <van-sticky>
4 
+      <div class="privilegeManagementTitle">
5 
+        <i class="iconfont icon-zuojiantou jiantou"></i>
6 
+        <span class="titleName">权限管理</span>
7 
+        <div class="iconBox">
8 
+          <van-icon class="iconOne add" name="add-o" />
9 
+        </div>
10 
+      </div>
11 
+    </van-sticky>
12 
+    <div class="peopleBox">
13 
+      <div class="peopleOne">
14 
+        <div>
15 
+          <div class="peopleTop">
16 
+            <div class="peopleImg">
17 
+              <img src="../../assets/images/people1.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>
29 
+              医生角色能够进行建立患者档案，制定和调整患者透
30 
+              析治疗方案，定期评价病人的透析质量等...
31 
+            </p>
32 
+            <p class="hasUser">
33 
+              该角色目前已配置<span style="color:#338AFB">0</span>个员工
34 
+            </p>
35 
+          </div>
36 
+        </div>
37 
+        <div class="operationBox">
38 
+          <p>新增用户</p>
39 
+          <p>用户管理</p>
40 
+        </div>
41 
+      </div>
42 
+      <div class="peopleOne">
43 
+        <div>
44 
+          <div class="peopleTop">
45 
+            <div class="peopleImg">
46 
+              <img src="../../assets/images/people2.jpg" alt="" />
47 
+            </div>
48 
+            <div class="peopleTitle">
49 
+              <p>护士</p>
50 
+              <div class="setting">
51 
+                <van-icon class="setting-o" name="setting-o" />
52 
+                <span>权限配置</span>
53 
+              </div>
54 
+            </div>
55 
+          </div>
56 
+          <div class="peopleContent">
57 
+            <p>
58 
+              护士角色能够进行病人透析管理，以及医院的感染控 制与消毒记录等...
59 
+            </p>
60 
+            <p class="hasUser">
61 
+              该角色目前已配置<span style="color:#338AFB">0</span>个员工
62 
+            </p>
63 
+          </div>
64 
+        </div>
65 
+        <div class="operationBox">
66 
+          <p>新增用户</p>
67 
+          <p>用户管理</p>
68 
+        </div>
69 
+      </div>
70 
+      <div class="peopleOne">
71 
+        <div>
72 
+          <div class="peopleTop">
73 
+            <div class="peopleImg">
74 
+              <img src="../../assets/images/people3.jpg" alt="" />
75 
+            </div>
76 
+            <div class="peopleTitle">
77 
+              <p>库存</p>
78 
+              <div class="setting">
79 
+                <van-icon class="setting-o" name="setting-o" />
80 
+                <span>权限配置</span>
81 
+              </div>
82 
+            </div>
83 
+          </div>
84 
+          <div class="peopleContent">
85 
+            <p>
86 
+              库存角色负责透析耗材的日常管理，对耗材的入库、出库、
87 
+              退库的登记操作
88 
+            </p>
89 
+            <p class="hasUser">
90 
+              该角色目前已配置<span style="color:#338AFB">0</span>个员工
91 
+            </p>
92 
+          </div>
93 
+        </div>
94 
+        <div class="operationBox">
95 
+          <p>新增用户</p>
96 
+          <p>用户管理</p>
97 
+        </div>
98 
+      </div>
99 
+      <div class="peopleOne">
100 
+        <div>
101 
+          <div class="peopleTop">
102 
+            <div class="peopleImg">
103 
+              <img src="../../assets/images/people4.jpg" alt="" />
104 
+            </div>
105 
+            <div class="peopleTitle">
106 
+              <p>院长</p>
107 
+              <div class="setting">
108 
+                <van-icon class="setting-o" name="setting-o" />
109 
+                <span>权限配置</span>
110 
+              </div>
111 
+            </div>
112 
+          </div>
113 
+          <div class="peopleContent">
114 
+            <p>
115 
+              院长角色了解血透患者血液透析质量和相关的大数据，以及掌握透析中心整体运营情况
116 
+            </p>
117 
+            <p class="hasUser">
118 
+              该角色目前已配置<span style="color:#338AFB">0</span>个员工
119 
+            </p>
120 
+          </div>
121 
+        </div>
122 
+        <div class="operationBox">
123 
+          <p>新增用户</p>
124 
+          <p>用户管理</p>
125 
+        </div>
126 
+      </div>
127 
+      <div class="peopleOne">
128 
+        <div>
129 
+          <div class="peopleTop">
130 
+            <div class="peopleImg">
131 
+              <img src="../../assets/images/people5.jpg" alt="" />
132 
+            </div>
133 
+            <div class="peopleTitle">
134 
+              <p>子管理员</p>
135 
+              <div class="setting">
136 
+                <van-icon class="setting-o" name="setting-o" />
137 
+                <span>权限配置</span>
138 
+              </div>
139 
+            </div>
140 
+          </div>
141 
+          <div class="peopleContent">
142 
+            <p>
143 
+              子管理员具备平台全部功能的使用权限 请谨慎配置
144 
+            </p>
145 
+            <p class="hasUser">
146 
+              该角色目前已配置<span style="color:#338AFB">0</span>个员工
147 
+            </p>
148 
+          </div>
149 
+        </div>
150 
+        <div class="operationBox">
151 
+          <p>新增用户</p>
152 
+          <p>用户管理</p>
153 
+        </div>
154 
+      </div>
155 
+    </div>
156 
+  </div>
157 
+</template>
158 
+
159 
+<style lang="scss" scoped>
160 
+.page_privilegeManagement {
161 
+  height: 100%;
162 
+  overflow-y: auto;
163 
+  background: #fafafa;
164 
+  .privilegeManagementTitle {
165 
+    background: #fff;
166 
+    padding: 0 1.125rem;
167 
+    height: 3.125rem;
168 
+    display: flex;
169 
+    align-items: center;
170 
+    justify-content: space-between;
171 
+  }
172 
+  .jiantou {
173 
+    font-size: 1.5rem;
174 
+    font-weight: 600;
175 
+  }
176 
+  .titleName {
177 
+    font-size: 1.125rem;
178 
+    font-weight: 600;
179 
+  }
180 
+  .iconOne {
181 
+    font-size: 1.5rem;
182 
+  }
183 
+  .peopleBox {
184 
+    margin-bottom: 1.875rem;
185 
+  }
186 
+  .peopleOne {
187 
+    margin: 0.875rem 0.75rem 0;
188 
+    background: #fff;
189 
+    height: 10.5rem;
190 
+    display: flex;
191 
+    flex-direction: column;
192 
+    justify-content: space-between;
193 
+    border-radius: 0.3125rem;
194 
+    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.05);
195 
+    .peopleTop {
196 
+      height: 3.125rem;
197 
+      display: flex;
198 
+      align-items: center;
199 
+      padding-left: 0.875rem;
200 
+      padding-right: 1.75rem;
201 
+    }
202 
+    .peopleImg {
203 
+      width: 10%;
204 
+      display: flex;
205 
+      align-items: center;
206 
+      img {
207 
+        width: 1.75rem;
208 
+        height: 1.75rem;
209 
+      }
210 
+    }
211 
+    .peopleTitle {
212 
+      width: 90%;
213 
+      display: flex;
214 
+      align-items: center;
215 
+      justify-content: space-between;
216 
+      padding-left: 0.625rem;
217 
+      p {
218 
+        font-weight: bold;
219 
+        font-size: 1.125rem;
220 
+      }
221 
+    }
222 
+    .setting {
223 
+      display: flex;
224 
+      align-items: center;
225 
+      color: #838487;
226 
+      height: 1.25rem;
227 
+      line-height: 1.25rem;
228 
+      .setting-o {
229 
+        font-size: 1.25rem;
230 
+        margin-right: 0.375rem;
231 
+      }
232 
+      span {
233 
+        font-size: 0.9375rem;
234 
+      }
235 
+    }
236 
+    .peopleContent {
237 
+      width: 90%;
238 
+      float: right;
239 
+      padding-left: 1.2rem;
240 
+      padding-right: 1.5rem;
241 
+      font-size: 0.8125rem;
242 
+      color: #989898;
243 
+      line-height: 1.125rem;
244 
+    }
245 
+    .hasUser {
246 
+      color: #666666;
247 
+      margin-top: 0.5rem;
248 
+    }
249 
+    .operationBox {
250 
+      height: 2.8125rem;
251 
+      display: flex;
252 
+      align-items: center;
253 
+      justify-content: space-around;
254 
+      width: 100%;
255 
+      box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
256 
+      > p:first-child {
257 
+        border-right: 1px solid #ccc;
258 
+      }
259 
+      p {
260 
+        width: 50%;
261 
+        font-size: 0.875rem;
262 
+        color: #338afb;
263 
+        text-align: center;
264 
+        height: 2.25rem;
265 
+        line-height: 2.25rem;
266 
+      }
267 
+    }
268 
+    .line {
269 
+      color: #e5e5e5;
270 
+    }
271 
+  }
272 
+}
273 
+::-webkit-scrollbar {
274 
+  width: 0;
275 
+}
276 
+</style>

+ 113 - 0
src/pages/console/managementConsole/staff_role/staffManagement/index.vue Voir le fichier 

@@ -0,0 +1,113 @@
1 
+<template>
2 
+  <div class="page_staffManagement">
3 
+    <van-sticky>
4 
+      <div class="staffManagementTitle">
5 
+        <i class="iconfont icon-zuojiantou jiantou"></i>
6 
+        <span class="titleName">员工管理</span>
7 
+        <div class="iconBox">
8 
+          <van-icon class="iconOne add" name="add-o" />
9 
+        </div>
10 
+      </div>
11 
+    </van-sticky>
12 
+    <div class="staffBox">
13 
+      <div class="staffOne" v-for="(item,index) in admin_user" :key="index" v-if="admin_user.length > 0" >
14 
+        <img  v-if="item.avatar.length > 0" :src="item.avatar" alt="" />
15 
+        <img  v-if="item.avatar.length == 0" src="../../../../../assets/images/default_avatar.jpg" alt="" />
16 
+        <p><span>{{item.user_name}}</span><i @click="goEditStaff(item.user_id)" class="iconfont icon-bianji bianji"></i></p>
17 
+      </div>
18 
+    </div>
19 
+  </div>
20 
+</template>
21 
+<script>
22 
+  // import "../libs/rem.js";
23 
+  import { setRem } from "@/libs/functionRem";
24 
+  import {GetAllStaff} from "@/api/admin_user";
25 
+
26 
+
27 
+  export default {
28 
+    data() {
29 
+      return {
30 
+        admin_user: [],
31 
+
32 
+      };
33 
+    },
34 
+    methods: {
35 
+      GetAllStaff:function () {
36 
+        GetAllStaff().then(response => {
37 
+          if (response.data.state === 1) {
38 
+            this.admin_user = response.data.data.admins
39 
+
40 
+          } else {
41 
+            this.$toast({
42 
+              message: response.data.msg
43 
+            });
44 
+          }
45 
+        });
46 
+      },goEditStaff:function (id) {
47 
+        this.$router.push({path:"/staff/editstaff?id="+id})
48 
+      }
49 
+    },created(){
50 
+      setRem()
51 
+      this.GetAllStaff()
52 
+    }
53 
+  };
54 
+</script>
55 
+
56 
+<style lang="scss" scoped>
57 
+  .page_staffManagement {
58 
+    height: 100%;
59 
+    overflow-y: auto;
60 
+    background: #fafafa;
61 
+  .staffManagementTitle {
62 
+    background: #fff;
63 
+    padding: 0 1.125rem;
64 
+    height: 3.125rem;
65 
+    display: flex;
66 
+    align-items: center;
67 
+    justify-content: space-between;
68 
+  }
69 
+  .jiantou {
70 
+    font-size: 1.5rem;
71 
+    font-weight: 600;
72 
+  }
73 
+  .titleName {
74 
+    font-size: 1.125rem;
75 
+    font-weight: 600;
76 
+  }
77 
+  .iconOne {
78 
+    font-size: 1.5rem;
79 
+  }
80 
+  .staffBox {
81 
+    margin-top: 1rem;
82 
+    padding-left: 0.875rem;
83 
+    background: #fff;
84 
+  .staffOne {
85 
+    display: flex;
86 
+    align-items: center;
87 
+    height: 3.75rem;
88 
+  img {
89 
+    width: 2.5rem;
90 
+    height: 2.5rem;
91 
+    margin-right: 0.875rem;
92 
+  }
93 
+  p {
94 
+    display: flex;
95 
+    align-items: center;
96 
+    justify-content: space-between;
97 
+    padding-right: 0.875rem;
98 
+    flex: 1;
99 
+    height: 100%;
100 
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
101 
+  }
102 
+  .bianji {
103 
+    font-size: 1.25rem;
104 
+    color: #cccccc;
105 
+  }
106 
+  }
107 
+  }
108 
+  }
109 
+  ::-webkit-scrollbar {
110 
+    width: 0;
111 
+  }
112 
+</style>
113 
+

+ 4 - 1
src/pages/homeIndex/index.vue Voir le fichier 

@@ -52,7 +52,7 @@
52 52 
           管理控制台
53 53 
           <span>（仅管理员可见）</span>
54 54 
         </div>
55 
-        <div class="setting">
55 
+        <div class="setting" @click="toConsole()">
56 56 
           <van-icon name="setting-o"/>
57 57 
           管理
58 58 
         </div>
 
@@ -253,6 +253,9 @@
253 253 
           }
254 254 
         });
255 255
256 
+      },toConsole(){
257 
+        this.$router.push({path: "/manageconsole"});
258 
+
256 259 
       },
257 260 
     },
258 261 
     created() {

+ 24 - 0
src/router/index.js Voir le fichier 

@@ -75,6 +75,7 @@ export default new Router({
75 75 
         }
76 76 
       ]
77 77 
     },
78 
+
78 79 
     {
79 80 
       path: '/perfectOrg',
80 81 
       component: () => import('@/pages/org'),
 
@@ -82,6 +83,29 @@ export default new Router({
82 83 
         noCache: true // 不会被 <keep-alive> 缓存
83 84 
       },
84 85 
     },
86 
+    {
87 
+      path: "/manageconsole",
88 
+      name: "console",
89 
+      component: () => import("@/pages/console/managementConsole"),
90 
+      children: [
91 
+        {
92 
+          path: '/addstaff',
93 
+          name: 'addstaff',
94 
+          component: () => import('@/pages/console/managementConsole/staff_role/addStaff'),
95 
+
96 
+        },
97 
+      ]
98 
+    },
99 
+    {
100 
+      path: '/manageconsole/staff',
101 
+      name: 'staff',
102 
+      component: () => import('@/pages/console/managementConsole/staff_role/staffManagement'),
103 
+    },
104 
+    {
105 
+      path: '/staff/editstaff',
106 
+      name: 'editstaff',
107 
+      component: () => import('@/pages/console/managementConsole/staff_role/editStaff'),
108 
+    },
85 109 
     // 患者中心
86 110 
     {
87 111 
       path: '/patients',