提交页面

.babelrc

@@ -0,0 +1,18 @@
+{
+  "presets": [
+    ["env", {
+      "modules": false,
+      "targets": {
+        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
+      }
+    }],
+    "stage-2"
+  ],
+  "plugins": ["transform-vue-jsx", "transform-runtime"],
+  "env": {
+    "test": {
+      "presets": ["env", "stage-2"],
+      "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
+    }
+  }
+}

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

.eslintignore

@@ -0,0 +1,5 @@
+/build/
+/config/
+/dist/
+/*.js
+/test/unit/coverage/

.eslintrc.js

@@ -0,0 +1,29 @@
+// https://eslint.org/docs/user-guide/configuring
+
+module.exports = {
+  root: true,
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  env: {
+    browser: true,
+  },
+  extends: [
+    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
+    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
+    'plugin:vue/essential', 
+    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
+    'standard'
+  ],
+  // required to lint *.vue files
+  plugins: [
+    'vue'
+  ],
+  // add your custom rules here
+  rules: {
+    // allow async-await
+    'generator-star-spacing': 'off',
+    // allow debugger during development
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+  }
+}

.gitignore

@@ -0,0 +1 @@
+node_modules

.postcssrc.js

@@ -0,0 +1,10 @@
+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+  "plugins": {
+    "postcss-import": {},
+    "postcss-url": {},
+    // to edit target browsers: use "browserslist" field in package.json
+    "autoprefixer": {}
+  }
+}

cordova-hcp.json

@@ -0,0 +1,6 @@
+{
+    "name": "name",
+    "update": "now",
+    "min_native_interface": 3,
+    "content_url": "http://pad.kuyicloud.com"
+}

package-lock.json

@@ -2318,6 +2318,7 @@
       "resolved": "http://registry.npm.taobao.org/boom/download/boom-2.10.1.tgz",
       "integrity": "sha1-OciRjO/1eZ+D+UkqhI9iWt0Mdm8=",
       "dev": true,
+      "optional": true,
       "requires": {
         "hoek": "2.x.x"
       }
@@ -5747,7 +5748,8 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -5768,12 +5770,14 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -5788,17 +5792,20 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -5915,7 +5922,8 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -5927,6 +5935,7 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -5941,6 +5950,7 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -5948,12 +5958,14 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
@@ -5972,6 +5984,7 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -6052,7 +6065,8 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -6064,6 +6078,7 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -6149,7 +6164,8 @@
         "safe-buffer": {
           "version": "5.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -6185,6 +6201,7 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -6204,6 +6221,7 @@
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -6247,12 +6265,14 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         }
       }
     },
@@ -6710,7 +6730,8 @@
       "version": "2.16.3",
       "resolved": "http://registry.npmjs.org/hoek/-/hoek-2.16.3.tgz",
       "integrity": "sha1-ILt0A9POo5jpHcRxCo/xuCdKJe0=",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "home-or-tmp": {
       "version": "2.0.0",

src/kya_pages/home/index.vue

@@ -0,0 +1,347 @@
+<template>
+  <!-- <div class="page_home">
+    <div class="top">
+      <div class="header">
+        <img src="../../assets/images/hospital.png" alt />
+        <van-dropdown-menu>
+          <van-dropdown-item v-model="value" :options="hospitals" />
+        </van-dropdown-menu>
+      </div>
+      <div class="search" @click="ToSearch()">
+        <el-input
+          placeholder=" 姓名 / 首拼 / 透析号"
+          prefix-icon="el-icon-search"
+          v-model="searchVal"
+        ></el-input>
+      </div>
+      <div class="banner">
+        <img src="../../assets/images/homebanner.jpg" alt />
+      </div>
+      <div class="myDesk">
+        <h2>我的工作台</h2>
+        <div class="list">
+          <ul class="all">
+            <li class="one">
+              <img src="../../assets/images/m09.png" alt />
+              <p @click="patientManagement()">病人管理</p>
+            </li>
+            <li class="one">
+              <img src="../../assets/images/m02.png" alt />
+              <p>透析记录</p>
+            </li>
+            <li class="one">
+              <img src="../../assets/images/m04.png" alt />
+              <p>质控分析</p>
+            </li>
+            <li class="one">
+              <img src="../../assets/images/m05.png" alt />
+              <p>院感管理</p>
+            </li>
+            <li class="one">
+              <img src="../../assets/images/m06.png" alt />
+              <p>微商城</p>
+            </li>
+            <li class="one">
+              <img src="../../assets/images/m07.png" alt />
+              <p>微官网</p>
+            </li>
+            <li class="one">
+              <img src="../../assets/images/m08.png" alt />
+              <p>医院二维码</p>
+            </li>
+            <li class="one">
+              <img src="../../assets/images/m03.png" alt />
+              <p>基础配置</p>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+
+    <div class="tab">
+      <div class="btn">
+        <i class="iconfont icon-zhuye"></i>
+        <span>首页</span>
+      </div>
+      <div class="btn">
+        <i class="iconfont icon-wode"></i>
+        <span>我的</span>
+      </div>
+    </div>
+    
+  </div> -->
+  <div class="page_home">
+    <div>
+      <router-view />
+    </div>
+    <div class="homeBottom">
+      <van-tabbar class="tab" v-model="active">
+        <router-link to="/homeIndex" class="link">
+          <van-tabbar-item>
+            <i class="iconfont icon-zhuye iconOne"></i>
+            <div>首页</div>
+          </van-tabbar-item>
+        </router-link>
+        <router-link to="/study">
+          <van-tabbar-item>
+            <i class="iconfont icon-jishiben iconOne"></i>
+            <div>学习</div>
+          </van-tabbar-item>
+        </router-link>
+        <router-link to="/service">
+          <van-tabbar-item>
+            <i class="iconfont icon-fuwu2 iconOne"></i>
+            <div>服务</div>
+          </van-tabbar-item>
+        </router-link>
+        <router-link to="/shop">
+          <van-tabbar-item>
+            <i class="iconfont icon-shangcheng iconOne"></i>
+            <div>商城</div>
+          </van-tabbar-item>
+        </router-link>
+        <router-link to="/my">
+          <van-tabbar-item>
+            <i class="iconfont icon-wode iconOne"></i>
+            <div>我的</div>
+          </van-tabbar-item>
+        </router-link>
+      </van-tabbar>
+    </div>
+  </div>
+</template>
+
+//
+<script>
+import { getAllOrgName } from "@/api/login/login";
+export default {
+  data() {
+    return {
+      active: 0,
+      value: "",
+      hospitals: [
+        {
+          text: "",
+          value: 0
+        }
+      ],
+      searchVal: ""
+    };
+  }
+  // methods: {
+  //   getAllOrgName(id) {
+  //     getAllOrgName(id).then(response => {
+  //       if (response.data.state === 1) {
+  //         var org = response.data.data.org;
+  //         const arr = [];
+  //         org.map(item => {
+  //           const obj = {};
+  //           obj.text = item.org_name;
+  //           obj.value = item.id;
+  //           arr.push(obj);
+  //         });
+  //         this.hospitals = arr;
+  //         for (let index = 0; index < this.hospitals.length; index++) {
+  //           this.value = this.hospitals[index].value;
+  //         }
+  //         console.log("this.hospitals是什么", this.hospitals);
+  //       }
+  //     });
+  //   },
+  //   patientManagement() {
+  //     var id = this.$route.query.id;
+  //     this.$router.push("/patientmanagement?id=" + id);
+  //   },
+  //   ToSearch() {
+  //     this.$router.push("/search");
+  //   }
+  // },
+  // created() {
+  //   const id = this.$route.query.id;
+  //   this.getAllOrgName(id);
+  // }
+};
+</script>
+
+<style lang="scss">
+.page_home {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  > div:first-child {
+    flex: 1;
+    overflow-y: auto;
+  }
+  .homeBottom {
+    height: 3.125rem;
+  }
+  ::-webkit-scrollbar {
+    width: 0;
+  }
+  .van-tabbar-item {
+    height: 100%;
+  }
+  .van-tabbar-item__text {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-around;
+  }
+  .van-tabbar {
+    display: flex;
+    justify-content: space-around;
+    border-top: 1px solid #c5c5c5;
+  }
+  .iconOne {
+    font-size: 1.25rem;
+  }
+
+  // .header {
+  //   padding: 0 15px;
+  //   box-sizing: border-box;
+  //   height: 3.125rem;
+  //   width: 100%;
+  //   line-height: 3.125rem;
+  //   img {
+  //     float: left;
+  //     width: 1.375rem;
+  //     height: 1.375rem;
+  //     margin-top: 0.625rem;
+  //   }
+  //   .van-dropdown-menu {
+  //     width: 8.5rem;
+  //     height: 3.125rem;
+  //   }
+  //   .van-dropdown-menu__item {
+  //     flex: none;
+  //   }
+  //   .van-ellipsis {
+  //     width: 6.25rem;
+  //     height: 3.125rem;
+  //     line-height: 3.125rem;
+  //     font-size: 0.875rem;
+  //     white-space: nowrap;
+  //     text-overflow: ellipsis;
+  //     overflow: hidden;
+  //   }
+  // }
+  // .search {
+  //   width: 21.5625rem;
+  //   height: 2.125rem;
+  //   padding: 0 15px;
+  //   box-sizing: border-box;
+  //   .el-input__inner {
+  //     width: 21.5625rem;
+  //     height: 2.125rem;
+  //     border: none;
+  //     background: rgba(244, 244, 244, 1);
+  //     border-radius: 17px;
+  //     color: #999999;
+  //   }
+  //   .el-input__prefix {
+  //     margin-top: -0.125rem;
+  //     color: #999999;
+  //   }
+  // }
+  // .banner {
+  //   overflow: hidden;
+  //   margin-top: 1.25rem;
+  //   // width: 21.4375rem;
+  //   // height: 8.3125rem;
+  //   // border-radius: 10px;
+  //   width: 23.4375rem;
+  //   height: 8.3125rem;
+  //   // background: rgba(188, 188, 188, 0.1);
+  //   // opacity: 0.2;
+  //   img {
+  //     margin: 0 15px;
+  //     width: 21.4375rem;
+  //     height: 8.3125rem;
+  //     box-sizing: border-box;
+  //   }
+  // }
+  // .myDesk {
+  //   padding: 0 15px;
+  //   box-sizing: border-box;
+  //   padding-top: 1.5625rem;
+  //   width: 23.4375rem;
+  //   height: 17.0625rem;
+  //   // background: rgba(188, 188, 188, 0.1);
+  //   h2 {
+  //     height: 1.1875rem;
+  //     font-size: 1.25rem;
+  //     font-weight: 600;
+  //     color: rgba(0, 0, 0, 1);
+  //     line-height: 0.9375rem;
+  //   }
+  //   .list {
+  //     margin-top: 0.9375rem;
+  //     width: 21.4375rem;
+  //     height: 14rem;
+  //     background: rgba(255, 255, 255, 1);
+  //     border-radius: 10px;
+  //     box-shadow: 0px 3px 12px 0px rgba(188, 188, 188, 0.2);
+  //     display: flex;
+  //     align-items: center;
+  //     .all {
+  //       display: flex;
+  //       justify-content: space-around;
+  //       flex-wrap: wrap;
+  //     }
+  //     .one {
+  //       width: 25%;
+  //       display: flex;
+  //       flex-direction: column;
+  //       align-items: center;
+  //       justify-content: space-around;
+  //       height: 6.25rem;
+  //       img {
+  //         width: 2.8125rem;
+  //         height: 2.8125rem;
+  //       }
+  //       p {
+  //         margin-top: -0.625rem;
+  //         height: 0.8125rem;
+  //         font-size: 0.8125rem;
+  //         color: rgba(60, 60, 60, 1);
+  //         line-height: 0.9375rem;
+  //       }
+  //     }
+  //   }
+  // }
+  // .tab {
+  //   display: flex;
+  //   width: 23.4375rem;
+  //   height: 3.0625rem;
+  //   background: rgba(255, 255, 255, 1);
+  //   justify-content: space-around;
+  //   box-shadow: 3px 0px 12px 3px rgba(188, 188, 188, 0.2);
+
+  //   > div:last-child {
+  //     span {
+  //       color: #bfbfbf;
+  //     }
+  //   }
+  //   .btn {
+  //     display: flex;
+  //     flex-direction: column;
+  //     align-items: center;
+  //     align-self: center;
+  //     i {
+  //       font-size: 1.5rem;
+  //       color: rgba(79, 115, 254, 1);
+  //     }
+  //     .icon-wode {
+  //       color: #bfbfbf;
+  //     }
+
+  //     span {
+  //       font-size: 0.75rem;
+  //       color: rgba(79, 115, 254, 1);
+  //       margin-top: 0.25rem;
+  //     }
+  //   }
+  // }
+}
+</style>

src/kya_pages/homeIndex/index.vue

@@ -0,0 +1,261 @@
+<template>
+  <div class="page_homeIndex">
+    <van-sticky>
+      <div class="homeTitle">
+        <div class="homeTitleLeft">
+          <van-dropdown-menu>
+            <van-dropdown-item v-model="value1" :options="option1" />
+          </van-dropdown-menu>
+        </div>
+        <div class="homeTitleRight">
+          <i class="iconfont icon-sousuo search"></i>
+          <van-icon class="iconOne" name="comment-o" />
+          <van-icon class="iconOne" name="add-o" />
+        </div>
+      </div>
+    </van-sticky>
+    <div class="banner">
+      <img src="../../assets/images/homebanner.jpg" alt />
+    </div>
+    <div class="noticeBox">
+      <i class="iconfont icon-public-notice notice"></i>
+      <div class="noticeNews">
+        <div>今日上机：<span>6&ensp;人</span></div>
+        <div>今日透析：<span>6&ensp;人</span></div>
+        <div>今日生日：<span>6&ensp;人</span></div>
+      </div>
+    </div>
+    <div class="background1"></div>
+    <div class="management">
+      <div class="managementTitle">
+        <div class="managementName">
+          管理控制台<span>（仅管理员可见）</span>
+        </div>
+        <div class="setting"><van-icon name="setting-o" />管理</div>
+      </div>
+      <div class="managementBox">
+        <div class="managementOne">
+          <img src="../../assets/images/M1.png" alt="" />员工管理
+        </div>
+        <div class="managementOne">
+          <img src="../../assets/images/M2.png" alt="" />权限管理
+        </div>
+        <div class="managementOne">
+          <img src="../../assets/images/M3.png" alt="" />应用管理
+        </div>
+        <div class="managementOne">
+          <img src="../../assets/images/M4.png" alt="" />机构管理
+        </div>
+      </div>
+    </div>
+    <div class="application">
+      <div class="applicationTitle">
+        <div class="applicationName">应用工作台</div>
+        <div class="applicationService">+ 应用服务</div>
+      </div>
+      <div class="applicationBox">
+        <div class="applicationOne">
+          <img src="../../assets/images/S1.png" alt="" />患者中心
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S2.png" alt="" />排班管理
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S3.png" alt="" />签到称重
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S4.png" alt="" />透析记录
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S5.png" alt="" />质控管理
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S6.png" alt="" />院感管理
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S7.png" alt="" />血管通路
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S8.png" alt="" />慢病管理
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S9.png" alt="" />SCRM
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S10.png" alt="" />分销商城
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S11.png" alt="" />设备管理
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S12.png" alt="" />库存管理
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S13.png" alt="" />客服中心
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S14.png" alt="" />集成中心
+        </div>
+        <div class="applicationOne">
+          <img src="../../assets/images/S15.png" alt="" />配置中心
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      value1: 0,
+      option1: [
+        { text: "新款商品", value: 0 },
+        { text: "全部商品全部商品全部商品全部商品全部商品全部商品", value: 1 },
+        { text: "活动商品", value: 2 }
+      ]
+    };
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.page_homeIndex {
+  .homeTitle {
+    height: 3.125rem;
+    padding: 0 1.125rem;
+    display: flex;
+    justify-content: space-between;
+    background: #fff;
+  }
+  .homeTitleLeft {
+    width: 60%;
+  }
+  .homeTitleRight {
+    width: 30%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  /deep/ .van-dropdown-menu__item {
+    justify-content: left;
+  }
+  .van-hairline--top-bottom {
+    position: static;
+  }
+  .iconOne {
+    font-size: 1.5rem;
+  }
+  .search {
+    font-size: 1.5rem;
+  }
+  .banner {
+    padding: 0 1.125rem;
+    img {
+      height: 6.75rem;
+      width: 100%;
+    }
+  }
+  .noticeBox {
+    padding: 0 1.125rem;
+    height: 2.5rem;
+    display: flex;
+    align-items: center;
+    color: #cccccc;
+    .notice {
+      font-size: 1.25rem;
+      margin-right: 0.375rem;
+    }
+    .noticeNews {
+      width: 90%;
+      display: flex;
+      justify-content: space-between;
+      color: #666666;
+      font-size: 0.8125rem;
+    }
+  }
+  .background1 {
+    background: #f6f6f6;
+    width: 100%;
+    height: 0.8125rem;
+  }
+  .management {
+    padding: 1.25rem 1.125rem 0;
+  }
+  .managementTitle {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .managementName {
+    font-weight: bold;
+    font-size: 1rem;
+    color: #000;
+    span {
+      font-size: 0.8125rem;
+      color: #989898;
+      font-weight: 400;
+    }
+  }
+  .setting {
+    display: flex;
+    align-items: center;
+    color: #989898;
+    font-size: 0.8125rem;
+    .van-icon-setting-o {
+      margin-right: 0.25rem;
+    }
+  }
+  .managementBox {
+    display: flex;
+    justify-content: space-between;
+    .managementOne {
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+      font-size: 0.8125rem;
+      color: #666666;
+      img {
+        width: 1.375rem;
+        height: 1.375rem;
+        margin: 1rem 0 0.2rem;
+      }
+    }
+  }
+  .application {
+    .applicationTitle {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 1.25rem 1.125rem 0.625rem;
+    }
+    .applicationName {
+      font-weight: bold;
+      font-size: 1rem;
+      color: #000;
+    }
+    .applicationService {
+      font-size: 0.8125rem;
+      color: #666666;
+    }
+  }
+  .applicationBox {
+    display: flex;
+    flex-wrap: wrap;
+    .applicationOne {
+      width: 25%;
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+      padding: 0.625rem 0;
+      font-size: 0.8125rem;
+      color: #666666;
+      img {
+        width: 3.25rem;
+        height: 3.25rem;
+        margin-bottom: 0.375rem;
+      }
+    }
+  }
+}
+</style>
+<style lang="scss"></style>

src/kya_pages/login/login.vue

@@ -0,0 +1,234 @@
+<template>
+  <div class="page_login">
+    <div class="loginTop">
+      <img src="../../assets/images/loginLogo.png" alt />
+    </div>
+    <div class="loginBottom">
+      <div class="ipts">
+        <el-form ref="LoginForm" :model="LoginForm" :rules="rules">
+          <el-form-item required prop="tel">
+            <el-input
+              placeholder="请输入手机号码"
+              prefix-icon="el-icon-mobile"
+              v-model="LoginForm.tel"
+              clearable
+              v-on:input="watchNum"
+              maxlength="11"
+              @input="change(LoginForm.tel)"
+            ></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              placeholder="请输入密码"
+              prefix-icon="el-icon-lock"
+              v-model="LoginForm.psd"
+              show-password
+              clearable
+              v-on:input="watchNum"
+            ></el-input>
+          </el-form-item>
+        </el-form>
+      </div>
+      <p class="forget" @click="toForgetPassword()">忘记密码?</p>
+      <div class="login" @click="ToLogin()" v-show="loginshow">登录</div>
+      <div class="login3" v-show="loginshowtwo">登录</div>
+      <div class="login2">
+        <p @click="noPassword()">免密码登录</p>
+        <p class="register" @click="ToRegister()">快速注册</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { ToLogin } from "@/api/micro/micro";
+import { hex_md5 } from "@/utils/md5";
+import { checkMobile } from "@/utils/tools";
+export default {
+  data() {
+    var checkMobileRule = (rule, value, callback) => {
+      if (!checkMobile(value)) {
+        callback(new Error("请填写正确的手机号"));
+      } else {
+        callback();
+      }
+    };
+    return {
+      tel: "",
+      psd: "",
+      LoginForm: {
+        tel: "",
+        psd: ""
+      },
+      loginshow: false,
+      loginshowtwo: true,
+      rules: {
+        tel: [
+          { required: true, message: "手机号码不能为空" },
+          { validator: checkMobileRule }
+        ]
+      }
+    };
+  },
+  methods: {
+    ToLogin() {
+      var tel = this.LoginForm.tel;
+      console.log("tel是什么", tel);
+      var psd = this.LoginForm.psd;
+      console.log("psd是设么", psd);
+      ToLogin(tel, hex_md5(psd)).then(response => {
+        if (response.data.state === 1) {
+          var admin = response.data.data.admin;
+          console.log("admin是什么", admin);
+          this.$router.push({ path: "/home?id=" + admin.id });
+          var org = response.data.data.org;
+          console.log("org", org);
+          var info = response.data.data.info;
+          console.log("info", info);
+          this.$router.push({ path: "/orginfomation?id=" + info.id });
+        } else {
+          this.$message.error("账号或密码错误");
+        }
+      });
+    },
+    watchNum() {
+      if (this.LoginForm.tel === "" || this.LoginForm.psd === "") {
+        this.loginshow = false;
+        this.loginshowtwo = true;
+      } else {
+        this.loginshow = true;
+        this.loginshowtwo = false;
+      }
+      if (this.LoginForm.psd.length < 6) {
+        this.loginshow = false;
+        this.loginshowtwo = true;
+      }
+      if (this.LoginForm.psd.length > 6) {
+        this.loginshow = true;
+        this.loginshowtwo = false;
+      }
+    },
+    ToRegister() {
+      this.$router.push("/register");
+    },
+    toForgetPassword() {
+      this.$router.push("/forgetpassword");
+    },
+    noPassword() {
+      this.$router.push("/nopassword");
+    },
+
+    change(val) {
+      this.LoginForm.tel = val.replace(/[^0-9]+/g, "");
+    }
+  },
+  created() {}
+};
+</script>
+
+<style lang="scss" scoped>
+.page_login {
+  overflow: hidden;
+  height: 100%;
+  .loginTop {
+    width: 100%;
+    img {
+      width: 7.75rem;
+      height: 2.5rem;
+      border: none;
+      margin: 6.25rem auto 3.75rem;
+      display: block;
+    }
+  }
+  .loginBottom {
+    width: 23.4375rem;
+    height: 27.625rem;
+    padding-top: 1rem;
+    box-sizing: border-box;
+  }
+  .forget {
+    font-size: 0.8125rem;
+    color: #1a8cff;
+    margin: 0.5625rem 0 1.5rem 17.4375rem;
+  }
+  .login {
+    width: 19.25rem;
+    height: 2.875rem;
+    background: #338afb;
+    border-radius: 1.4375rem;
+    margin: 0 auto;
+    line-height: 2.875rem;
+    color: #fff;
+    text-align: center;
+  }
+  .login2 {
+    margin-top: 1.75rem;
+    font-size: 0.8125rem;
+    color: rgba(81, 119, 238, 1);
+    > p:first-child {
+      float: left;
+      margin-left: 3rem;
+    }
+    .register {
+      margin-left: 17.4375rem;
+      color: #1a8cff;
+    }
+  }
+  .login3 {
+    width: 19.25rem;
+    height: 2.875rem;
+    background: #e5e5e5;
+    border-radius: 1.4375rem;
+    margin: 0 auto;
+    line-height: 2.875rem;
+    color: #fff;
+    text-align: center;
+  }
+}
+
+.el-form-item__error {
+  margin-left: 2.5rem;
+}
+.el-button--medium {
+  padding: 0;
+}
+
+.el-message {
+  min-width: 20rem;
+}
+</style>
+<style lang="scss">
+.loginBottom {
+  .el-form-item {
+    margin-bottom: 0;
+  }
+  .ipts {
+    .el-icon-circle-close {
+      margin-right: 0.625rem;
+    }
+    .el-input {
+      display: block;
+      margin: 0 auto;
+      width: 19.0625rem;
+      border-bottom: 1px solid #e6e6e6;
+      color: rgba(155, 155, 155, 1);
+      padding-left: 0.75rem;
+      box-sizing: border-box;
+      height: 3.375rem;
+      line-height: 3.375rem;
+      font-size: 1rem;
+    }
+    .el-input__inner {
+      border: none;
+      font-size: 1rem;
+    }
+    .el-input__prefix {
+      font-size: 1.5rem;
+    }
+    .el-input__icon {
+      font-size: 1.5rem;
+      line-height: 3.375rem;
+    }
+  }
+}
+</style>