提交代码

src/router/modules/stock.js

@@ -13,7 +13,7 @@ export default {
   },
   children: [
     {
-      path: "/stock/a",
+      path: "/stock/",
       component: Layout,
       redirect: "noredirect",
       name: "warehouseReceipt",
@@ -23,7 +23,7 @@ export default {
       },
       children: [
         {
-          path: "/stock/a/in",
+          path: "/stock/in",
           component: () => import("@/xt_pages/stock/stockInOrder"),
           name: "stockInOrder",
           meta: { title: "stockInOrder", noCache: true }
@@ -49,7 +49,7 @@ export default {
       ]
     },
     {
-      path: "/stock/",
+      path: "stock/",
       component: Layout,
       redirect: "noredirect",
       name: "warehouseReceiptOther",

src/styles/sidebar.scss

@@ -13,7 +13,7 @@
     height: 100%;
     position: fixed;
     font-size: 0px;
-    top: 60px;
+    // top: 60px;
     bottom: 0;
     left: 0;
     z-index: 1001;

src/views/layout/components/AppMain.vue

@@ -10,16 +10,16 @@
 
 <script>
 export default {
-  name: 'AppMain',
+  name: "AppMain",
   computed: {
     cachedViews() {
-      return this.$store.state.tagsView.cachedViews
+      return this.$store.state.tagsView.cachedViews;
     },
     key() {
-      return this.$route.fullPath
+      return this.$route.fullPath;
     }
   }
-}
+};
 </script>
 
 <style scoped>
@@ -28,9 +28,8 @@ export default {
   min-height: calc(100vh - 120px);
   position: relative;
   overflow: hidden;
-  margin-top: 50px;
-   background: #f6f8f9;
-  
+  margin-top: 40px;
+  background: #f6f8f9;
 }
 </style>
 

src/views/layout/components/Navbar.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="top-nav">
-    <div class="nav-logo">
+    <!-- <div class="nav-logo">
       <img :src="require(`../../../assets/logo/logo.png`)" alt="">
     </div>
     <el-menu class="navbar" mode="horizontal">
@@ -47,119 +47,236 @@
           <el-dropdown-menu slot="dropdown">
             <el-dropdown-item command="modifyUserInfoAction">
               修改个人信息
-              <!-- <span @click="modifyUserInfoAction">修改个人信息</span> -->
             </el-dropdown-item>
             <el-dropdown-item command="modifyOrgInfoAction">
               机构信息
             </el-dropdown-item>
-            <!-- <el-dropdown-item divided>
-              <span @click="myServe">我的服务</span>
-            </el-dropdown-item> -->
             <el-dropdown-item divided command="logout">
               {{$t('navbar.logOut')}}
-              <!-- <span @click="logout" style="display:block;">{{$t('navbar.logOut')}}</span> -->
+              
             </el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
 
-        <!-- <screenfull class="screenfull right-menu-item"></screenfull> -->
         <modify-user-info-dialog ref="modify_user_info_dialog"></modify-user-info-dialog>
         <modify-org-info-dialog ref="modify_org_info_dialog"></modify-org-info-dialog>
 
       </div>
-    </el-menu>
+    </el-menu>-->
+    <div class="dropdownBox">
+      <el-dropdown trigger="click">
+        <span class="el-dropdown-link">
+          {{this.$store.getters.xt_user.org.org_name}}
+          <i class="el-icon-arrow-down el-icon--right"></i>
+        </span>
+        <el-dropdown-menu slot="dropdown">
+          <el-dropdown-item icon="el-icon-plus">黄金糕</el-dropdown-item>
+          <el-dropdown-item icon="el-icon-circle-plus">狮子头</el-dropdown-item>
+          <el-dropdown-item icon="el-icon-circle-plus-outline">螺蛳粉</el-dropdown-item>
+          <el-dropdown-item icon="el-icon-check">双皮奶</el-dropdown-item>
+          <el-dropdown-item icon="el-icon-circle-check">蚵仔煎</el-dropdown-item>
+        </el-dropdown-menu>
+      </el-dropdown>
+    </div>
+    <div class="navRight">
+      <el-input placeholder="搜索患者透析号/姓名/首拼" prefix-icon="el-icon-search" v-model="input2"></el-input>
+      <div style="color: #b2b2b3;">通知中心</div>
+      <div class="right-menu">
+        <el-dropdown
+          class="avatar-container right-menu-item"
+          trigger="click"
+          @command="handleCommand"
+        >
+          <div class="avatar-wrapper">
+            <img class="user-avatar" :src="avater" />
+            <span class="user-title">{{ this.$store.getters.xt_user.user.user_name }}</span>
+            <i class="el-icon-caret-bottom"></i>
+          </div>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item command="modifyUserInfoAction">修改个人信息</el-dropdown-item>
+            <el-dropdown-item command="modifyOrgInfoAction">机构信息</el-dropdown-item>
+            <el-dropdown-item divided command="logout">{{$t('navbar.logOut')}}</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+
+        <modify-user-info-dialog ref="modify_user_info_dialog"></modify-user-info-dialog>
+        <modify-org-info-dialog ref="modify_org_info_dialog"></modify-org-info-dialog>
+      </div>
+      <div>
+        <i class="el-icon-question"></i>
+        <span>帮助中心</span>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
-  import { mapGetters } from 'vuex'
-  // import Breadcrumb from "@/components/Breadcrumb";
-  // import Hamburger from "@/components/Hamburger";
-  import Screenfull from '@/components/Screenfull'
-  import ModifyUserInfoDialog from '@/xt_pages/home/modify_user_info_dialog'
-  import ModifyOrgInfoDialog from '@/xt_pages/home/modifyOrgInfoDialog'
-
-  export default {
-    data() {
-      return {
-        // scrm_role_exist: $store.getters.xt_user.scrm_role_exist
+import { mapGetters } from "vuex";
+// import Breadcrumb from "@/components/Breadcrumb";
+// import Hamburger from "@/components/Hamburger";
+import Screenfull from "@/components/Screenfull";
+import ModifyUserInfoDialog from "@/xt_pages/home/modify_user_info_dialog";
+import ModifyOrgInfoDialog from "@/xt_pages/home/modifyOrgInfoDialog";
+
+export default {
+  data() {
+    return {
+      // scrm_role_exist: $store.getters.xt_user.scrm_role_exist
+    };
+  },
+  components: {
+    // Breadcrumb,
+    // Hamburger,
+    Screenfull,
+    ModifyUserInfoDialog,
+    ModifyOrgInfoDialog
+  },
+  computed: {
+    ...mapGetters(["sidebar"]),
+    avater: function() {
+      var avatar = this.$store.getters.xt_user.user.avatar;
+      return avatar.length > 0
+        ? avatar
+        : require("../../../assets/home/userData.png");
+    }
+  },
+  methods: {
+    // toggleSideBar() {
+    //   this.$store.dispatch("toggleSideBar");
+    // },
+    handleCommand(command) {
+      switch (command) {
+        case "modifyUserInfoAction":
+          this.modifyUserInfoAction();
+          break;
+        case "modifyOrgInfoAction":
+          this.modifyOrgInfoAction();
+          break;
+        case "logout":
+          this.logout();
+          break;
       }
     },
-    components: {
-      // Breadcrumb,
-      // Hamburger,
-      Screenfull,
-      ModifyUserInfoDialog,
-      ModifyOrgInfoDialog,
+    logout() {
+      this.$store.dispatch("FrontendLogout");
+      window.location.href = process.env.BASE_API + "/logout";
     },
-    computed: {
-      ...mapGetters(['sidebar']),
-      avater: function() {
-        var avatar = this.$store.getters.xt_user.user.avatar
-        return avatar.length > 0
-          ? avatar
-          : require('../../../assets/home/userData.png')
-      }
+    modifyOrgInfoAction() {
+      // this.$refs.modify_org_info_dialog.show()
+      this.$router.push("/orginfo");
+      return false;
     },
-    methods: {
-      // toggleSideBar() {
-      //   this.$store.dispatch("toggleSideBar");
-      // },
-      handleCommand(command){
-        switch (command) {
-          case 'modifyUserInfoAction':
-            this.modifyUserInfoAction();
-            break;
-          case 'modifyOrgInfoAction':
-            this.modifyOrgInfoAction();
-            break;
-          case 'logout':
-            this.logout();
-            break;
-        }
-      },
-      logout() {
-        this.$store.dispatch('FrontendLogout')
-        window.location.href = process.env.BASE_API + '/logout'
-      },
-      modifyOrgInfoAction() {
-        // this.$refs.modify_org_info_dialog.show()
-        this.$router.push('/orginfo')
-        return false
-      },
-      modifyUserInfoAction() {
-        this.$refs.modify_user_info_dialog.show()
-      },
-      myServe() {
-        this.$router.push('/service')
-        return false
-      },
-      SCRMWebsit() {
-        return process.env.SRCM_HOST
-      },
-      MircoMallWebsit() {
-        return process.env.MIRCO_MALL_HOST
-      },
-      CDMWebsit() {
-        return process.env.CDM_HOST
-      },
-      APPManageWebsit() {
-        return process.env.SSO_HOST + '/org/admin/apps?org=' + this.$store.getters.xt_user.org_id
-      }
+    modifyUserInfoAction() {
+      this.$refs.modify_user_info_dialog.show();
+    },
+    myServe() {
+      this.$router.push("/service");
+      return false;
+    },
+    SCRMWebsit() {
+      return process.env.SRCM_HOST;
     },
-    created() {
+    MircoMallWebsit() {
+      return process.env.MIRCO_MALL_HOST;
+    },
+    CDMWebsit() {
+      return process.env.CDM_HOST;
+    },
+    APPManageWebsit() {
+      return (
+        process.env.SSO_HOST +
+        "/org/admin/apps?org=" +
+        this.$store.getters.xt_user.org_id
+      );
     }
-  }
+  },
+  created() {}
+};
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
 .top-nav {
-  background: #409eff;
+  background: #fff;
   position: fixed;
   top: 0;
-  left: 0;
+  left: 150px;
   right: 0;
   z-index: 1000;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  .dropdownBox {
+    margin-left: 10px;
+  }
+  .navRight {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 540px;
+    margin-right: 10px;
+    .right-menu {
+      float: right;
+      height: 100%;
+      z-index: 99999;
+      color: #606266;
+      & :focus {
+        outline: none;
+      }
+
+      .right-menu-item {
+        display: inline-block;
+        margin: 0 8px;
+
+        .iconfont {
+          font-size: 18px;
+        }
+      }
+      .screenfull {
+        height: 20px;
+      }
+
+      .international {
+        vertical-align: top;
+      }
+
+      .theme-switch {
+        vertical-align: 15px;
+      }
+
+      .avatar-container {
+        margin-right: 10px;
+
+        .avatar-wrapper {
+          cursor: pointer;
+          margin-top: 3px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+
+          .user-avatar {
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            object-fit: cover;
+            object-position: center;
+          }
+
+          .user-title {
+            margin: 0 8px;
+            font-size: 14px;
+            color: #b2b2b3;
+          }
+
+          .el-icon-caret-bottom {
+            font-size: 12px;
+            color: #b2b2b3;
+          }
+        }
+      }
+    }
+  }
+
   .nav-logo {
     width: 162px;
     display: flex;
@@ -171,11 +288,10 @@
     box-sizing: border-box;
     float: left;
 
-  img {
-    display: inline-block;
-    width: 100px;
-  }
-
+    img {
+      display: inline-block;
+      width: 100px;
+    }
   }
   .navbar {
     border-radius: 0px !important;
@@ -188,102 +304,96 @@
     background: #409eff;
     float: left;
 
-  .breadcrumb-container {
-    float: left;
-  }
-
-  .errLog-container {
-    display: inline-block;
-    vertical-align: top;
-  }
+    .breadcrumb-container {
+      float: left;
+    }
 
-  .right-menu {
-    float: right;
-    height: 100%;
-    z-index: 99999;
+    .errLog-container {
+      display: inline-block;
+      vertical-align: top;
+    }
 
-  &
-  :focus {
-    outline: none;
-  }
+    .right-menu {
+      float: right;
+      height: 100%;
+      z-index: 99999;
 
-  .right-menu-item {
-    display: inline-block;
-    margin: 0 8px;
+      & :focus {
+        outline: none;
+      }
 
-  .iconfont {
-    font-size: 18px;
-  }
+      .right-menu-item {
+        display: inline-block;
+        margin: 0 8px;
 
-  }
-  .screenfull {
-    height: 20px;
-  }
+        .iconfont {
+          font-size: 18px;
+        }
+      }
+      .screenfull {
+        height: 20px;
+      }
 
-  .international {
-    vertical-align: top;
-  }
+      .international {
+        vertical-align: top;
+      }
 
-  .theme-switch {
-    vertical-align: 15px;
-  }
+      .theme-switch {
+        vertical-align: 15px;
+      }
 
-  .avatar-container {
-    margin-right: 10px;
+      .avatar-container {
+        margin-right: 10px;
 
-  .avatar-wrapper {
-    cursor: pointer;
-    margin-top: 3px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+        .avatar-wrapper {
+          cursor: pointer;
+          margin-top: 3px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
 
-  .user-avatar {
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
-    object-fit: cover;
-    object-position: center;
-  }
+          .user-avatar {
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            object-fit: cover;
+            object-position: center;
+          }
 
-  .user-title {
-    margin: 0 8px;
-    font-size: 14px;
-    color: #fff;
-  }
+          .user-title {
+            margin: 0 8px;
+            font-size: 14px;
+            color: #fff;
+          }
 
-  .el-icon-caret-bottom {
-    font-size: 12px;
-    color: #fff;
-  }
-
-  }
-  }
-  }
+          .el-icon-caret-bottom {
+            font-size: 12px;
+            color: #fff;
+          }
+        }
+      }
+    }
   }
   .system-nav {
+    .system-nav-menu {
+      float: left;
+      height: 60px;
+      line-height: 60px;
+      padding: 0 25px;
 
-  .system-nav-menu {
-    float: left;
-    height: 60px;
-    line-height: 60px;
-    padding: 0 25px;
-
-  a {
-    font-size: 15px;
-
-  .iconfont {
-    font-size: 18px;
-  }
-
-  }
-  }
-  .active {
-    background: #3090eb;
-    border-left: 1px #5fabf7 solid;
-    border-right: 1px #5fabf7 solid;
-  }
+      a {
+        font-size: 15px;
 
+        .iconfont {
+          font-size: 18px;
+        }
+      }
+    }
+    .active {
+      background: #3090eb;
+      border-left: 1px #5fabf7 solid;
+      border-right: 1px #5fabf7 solid;
+    }
   }
   .el-menu::after,
   .el-menu::before {
@@ -293,13 +403,24 @@
     top: 0;
     left: 0;
   }
+}
+.el-dropdown-menu {
+  z-index: 9999 !important;
+}
 
-  }
-  .el-dropdown-menu {
-    z-index: 9999 !important;
-  }
+.v-modal {
+  z-index: 9999 !important;
+}
+</style>
 
-  .v-modal {
-    z-index: 9999 !important;
+<style lang="scss">
+.navRight {
+  .el-input {
+    width: 250px;
+  }
+  .el-input__inner {
+    border-radius: 30px;
+    background: #f5f7fa;
   }
+}
 </style>

src/views/layout/components/Sidebar/SidebarItem.vue

@@ -20,26 +20,20 @@
           <span
             v-if="onlyOneChild.meta && onlyOneChild.meta.title"
             slot="title"
-            >{{ generateTitle(onlyOneChild.meta.title) }}</span
-          >
+          >{{ generateTitle(onlyOneChild.meta.title) }}</span>
         </el-menu-item>
       </router-link>
     </div>
 
     <div v-else>
-      <el-submenu
-        v-if="item.meta.isChild"
-        id="mySubmenu"
-        :index="item.name || item.path"
-      >
+      <el-submenu v-if="item.meta.isChild" id="mySubmenu" :index="item.name || item.path">
         <template slot="title">
-          <svg-icon
-            v-if="item.meta && item.meta.icon"
-            :icon-class="item.meta.icon"
-          ></svg-icon>
-          <span v-if="item.meta && item.meta.title" slot="title">{{
+          <svg-icon v-if="item.meta && item.meta.icon" :icon-class="item.meta.icon"></svg-icon>
+          <span v-if="item.meta && item.meta.title" slot="title">
+            {{
             generateTitle(item.meta.title)
-          }}</span>
+            }}
+          </span>
         </template>
         <template v-for="child in item.children" v-if="!child.hidden">
           <router-link
@@ -48,29 +42,23 @@
             :key="child.name"
           >
             <el-menu-item :index="resolvePath(child.path)">
-              <svg-icon
-                v-if="child.meta && child.meta.icon"
-                :icon-class="child.meta.icon"
-              ></svg-icon>
-              <span v-if="child.meta && child.meta.title" slot="title">{{
+              <svg-icon v-if="child.meta && child.meta.icon" :icon-class="child.meta.icon"></svg-icon>
+              <span v-if="child.meta && child.meta.title" slot="title">
+                {{
                 generateTitle(child.meta.title)
-              }}</span>
+                }}
+              </span>
             </el-menu-item>
           </router-link>
 
-          <router-link
-            v-else
-            :to="resolvePath(child.children[0].path)"
-            :key="child.name"
-          >
+          <router-link v-else :to="child.children[0].path" :key="child.name">
             <el-menu-item :index="resolvePath(child.path)">
-              <svg-icon
-                v-if="child.meta && child.meta.icon"
-                :icon-class="child.meta.icon"
-              ></svg-icon>
-              <span v-if="child.meta && child.meta.title" slot="title">{{
+              <svg-icon v-if="child.meta && child.meta.icon" :icon-class="child.meta.icon"></svg-icon>
+              <span v-if="child.meta && child.meta.title" slot="title">
+                {{
                 generateTitle(child.meta.title)
-              }}</span>
+                }}
+              </span>
             </el-menu-item>
           </router-link>
         </template>
@@ -79,13 +67,12 @@
         <router-link :to="resolvePath(item.children[0].path)">
           <el-menu-item :index="item.name || item.path">
             <template slot="title">
-              <svg-icon
-                v-if="item.meta && item.meta.icon"
-                :icon-class="item.meta.icon"
-              ></svg-icon>
-              <span v-if="item.meta && item.meta.title" slot="title">{{
+              <svg-icon v-if="item.meta && item.meta.icon" :icon-class="item.meta.icon"></svg-icon>
+              <span v-if="item.meta && item.meta.title" slot="title">
+                {{
                 generateTitle(item.meta.title)
-              }}</span>
+                }}
+              </span>
             </template>
 
             <!-- <template v-for="child in item.children" v-if="!child.hidden">
@@ -109,7 +96,7 @@
             }}</span>
           </el-menu-item>
         </router-link>
-      </template> -->
+            </template>-->
           </el-menu-item>
         </router-link>
       </div>

src/views/layout/components/Sidebar/index.vue

@@ -6,7 +6,7 @@
         :toggleClick="toggleSideBar"
         :isActive="sidebar.opened"
       ></hamburger>
-    </div> -->
+    </div>-->
     <!-- <el-menu
       mode="vertical"
       :unique-opened="uniqueOpened"
@@ -16,7 +16,10 @@
       background-color="#304156"
       text-color="#bfcbd9"
       active-text-color="#409EFF"
-    > -->
+    >-->
+    <div class="logo">
+      <img src="/static/img/logo.8dbb9fd.png" alt />
+    </div>
     <el-menu
       mode="vertical"
       :unique-opened="uniqueOpened"
@@ -70,7 +73,7 @@
         </div>
       </div>
     </div>
-  </div> -->
+  </div>-->
 </template>
 
 <script>
@@ -124,16 +127,7 @@ export default {
   height: 100%;
   overflow-y: auto;
   background: #304155;
-  .logo {
-    width: 100px;
-    height: 32px;
-    margin: 20px auto 0;
-    img {
-      width: 100%;
-      height: 100%;
-      display: block;
-    }
-  }
+
   .navBox {
     display: flex;
     flex-wrap: wrap;
@@ -160,6 +154,17 @@ export default {
   }
 }
 
+.logo {
+  width: 100px;
+  height: 32px;
+  margin: 20px auto 0;
+  img {
+    width: 100%;
+    height: 100%;
+    display: block;
+  }
+}
+
 .sideColumn {
   background-color: rgb(48, 65, 86);
   .head {
@@ -196,3 +201,9 @@ export default {
   }
 }
 </style>
+
+<style lang="scss">
+.scrollbar-wrapper {
+  background-color: rgb(48, 65, 86);
+}
+</style>

src/views/layout/components/TagsView.vue

@@ -25,7 +25,7 @@
       <li @click="closeSelectedTag(selectedTag)">{{ $t("tagsView.close") }}</li>
       <li @click="closeOthersTags">{{ $t("tagsView.closeOthers") }}</li>
       <li @click="closeAllTags">{{ $t("tagsView.closeAll") }}</li>
-    </ul> -->
+    </ul>-->
     <div class="tags-view-wrapper">
       <div class="tagsBox">
         <div
@@ -39,19 +39,13 @@
               class="newTags"
               :class="activeClass == i ? 'active' : ''"
               @click="onClick(i)"
-            >
-              {{ generateTitle(item.meta.title) }}
-            </p>
+            >{{ generateTitle(item.meta.title) }}</p>
           </router-link>
         </div>
         <div v-else class="tagsOne">
-          <p
-            class="newTags"
-            :class="activeClass == i ? 'active' : ''"
-            @click="onClick(i)"
-          >
+          <p class="newTags" :class="activeClass == i ? 'active' : ''" @click="onClick(i)">
             {{
-              generateTitle(permission_routers[newIndex].children[0].meta.title)
+            generateTitle(permission_routers[newIndex].children[0].meta.title)
             }}
           </p>
         </div>
@@ -185,7 +179,7 @@ export default {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04);
     position: fixed;
     z-index: 1000;
-    top: 60px;
+    top: 50px;
     overflow-x: scroll;
     white-space: normal;
     // right: 0;

src/xt_pages/role/components/AdminInfoForm.vue

@@ -1,47 +1,71 @@
 <template>
-    <el-dialog :title="formTitle" :visible.sync="dialogFormVisible">
-        <el-form :model="form" ref="form" :rules="rules" label-width="60px">
-                <el-form-item label="账号 : " prop="mobile">
-                    <el-input v-model="form.mobile" placeholder="用户手机号" :disabled="form.id !==  0"></el-input>
-                </el-form-item>
+  <el-dialog :title="formTitle" :visible.sync="dialogFormVisible">
+    <el-form :model="form" ref="form" :rules="rules" label-width="60px">
+      <el-form-item label="账号 : " prop="mobile">
+        <el-input v-model="form.mobile" placeholder="用户手机号" :disabled="form.id !==  0"></el-input>
+      </el-form-item>
 
-                <el-form-item label="姓名 : " prop="name">
-                    <el-input v-model="form.name" placeholder="用户姓名"></el-input>
-                </el-form-item>
+      <el-form-item label="姓名 : " prop="name">
+        <el-input v-model="form.name" placeholder="用户姓名"></el-input>
+      </el-form-item>
 
-                <el-form-item label="职称 : ">
-                    <el-select v-model="form.user_type" placeholder="用户类型">
-                        <el-option v-for="item in user_types" :label="item.name" :value="item.index" :key="item.index"></el-option>
-                    </el-select>
+      <el-form-item label="角色 : " prop="role">
+        <el-checkbox-group v-model="checkList">
+          <el-checkbox label="复选框 A"></el-checkbox>
+          <el-checkbox label="复选框 B"></el-checkbox>
+          <el-checkbox label="复选框 C"></el-checkbox>
+          <el-checkbox label="复选框 C"></el-checkbox>
+          <el-checkbox label="复选框 C"></el-checkbox>
+          <el-checkbox label="禁用"></el-checkbox>
+          <el-checkbox label="选中且禁用"></el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
 
-                    <el-select v-model="form.user_title" placeholder="用户职称">
-                        <el-option v-for="item in user_titles" :label="item.name" :value="item.index" :key="item.index"></el-option>
-                    </el-select>
-                </el-form-item>
+      <el-form-item label="职称 : ">
+        <el-select v-model="form.user_type" placeholder="用户类型">
+          <el-option
+            v-for="item in user_types"
+            :label="item.name"
+            :value="item.index"
+            :key="item.index"
+          ></el-option>
+        </el-select>
 
-                <el-form-item label="角色 : " prop="role">
-                    <el-select v-model="form.role" placeholder="角色">
-                        <el-option v-for="(item,index) in roles" :key="index" :label="item.name" :value="item.id"></el-option>
-                    </el-select>
-                </el-form-item>
+        <el-select v-model="form.user_title" placeholder="用户职称">
+          <el-option
+            v-for="item in user_titles"
+            :label="item.name"
+            :value="item.index"
+            :key="item.index"
+          ></el-option>
+        </el-select>
+      </el-form-item>
 
-                <el-form-item label="介绍 : ">
-                    <Tinymce :height=400 menubar='' ref="editor" v-model="form.intro" :show_upload_img="false" />
-                </el-form-item>
+      <el-form-item label="职位 : " prop="name">
+        <el-input v-model="form.name" placeholder="输入职位"></el-input>
+      </el-form-item>
 
-            </el-form>
-        <div slot="footer" class="dialog-footer">
-            <el-button @click="dialogFormVisible = false">取 消</el-button>
-            <el-button type="primary" @click="submitAction">保 存</el-button>
-        </div>
-    </el-dialog>
+      <el-form-item label="介绍 : ">
+        <Tinymce :height="400" menubar ref="editor" v-model="form.intro" :show_upload_img="false" />
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="dialogFormVisible = false">取 消</el-button>
+      <el-button type="primary" @click="submitAction">保 存</el-button>
+    </div>
+  </el-dialog>
 </template>
 
 <script>
-import Tinymce from '@/components/Tinymce'
-import { getAddAdminInitData, addAdmin, getModifyAdminInitData, modifyAdmin } from '@/api/role/admin'
+import Tinymce from "@/components/Tinymce";
+import {
+  getAddAdminInitData,
+  addAdmin,
+  getModifyAdminInitData,
+  modifyAdmin
+} from "@/api/role/admin";
 export default {
-  name: 'AdminInfoForm',
+  name: "AdminInfoForm",
   components: {
     Tinymce
   },
@@ -54,180 +78,196 @@ export default {
   data() {
     var checkMobile = (rule, value, callback) => {
       if (!value || value.length == 0) {
-        return callback(new Error('手机号不能为空'))
+        return callback(new Error("手机号不能为空"));
       }
       if (/^1\d{10}$/.test(value) == false) {
-        return callback(new Error('手机号格式错误'))
+        return callback(new Error("手机号格式错误"));
       } else {
-        callback()
+        callback();
       }
-    }
+    };
     var checkName = (rule, value, callback) => {
       if (!value || value.length == 0) {
-        return callback(new Error('姓名不能为空'))
+        return callback(new Error("姓名不能为空"));
       } else {
-        callback()
+        callback();
       }
-    }
+    };
     return {
+      checkList: [],
       admin_id: 0,
       dialogFormVisible: false,
 
       user_types: [
-        { index: 2, name: '医生' },
-        { index: 3, name: '护士' }
+        { index: 2, name: "医生" },
+        { index: 3, name: "护士" }
       ],
       user_titles: [
-        { index: 1, name: '医士' },
-        { index: 2, name: '医师' },
-        { index: 3, name: '住院医师' },
-        { index: 4, name: '主治医师' },
-        { index: 5, name: '副主任医师' },
-        { index: 6, name: '主任医师' },
-        { index: 7, name: '护士' },
-        { index: 8, name: '护师' },
-        { index: 9, name: '主管护师' },
-        { index: 10, name: '副主任护师' },
-        { index: 11, name: '主任护师' },
-        { index: 12, name: '运营专员' },
-        { index: 13, name: '运营主管' }
+        { index: 1, name: "医士" },
+        { index: 2, name: "医师" },
+        { index: 3, name: "住院医师" },
+        { index: 4, name: "主治医师" },
+        { index: 5, name: "副主任医师" },
+        { index: 6, name: "主任医师" },
+        { index: 7, name: "护士" },
+        { index: 8, name: "护师" },
+        { index: 9, name: "主管护师" },
+        { index: 10, name: "副主任护师" },
+        { index: 11, name: "主任护师" },
+        { index: 12, name: "运营专员" },
+        { index: 13, name: "运营主管" }
       ],
       roles: [], // [{id, name, intro, status}]
       loading: true,
-      qntoken: '',
-      formTitle: '',
+      qntoken: "",
+      formTitle: "",
       form: {
         id: 0,
-        mobile: '',
-        name: '',
-        user_type: '',
-        user_title: '',
-        role: '', // 其实应该是 int 类型
-        intro: ''
+        mobile: "",
+        name: "",
+        user_type: "",
+        user_title: "",
+        role: "", // 其实应该是 int 类型
+        intro: ""
       },
       rules: {
-        mobile: [
-          { required: true,validator: checkMobile, trigger: 'blur' }
-        ],
-        name: [
-          {required: true, validator: checkName, trigger: 'blur' }
-        ],
-        role: [
-          { required: true, message: '请选择角色', trigger: 'change' }
-        ],
+        mobile: [{ required: true, validator: checkMobile, trigger: "blur" }],
+        name: [{ required: true, validator: checkName, trigger: "blur" }],
+        role: [{ required: true, message: "请选择角色", trigger: "change" }]
       }
-    }
+    };
   },
   methods: {
     open: function(adminId) {
-      this.admin_id = adminId
+      this.admin_id = adminId;
       if (this.admin_id < 0) {
-        this.$message.error('参数错误')
-        this.loading = false
-        return
+        this.$message.error("参数错误");
+        this.loading = false;
+        return;
       }
 
-      this.form.id = this.admin_id
+      this.form.id = this.admin_id;
       if (this.admin_id === 0) {
-        this.formTitle = '新增用户'
-        this.form.user_type = this.user_types[0].index
-        this.form.user_title = this.user_titles[0].index
-        getAddAdminInitData().then(rs => {
-          this.loading = false
-          var resp = rs.data
-          if (resp.state === 1) {
-            // this.roles.push(...resp.data.roles)
-            this.roles =  resp.data.roles
-            this.qntoken = resp.data.qntoken
-            // if (this.roles.length > 0) {
-            //   this.form.role = this.roles[0].id;
-            //   console.log("国庆快乐",this.form.role)
-            // }
-          } else {
-            this.$message.error(resp.msg)
-          }
-        }).catch(err => {
-          this.loading = false
-          this.$message.error(err)
-        })
+        this.formTitle = "新增员工";
+        this.form.user_type = this.user_types[0].index;
+        this.form.user_title = this.user_titles[0].index;
+        getAddAdminInitData()
+          .then(rs => {
+            this.loading = false;
+            var resp = rs.data;
+            if (resp.state === 1) {
+              // this.roles.push(...resp.data.roles)
+              this.roles = resp.data.roles;
+              this.qntoken = resp.data.qntoken;
+              // if (this.roles.length > 0) {
+              //   this.form.role = this.roles[0].id;
+              //   console.log("国庆快乐",this.form.role)
+              // }
+            } else {
+              this.$message.error(resp.msg);
+            }
+          })
+          .catch(err => {
+            this.loading = false;
+            this.$message.error(err);
+          });
       } else {
-        this.formTitle = '编辑用户'
-        getModifyAdminInitData(this.form.id).then(rs => {
-          this.loading = false
-          var resp = rs.data
-          if (resp.state === 1) {
-            this.roles.push(...resp.data.roles)
-            this.qntoken = resp.data.qntoken
+        this.formTitle = "编辑用户";
+        getModifyAdminInitData(this.form.id)
+          .then(rs => {
+            this.loading = false;
+            var resp = rs.data;
+            if (resp.state === 1) {
+              this.roles.push(...resp.data.roles);
+              this.qntoken = resp.data.qntoken;
 
-            var admin = resp.data.admin
-            this.form.name = admin.user_name
-            this.form.mobile = admin.mobile
-            this.form.user_type = admin.user_type
-            this.form.user_title = admin.user_title
-            this.form.role = admin.role_id
-            this.form.intro = admin.intro
-          } else {
-            this.$message.error("该用户不存在")
-          }
-        }).catch(err => {
-          this.loading = false
-          this.$message.error("该用户不存在")
-        })
+              var admin = resp.data.admin;
+              this.form.name = admin.user_name;
+              this.form.mobile = admin.mobile;
+              this.form.user_type = admin.user_type;
+              this.form.user_title = admin.user_title;
+              this.form.role = admin.role_id;
+              this.form.intro = admin.intro;
+            } else {
+              this.$message.error("该用户不存在");
+            }
+          })
+          .catch(err => {
+            this.loading = false;
+            this.$message.error("该用户不存在");
+          });
       }
 
-      this.dialogFormVisible = true
+      this.dialogFormVisible = true;
     },
     submitAction: function() {
       if (this.admin_id < 0) {
-        return
+        return;
       }
-      this.$refs.form.validate((valid) => {
+      this.$refs.form.validate(valid => {
         if (valid) {
-          this.loading = true
+          this.loading = true;
           if (this.form.id === 0) {
-            addAdmin(this.form.mobile, this.form.name, this.form.user_type, this.form.user_title, this.form.role, this.form.intro).then(rs => {
-              this.loading = false
-              var resp = rs.data
-              if (resp.state === 1) {
-                this.$store.dispatch('DidChangeAdmins')
-                var _this = this
-                setTimeout(() => {
-                  _this.$store.dispatch('RecoverAdminsChangeState')
-                }, 500)
-                this.dialogFormVisible = false
-              } else {
-                this.$message.error(resp.msg)
-              }
-            }).catch(err => {
-              this.loading = false
-              this.$message.error(err)
-            })
+            addAdmin(
+              this.form.mobile,
+              this.form.name,
+              this.form.user_type,
+              this.form.user_title,
+              this.form.role,
+              this.form.intro
+            )
+              .then(rs => {
+                this.loading = false;
+                var resp = rs.data;
+                if (resp.state === 1) {
+                  this.$store.dispatch("DidChangeAdmins");
+                  var _this = this;
+                  setTimeout(() => {
+                    _this.$store.dispatch("RecoverAdminsChangeState");
+                  }, 500);
+                  this.dialogFormVisible = false;
+                } else {
+                  this.$message.error(resp.msg);
+                }
+              })
+              .catch(err => {
+                this.loading = false;
+                this.$message.error(err);
+              });
           } else {
-            modifyAdmin(this.form.id, this.form.name, this.form.user_type, this.form.user_title, this.form.role, this.form.intro).then(rs => {
-              this.loading = false
-              var resp = rs.data
-              if (resp.state === 1) {
-                this.$store.dispatch('DidChangeAdmins')
-                var _this = this
-                setTimeout(() => {
-                  _this.$store.dispatch('RecoverAdminsChangeState')
-                }, 500)
+            modifyAdmin(
+              this.form.id,
+              this.form.name,
+              this.form.user_type,
+              this.form.user_title,
+              this.form.role,
+              this.form.intro
+            )
+              .then(rs => {
+                this.loading = false;
+                var resp = rs.data;
+                if (resp.state === 1) {
+                  this.$store.dispatch("DidChangeAdmins");
+                  var _this = this;
+                  setTimeout(() => {
+                    _this.$store.dispatch("RecoverAdminsChangeState");
+                  }, 500);
 
-                this.dialogFormVisible = false
-              } else {
-                this.$message.error(resp.msg)
-              }
-            }).catch(err => {
-              this.loading = false
-              this.$message.error(err)
-            })
+                  this.dialogFormVisible = false;
+                } else {
+                  this.$message.error(resp.msg);
+                }
+              })
+              .catch(err => {
+                this.loading = false;
+                this.$message.error(err);
+              });
           }
         } else {
-          return false
+          return false;
         }
-      })
+      });
     }
   }
-
-}
+};
 </script>