Home Esplora Aiuto
Registrati Accedi
csx
/
Pad_New
Segui 1
Vota 0
Forka 0
Codice Problemi 13 Pull Requests 0 Rilasci 0 Wiki Activity
Sfoglia il codice sorgente

修改样式

See999 4 anni fa
parent
5896353940
commit
c6cf6ccbd7
9 ha cambiato i file con 383 aggiunte e 396 eliminazioni
Visualizzazione separata Mostra Diff Stats
  1. 22 9
      .babelrc
  2. 4 0
      index.html
  3. 10 25
      package-lock.json
  4. 1 1
      package.json
  5. 48 51
      src/main.js
  6. 142 163
      src/pages/home/index.vue
  7. 1 1
      src/pages/home/login.vue
  8. 86 81
      src/pages/homeIndex/index.vue
  9. 69 65
      src/router/index.js

+ 22 - 9
.babelrc Vedi File 

@@ -1,19 +1,32 @@
1 1 
 {
2 2 
   "presets": [
3 
-    ["env", {
4 
-      "modules": false,
5 
-      "targets": {
6 
-        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
3 
+    [
4 
+      "env",
5 
+      {
6 
+        "modules": false,
7 
+        "targets": {
8 
+          "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
9 
+        }
7 10 
       }
8 
-    }],
11 
+    ],
9 12 
     "stage-2"
10 13 
   ],
11 
-  "plugins": ["transform-vue-jsx", "transform-runtime"],
14 
+  "plugins": [
15 
+    "transform-vue-jsx",
16 
+    "transform-runtime",
17 
+    [
18 
+      "import",
19 
+      { "libraryName": "vant", "libraryDirectory": "es", "style": true }
20 
+    ]
21 
+  ],
12 22 
   "env": {
13 23 
     "test": {
14 24 
       "presets": ["env", "stage-2"],
15 
-      "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
25 
+      "plugins": [
26 
+        "transform-vue-jsx",
27 
+        "transform-es2015-modules-commonjs",
28 
+        "dynamic-import-node"
29 
+      ]
16 30 
     }
17 
-  },
18 
-
31 
+  }
19 32 
 }

+ 4 - 0
index.html Vedi File 

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

+ 10 - 25
package-lock.json Vedi File 

@@ -198,7 +198,6 @@
198 198 
       "version": "7.8.7",
199 199 
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.8.7.tgz",
200 200 
       "integrity": "sha512-+AATMUFppJDw6aiR5NVPHqIQBlV/Pj8wY/EZH+lmvRdUo9xBaz/rF3alAwFJQavvKfeOlPE7oaaDHVbcySbCsg==",
201 
-      "dev": true,
202 201 
       "requires": {
203 202 
         "regenerator-runtime": "^0.13.4"
204 203 
       },
 
@@ -206,8 +205,7 @@
206 205 
         "regenerator-runtime": {
207 206 
           "version": "0.13.5",
208 207 
           "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz",
209 
-          "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA==",
210 
-          "dev": true
208 
+          "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA=="
211 209 
         }
212 210 
       }
213 211 
     },
 
@@ -330,9 +328,9 @@
330 328 
       "dev": true
331 329 
     },
332 330 
     "@vant/icons": {
333 
-      "version": "1.1.7",
334 
-      "resolved": "https://registry.npmjs.org/@vant/icons/-/icons-1.1.7.tgz",
335 
-      "integrity": "sha512-hCHVniOmBIs789UYxICgC3k3wGWI3QGx3/LOtSjMu7DtCyGdFX/6saNzrpDENNAponHAsszvUmBz37v9GQjX9A=="
331 
+      "version": "1.2.1",
332 
+      "resolved": "https://registry.npmjs.org/@vant/icons/-/icons-1.2.1.tgz",
333 
+      "integrity": "sha512-5ivsKQR4ySbdBW5UPoQDVqO6rdc1um3rvq/0VL+ZSA7Y3MdBQ3E4/NL0hoAY5/sZZeYfIDKEP21gpjUzdeEDQQ=="
336 334 
     },
337 335 
     "@vue/babel-helper-vue-jsx-merge-props": {
338 336 
       "version": "1.0.0",
 
@@ -15399,29 +15397,16 @@
15399 15397 
       "integrity": "sha1-woMOnZlKX+zSJhUGR3wnB/5Yl1Y="
15400 15398 
     },
15401 15399 
     "vant": {
15402 
-      "version": "1.6.28",
15403 
-      "resolved": "https://registry.npmjs.org/vant/-/vant-1.6.28.tgz",
15404 
-      "integrity": "sha512-yGiQFPA7tmvlA05ezWg2MnknDK2OKlHmJurvHm2mWt1zdjfiVDJj+XFh6xMY8jZUsBZMWqdBSc+gAKzII8fOqg==",
15400 
+      "version": "2.5.5",
15401 
+      "resolved": "https://registry.npmjs.org/vant/-/vant-2.5.5.tgz",
15402 
+      "integrity": "sha512-w7APepClXcEMFJvvYsJkNDWCCb+a5SR9eAMMIYM/1VCwn7r7AxoAtJSCaZsmw3vhSxnMSnM/+Ftz7t3o0eoK4Q==",
15405 15403 
       "requires": {
15406 
-        "@babel/runtime": "^7.4.3",
15407 
-        "@vant/icons": "1.1.7",
15408 
-        "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0-beta.3",
15404 
+        "@babel/runtime": "7.x",
15405 
+        "@vant/icons": "1.2.1",
15406 
+        "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
15409 15407 
         "vue-lazyload": "1.2.3"
15410 15408 
       },
15411 15409 
       "dependencies": {
15412 
-        "@babel/runtime": {
15413 
-          "version": "7.8.7",
15414 
-          "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.8.7.tgz",
15415 
-          "integrity": "sha512-+AATMUFppJDw6aiR5NVPHqIQBlV/Pj8wY/EZH+lmvRdUo9xBaz/rF3alAwFJQavvKfeOlPE7oaaDHVbcySbCsg==",
15416 
-          "requires": {
15417 
-            "regenerator-runtime": "^0.13.4"
15418 
-          }
15419 
-        },
15420 
-        "regenerator-runtime": {
15421 
-          "version": "0.13.5",
15422 
-          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz",
15423 
-          "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA=="
15424 
-        },
15425 15410 
         "vue-lazyload": {
15426 15411 
           "version": "1.2.3",
15427 15412 
           "resolved": "https://registry.npmjs.org/vue-lazyload/-/vue-lazyload-1.2.3.tgz",

+ 1 - 1
package.json Vedi File 

@@ -26,7 +26,7 @@
26 26 
     "mint-ui": "^2.2.13",
27 27 
     "moment": "^2.24.0",
28 28 
     "print-js": "^1.0.54",
29 
-    "vant": "^1.6.28",
29 
+    "vant": "^2.5.5",
30 30 
     "vue": "^2.5.2",
31 31 
     "vue-cropper": "^0.4.9",
32 32 
     "vue-cropperjs": "^3.0.0",

+ 48 - 51
src/main.js Vedi File 

@@ -1,29 +1,29 @@
1 1 
 // The Vue build version to load with the `import` command
2 2 
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
3 
-import Vue from 'vue'
4 
-import App from './App'
5 
-import router from './router'
6 
-import MintUI from 'mint-ui'
7 
-import store from './store'
8 
-import 'mint-ui/lib/style.css'
9 
-import './assets/styles/iconfont.css'
10 
-import './permission'
3 
+import Vue from "vue";
4 
+import App from "./App";
5 
+import router from "./router";
6 
+import MintUI from "mint-ui";
7 
+import store from "./store";
8 
+import "mint-ui/lib/style.css";
9 
+import "./assets/styles/iconfont.css";
10 
+import "./permission";
11 11
12 
-import '@/styles/reset.scss'
13 
-import '@/styles/variables.scss'
14 
-import '@/styles/style.scss'
12 
+import "@/styles/reset.scss";
13 
+import "@/styles/variables.scss";
14 
+import "@/styles/style.scss";
15 15 
 // eslint-disable-next-line import/no-duplicates
16 
-import Vant from 'vant'
17 
-import 'vant/lib/index.css'
18 
-import 'vant/lib/icon/local.css'
16 
+// import Vant from "vant";
17 
+// import "vant/lib/index.css";
18 
+// import "vant/lib/icon/local.css";
19 19 
 // import '@/styles/vant-css/index.css'
20 
-import '@/styles/media.scss'
21 
-import ElementUI from 'element-ui'
22 
-import 'element-ui/lib/theme-chalk/index.css'
23 
-import './libs/rem.js'
20 
+import "@/styles/media.scss";
21 
+import ElementUI from "element-ui";
22 
+import "element-ui/lib/theme-chalk/index.css";
23 
+import "./libs/rem.js";
24 24 
 import {
25 25 
   DropdownMenu,
26 
-  // DropdownItem,
26 
+  DropdownItem,
27 27 
   Tab,
28 28 
   Tabs,
29 29 
   TreeSelect,
 
@@ -35,14 +35,33 @@ import {
35 35 
   Icon,
36 36 
   SwipeCell,
37 37 
   Button,
38 
-  // ActionSheet,
38 
+  ActionSheet,
39 39 
   List,
40 40 
   Field,
41 41 
   Tabbar,
42 42 
   TabbarItem,
43 
-  // Sticky
43 
+  Sticky
44 44 
   // eslint-disable-next-line no-irregular-whitespace,import/no-duplicates
45 
-} from 'vant';
45 
+} from "vant";
46 
+Vue.use(DropdownMenu)
47 
+  .use(DropdownItem)
48 
+  .use(Tab)
49 
+  .use(Tabs)
50 
+  .use(TreeSelect)
51 
+  .use(Area)
52 
+  .use(Popup)
53 
+  .use(Cell)
54 
+  .use(Picker)
55 
+  .use(DatetimePicker)
56 
+  .use(Icon)
57 
+  .use(SwipeCell)
58 
+  .use(Button)
59 
+  .use(ActionSheet)
60 
+  .use(List)
61 
+  .use(Field)
62 
+  .use(Tabbar)
63 
+  .use(TabbarItem)
64 
+  .use(Sticky);
46 65 
 // import "@/lib/flexible.js";
47 66
48 67 
 // main.js
 
@@ -53,42 +72,20 @@ import {
53 72 
 // Vue.use(AlertPlugin)
54 73 
 // Vue.use(ToastPlugin)
55 74
56 
-Vue.use(MintUI)
57 
-Vue.use(Vant)
58 
-Vue.use(ElementUI)
59 
-Vue.config.productionTip = false
75 
+Vue.use(MintUI);
76 
+// Vue.use(Vant)
77 
+Vue.use(ElementUI);
78 
+Vue.config.productionTip = false;
60 79
61 80 
 /* eslint-disable no-new */
62 81 
 new Vue({
63 
-  el: '#app',
82 
+  el: "#app",
64 83 
   router,
65 84 
   store,
66 85 
   components: {
67 86 
     App
68 87 
   },
69 
-  template: '<App/>'
70 
-})
88 
+  template: "<App/>"
89 
+});
71 90
72 91 
 // eslint-disable-next-line no-undef
73 
-// Vue.use(DropdownMenu)
74 
-//   // eslint-disable-next-line no-undef
75 
-//   .use(DropdownItem)
76 
-//   .use(Tab)
77 
-//   .use(Tabs)
78 
-//   .use(TreeSelect)
79 
-//   .use(Area)
80 
-//   .use(Popup)
81 
-//   .use(Cell)
82 
-//   .use(Picker)
83 
-//   .use(DatetimePicker)
84 
-//   .use(Icon)
85 
-//   .use(SwipeCell)
86 
-//   .use(Button)
87 
-//   // eslint-disable-next-line no-undef
88 
-//   .use(ActionSheet)
89 
-//   .use(List)
90 
-//   .use(Field)
91 
-//   .use(Tabbar)
92 
-//   .use(TabbarItem)
93 
-//   // eslint-disable-next-line no-undef
94 
-//   .use(Sticky);

+ 142 - 163
src/pages/home/index.vue Vedi File 

@@ -111,63 +111,42 @@
111 111 
   </div>
112 112 
 </template>
113 113
114 
-//
115 114 
 <script>
116 
-  import { getAllOrgName } from "@/api/login/login";
117 
-  export default {
118 
-    data() {
119 
-      return {
120 
-        active: 0,
121 
-        value: "",
122 
-        hospitals: [
123 
-          {
124 
-            text: "",
125 
-            value: 0
126 
-          }
127 
-        ],
128 
-        searchVal: ""
129 
-      };
130 
-    }
131 
-    // methods: {
132 
-    //   getAllOrgName(id) {
133 
-    //     getAllOrgName(id).then(response => {
134 
-    //       if (response.data.state === 1) {
135 
-    //         var org = response.data.data.org;
136 
-    //         const arr = [];
137 
-    //         org.map(item => {
138 
-    //           const obj = {};
139 
-    //           obj.text = item.org_name;
140 
-    //           obj.value = item.id;
141 
-    //           arr.push(obj);
142 
-    //         });
143 
-    //         this.hospitals = arr;
144 
-    //         for (let index = 0; index < this.hospitals.length; index++) {
145 
-    //           this.value = this.hospitals[index].value;
146 
-    //         }
147 
-    //         console.log("this.hospitals是什么", this.hospitals);
148 
-    //       }
149 
-    //     });
150 
-    //   },
151 
-    //   patientManagement() {
152 
-    //     var id = this.$route.query.id;
153 
-    //     this.$router.push("/patientmanagement?id=" + id);
154 
-    //   },
155 
-    //   ToSearch() {
156 
-    //     this.$router.push("/search");
157 
-    //   }
115 
+export default {
116 
+  data() {
117 
+    return {
118 
+      active: 0,
119 
+      value: "",
120 
+      hospitals: [
121 
+        {
122 
+          text: "",
123 
+          value: 0
124 
+        }
125 
+      ],
126 
+      searchVal: ""
127 
+    };
128 
+  },
129 
+  methods: {
130 
+    // patientManagement() {
131 
+    //   var id = this.$route.query.id;
132 
+    //   this.$router.push("/patientmanagement?id=" + id);
158 133 
     // },
159 
-    // created() {
160 
-    //   const id = this.$route.query.id;
161 
-    //   this.getAllOrgName(id);
134 
+    // ToSearch() {
135 
+    //   this.$router.push("/search");
162 136 
     // }
163 
-  };
137 
+  },
138 
+  created() {
139 
+    const id = this.$route.query.id;
140 
+    // this.getAllOrgName(id);
141 
+  }
142 
+};
164 143 
 </script>
165 144
166 145 
 <style lang="scss">
167 
-  .page_home {
168 
-    height: 100%;
169 
-    display: flex;
170 
-    flex-direction: column;
146 
+.page_home {
147 
+  height: 100%;
148 
+  display: flex;
149 
+  flex-direction: column;
171 150 
   > div:first-child {
172 151 
     flex: 1;
173 152 
     overflow-y: auto;
 
@@ -198,150 +177,150 @@
198 177 
   }
199 178
200 179 
   // .header {
201 
-     //   padding: 0 15px;
202 
-     //   box-sizing: border-box;
203 
-     //   height: 3.125rem;
204 
-     //   width: 100%;
205 
-     //   line-height: 3.125rem;
180 
+  //   padding: 0 15px;
181 
+  //   box-sizing: border-box;
182 
+  //   height: 3.125rem;
183 
+  //   width: 100%;
184 
+  //   line-height: 3.125rem;
206 185 
   //   img {
207 
-       //     float: left;
208 
-       //     width: 1.375rem;
209 
-       //     height: 1.375rem;
210 
-       //     margin-top: 0.625rem;
211 
-       //   }
186 
+  //     float: left;
187 
+  //     width: 1.375rem;
188 
+  //     height: 1.375rem;
189 
+  //     margin-top: 0.625rem;
190 
+  //   }
212 191 
   //   .van-dropdown-menu {
213 
-       //     width: 8.5rem;
214 
-       //     height: 3.125rem;
215 
-       //   }
192 
+  //     width: 8.5rem;
193 
+  //     height: 3.125rem;
194 
+  //   }
216 195 
   //   .van-dropdown-menu__item {
217 
-       //     flex: none;
218 
-       //   }
196 
+  //     flex: none;
197 
+  //   }
219 198 
   //   .van-ellipsis {
220 
-       //     width: 6.25rem;
221 
-       //     height: 3.125rem;
222 
-       //     line-height: 3.125rem;
223 
-       //     font-size: 0.875rem;
224 
-       //     white-space: nowrap;
225 
-       //     text-overflow: ellipsis;
226 
-       //     overflow: hidden;
227 
-       //   }
199 
+  //     width: 6.25rem;
200 
+  //     height: 3.125rem;
201 
+  //     line-height: 3.125rem;
202 
+  //     font-size: 0.875rem;
203 
+  //     white-space: nowrap;
204 
+  //     text-overflow: ellipsis;
205 
+  //     overflow: hidden;
206 
+  //   }
228 207 
   // }
229 208 
   // .search {
230 
-     //   width: 21.5625rem;
231 
-     //   height: 2.125rem;
232 
-     //   padding: 0 15px;
233 
-     //   box-sizing: border-box;
209 
+  //   width: 21.5625rem;
210 
+  //   height: 2.125rem;
211 
+  //   padding: 0 15px;
212 
+  //   box-sizing: border-box;
234 213 
   //   .el-input__inner {
235 
-       //     width: 21.5625rem;
236 
-       //     height: 2.125rem;
237 
-       //     border: none;
238 
-       //     background: rgba(244, 244, 244, 1);
239 
-       //     border-radius: 17px;
240 
-       //     color: #999999;
241 
-       //   }
214 
+  //     width: 21.5625rem;
215 
+  //     height: 2.125rem;
216 
+  //     border: none;
217 
+  //     background: rgba(244, 244, 244, 1);
218 
+  //     border-radius: 17px;
219 
+  //     color: #999999;
220 
+  //   }
242 221 
   //   .el-input__prefix {
243 
-       //     margin-top: -0.125rem;
244 
-       //     color: #999999;
245 
-       //   }
222 
+  //     margin-top: -0.125rem;
223 
+  //     color: #999999;
224 
+  //   }
246 225 
   // }
247 226 
   // .banner {
248 
-     //   overflow: hidden;
249 
-     //   margin-top: 1.25rem;
250 
-     //   // width: 21.4375rem;
251 
-     //   // height: 8.3125rem;
252 
-     //   // border-radius: 10px;
253 
-     //   width: 23.4375rem;
254 
-     //   height: 8.3125rem;
255 
-     //   // background: rgba(188, 188, 188, 0.1);
256 
-     //   // opacity: 0.2;
227 
+  //   overflow: hidden;
228 
+  //   margin-top: 1.25rem;
229 
+  //   // width: 21.4375rem;
230 
+  //   // height: 8.3125rem;
231 
+  //   // border-radius: 10px;
232 
+  //   width: 23.4375rem;
233 
+  //   height: 8.3125rem;
234 
+  //   // background: rgba(188, 188, 188, 0.1);
235 
+  //   // opacity: 0.2;
257 236 
   //   img {
258 
-       //     margin: 0 15px;
259 
-       //     width: 21.4375rem;
260 
-       //     height: 8.3125rem;
261 
-       //     box-sizing: border-box;
262 
-       //   }
237 
+  //     margin: 0 15px;
238 
+  //     width: 21.4375rem;
239 
+  //     height: 8.3125rem;
240 
+  //     box-sizing: border-box;
241 
+  //   }
263 242 
   // }
264 243 
   // .myDesk {
265 
-     //   padding: 0 15px;
266 
-     //   box-sizing: border-box;
267 
-     //   padding-top: 1.5625rem;
268 
-     //   width: 23.4375rem;
269 
-     //   height: 17.0625rem;
270 
-     //   // background: rgba(188, 188, 188, 0.1);
244 
+  //   padding: 0 15px;
245 
+  //   box-sizing: border-box;
246 
+  //   padding-top: 1.5625rem;
247 
+  //   width: 23.4375rem;
248 
+  //   height: 17.0625rem;
249 
+  //   // background: rgba(188, 188, 188, 0.1);
271 250 
   //   h2 {
272 
-       //     height: 1.1875rem;
273 
-       //     font-size: 1.25rem;
274 
-       //     font-weight: 600;
275 
-       //     color: rgba(0, 0, 0, 1);
276 
-       //     line-height: 0.9375rem;
277 
-       //   }
251 
+  //     height: 1.1875rem;
252 
+  //     font-size: 1.25rem;
253 
+  //     font-weight: 600;
254 
+  //     color: rgba(0, 0, 0, 1);
255 
+  //     line-height: 0.9375rem;
256 
+  //   }
278 257 
   //   .list {
279 
-       //     margin-top: 0.9375rem;
280 
-       //     width: 21.4375rem;
281 
-       //     height: 14rem;
282 
-       //     background: rgba(255, 255, 255, 1);
283 
-       //     border-radius: 10px;
284 
-       //     box-shadow: 0px 3px 12px 0px rgba(188, 188, 188, 0.2);
285 
-       //     display: flex;
286 
-       //     align-items: center;
258 
+  //     margin-top: 0.9375rem;
259 
+  //     width: 21.4375rem;
260 
+  //     height: 14rem;
261 
+  //     background: rgba(255, 255, 255, 1);
262 
+  //     border-radius: 10px;
263 
+  //     box-shadow: 0px 3px 12px 0px rgba(188, 188, 188, 0.2);
264 
+  //     display: flex;
265 
+  //     align-items: center;
287 266 
   //     .all {
288 
-         //       display: flex;
289 
-         //       justify-content: space-around;
290 
-         //       flex-wrap: wrap;
291 
-         //     }
267 
+  //       display: flex;
268 
+  //       justify-content: space-around;
269 
+  //       flex-wrap: wrap;
270 
+  //     }
292 271 
   //     .one {
293 
-         //       width: 25%;
294 
-         //       display: flex;
295 
-         //       flex-direction: column;
296 
-         //       align-items: center;
297 
-         //       justify-content: space-around;
298 
-         //       height: 6.25rem;
272 
+  //       width: 25%;
273 
+  //       display: flex;
274 
+  //       flex-direction: column;
275 
+  //       align-items: center;
276 
+  //       justify-content: space-around;
277 
+  //       height: 6.25rem;
299 278 
   //       img {
300 
-           //         width: 2.8125rem;
301 
-           //         height: 2.8125rem;
302 
-           //       }
279 
+  //         width: 2.8125rem;
280 
+  //         height: 2.8125rem;
281 
+  //       }
303 282 
   //       p {
304 
-           //         margin-top: -0.625rem;
305 
-           //         height: 0.8125rem;
306 
-           //         font-size: 0.8125rem;
307 
-           //         color: rgba(60, 60, 60, 1);
308 
-           //         line-height: 0.9375rem;
309 
-           //       }
283 
+  //         margin-top: -0.625rem;
284 
+  //         height: 0.8125rem;
285 
+  //         font-size: 0.8125rem;
286 
+  //         color: rgba(60, 60, 60, 1);
287 
+  //         line-height: 0.9375rem;
288 
+  //       }
310 289 
   //     }
311 290 
   //   }
312 291 
   // }
313 292 
   // .tab {
314 
-     //   display: flex;
315 
-     //   width: 23.4375rem;
316 
-     //   height: 3.0625rem;
317 
-     //   background: rgba(255, 255, 255, 1);
318 
-     //   justify-content: space-around;
319 
-     //   box-shadow: 3px 0px 12px 3px rgba(188, 188, 188, 0.2);
293 
+  //   display: flex;
294 
+  //   width: 23.4375rem;
295 
+  //   height: 3.0625rem;
296 
+  //   background: rgba(255, 255, 255, 1);
297 
+  //   justify-content: space-around;
298 
+  //   box-shadow: 3px 0px 12px 3px rgba(188, 188, 188, 0.2);
320 299
321 300 
   //   > div:last-child {
322 301 
   //     span {
323 
-         //       color: #bfbfbf;
324 
-         //     }
302 
+  //       color: #bfbfbf;
303 
+  //     }
325 304 
   //   }
326 305 
   //   .btn {
327 
-       //     display: flex;
328 
-       //     flex-direction: column;
329 
-       //     align-items: center;
330 
-       //     align-self: center;
306 
+  //     display: flex;
307 
+  //     flex-direction: column;
308 
+  //     align-items: center;
309 
+  //     align-self: center;
331 310 
   //     i {
332 
-         //       font-size: 1.5rem;
333 
-         //       color: rgba(79, 115, 254, 1);
334 
-         //     }
311 
+  //       font-size: 1.5rem;
312 
+  //       color: rgba(79, 115, 254, 1);
313 
+  //     }
335 314 
   //     .icon-wode {
336 
-         //       color: #bfbfbf;
337 
-         //     }
315 
+  //       color: #bfbfbf;
316 
+  //     }
338 317
339 318 
   //     span {
340 
-         //       font-size: 0.75rem;
341 
-         //       color: rgba(79, 115, 254, 1);
342 
-         //       margin-top: 0.25rem;
343 
-         //     }
319 
+  //       font-size: 0.75rem;
320 
+  //       color: rgba(79, 115, 254, 1);
321 
+  //       margin-top: 0.25rem;
322 
+  //     }
344 323 
   //   }
345 324 
   // }
346 
-  }
325 
+}
347 326 
 </style>

+ 1 - 1
src/pages/home/login.vue Vedi File 

@@ -143,7 +143,7 @@ export default {
143 143 
       this.$router.push({ path: "/privacy" });
144 144 
     },
145 145 
     submitForm() {
146 
-      this.$router.push({ path: "/myIndex" });
146 
+      this.$router.push({ path: "/homeIndex" });
147 147 
     },
148 148 
     // submitForm() {
149 149 
     //   const self = this;

+ 86 - 81
src/pages/homeIndex/index.vue Vedi File 

@@ -104,27 +104,27 @@
104 104 
   </div>
105 105 
 </template>
106 106 
 <script>
107 
-  export default {
108 
-    data() {
109 
-      return {
110 
-        value1: 0,
111 
-        option1: [
112 
-          { text: "新款商品", value: 0 },
113 
-          { text: "全部商品全部商品全部商品全部商品全部商品全部商品", value: 1 },
114 
-          { text: "活动商品", value: 2 }
115 
-        ]
116 
-      };
117 
-    },
118 
-    methods:{
119 
-      toPatients(){
120 
-        this.$router.push({path:"/patients"})
121 
-      }
107 
+export default {
108 
+  data() {
109 
+    return {
110 
+      value1: 0,
111 
+      option1: [
112 
+        { text: "新款商品", value: 0 },
113 
+        { text: "全部商品全部商品全部商品全部商品全部商品全部商品", value: 1 },
114 
+        { text: "活动商品", value: 2 }
115 
+      ]
116 
+    };
117 
+  },
118 
+  methods: {
119 
+    toPatients() {
120 
+      this.$router.push({ path: "/patients" });
122 121 
     }
123 
-  };
122 
+  }
123 
+};
124 124 
 </script>
125 125
126 126 
 <style lang="scss" scoped>
127 
-  .page_homeIndex {
127 
+.page_homeIndex {
128 128 
   .homeTitle {
129 129 
     height: 3.125rem;
130 130 
     padding: 0 1.125rem;
 
@@ -155,10 +155,10 @@
155 155 
   }
156 156 
   .banner {
157 157 
     padding: 0 1.125rem;
158 
-  img {
159 
-    height: 6.75rem;
160 
-    width: 100%;
161 
-  }
158 
+    img {
159 
+      height: 6.75rem;
160 
+      width: 100%;
161 
+    }
162 162 
   }
163 163 
   .noticeBox {
164 164 
     padding: 0 1.125rem;
 
@@ -166,17 +166,17 @@
166 166 
     display: flex;
167 167 
     align-items: center;
168 168 
     color: #cccccc;
169 
-  .notice {
170 
-    font-size: 1.25rem;
171 
-    margin-right: 0.375rem;
172 
-  }
173 
-  .noticeNews {
174 
-    width: 90%;
175 
-    display: flex;
176 
-    justify-content: space-between;
177 
-    color: #666666;
178 
-    font-size: 0.8125rem;
179 
-  }
169 
+    .notice {
170 
+      font-size: 1.25rem;
171 
+      margin-right: 0.375rem;
172 
+    }
173 
+    .noticeNews {
174 
+      width: 90%;
175 
+      display: flex;
176 
+      justify-content: space-between;
177 
+      color: #666666;
178 
+      font-size: 0.8125rem;
179 
+    }
180 180 
   }
181 181 
   .background1 {
182 182 
     background: #f6f6f6;
 
@@ -195,72 +195,77 @@
195 195 
     font-weight: bold;
196 196 
     font-size: 1rem;
197 197 
     color: #000;
198 
-  span {
199 
-    font-size: 0.8125rem;
200 
-    color: #989898;
201 
-    font-weight: 400;
202 
-  }
198 
+    span {
199 
+      font-size: 0.8125rem;
200 
+      color: #989898;
201 
+      font-weight: 400;
202 
+    }
203 203 
   }
204 204 
   .setting {
205 205 
     display: flex;
206 206 
     align-items: center;
207 207 
     color: #989898;
208 208 
     font-size: 0.8125rem;
209 
-  .van-icon-setting-o {
210 
-    margin-right: 0.25rem;
211 
-  }
209 
+    .van-icon-setting-o {
210 
+      margin-right: 0.25rem;
211 
+    }
212 212 
   }
213 213 
   .managementBox {
214 214 
     display: flex;
215 215 
     justify-content: space-between;
216 
-  .managementOne {
217 
-    display: flex;
218 
-    align-items: center;
219 
-    flex-direction: column;
220 
-    font-size: 0.8125rem;
221 
-    color: #666666;
222 
-  img {
223 
-    width: 1.375rem;
224 
-    height: 1.375rem;
225 
-    margin: 1rem 0 0.2rem;
226 
-  }
227 
-  }
216 
+    .managementOne {
217 
+      display: flex;
218 
+      align-items: center;
219 
+      flex-direction: column;
220 
+      font-size: 0.8125rem;
221 
+      color: #666666;
222 
+      img {
223 
+        width: 1.375rem;
224 
+        height: 1.375rem;
225 
+        margin: 1rem 0 0.2rem;
226 
+      }
227 
+    }
228 228 
   }
229 229 
   .application {
230 
-  .applicationTitle {
231 
-    display: flex;
232 
-    justify-content: space-between;
233 
-    align-items: center;
234 
-    padding: 1.25rem 1.125rem 0.625rem;
235 
-  }
236 
-  .applicationName {
237 
-    font-weight: bold;
238 
-    font-size: 1rem;
239 
-    color: #000;
240 
-  }
241 
-  .applicationService {
242 
-    font-size: 0.8125rem;
243 
-    color: #666666;
244 
-  }
230 
+    .applicationTitle {
231 
+      display: flex;
232 
+      justify-content: space-between;
233 
+      align-items: center;
234 
+      padding: 1.25rem 1.125rem 0.625rem;
235 
+    }
236 
+    .applicationName {
237 
+      font-weight: bold;
238 
+      font-size: 1rem;
239 
+      color: #000;
240 
+    }
241 
+    .applicationService {
242 
+      font-size: 0.8125rem;
243 
+      color: #666666;
244 
+    }
245 245 
   }
246 246 
   .applicationBox {
247 247 
     display: flex;
248 248 
     flex-wrap: wrap;
249 
-  .applicationOne {
250 
-    width: 25%;
251 
-    display: flex;
252 
-    align-items: center;
253 
-    flex-direction: column;
254 
-    padding: 0.625rem 0;
255 
-    font-size: 0.8125rem;
256 
-    color: #666666;
257 
-  img {
258 
-    width: 3.25rem;
259 
-    height: 3.25rem;
260 
-    margin-bottom: 0.375rem;
261 
-  }
262 
-  }
249 
+    .applicationOne {
250 
+      width: 25%;
251 
+      display: flex;
252 
+      align-items: center;
253 
+      flex-direction: column;
254 
+      padding: 0.625rem 0;
255 
+      font-size: 0.8125rem;
256 
+      color: #666666;
257 
+      img {
258 
+        width: 3.25rem;
259 
+        height: 3.25rem;
260 
+        margin-bottom: 0.375rem;
261 
+      }
262 
+    }
263 263 
   }
264 
+  .van-popup {
265 
+    border-radius: 0 !important;
266 
+    top: 0 !important;
267 
+    transform: translate3d(0, 0, 0) !important;
264 268 
   }
269 
+}
265 270 
 </style>
266 271 
 <style lang="scss"></style>

+ 69 - 65
src/router/index.js Vedi File 

@@ -1,109 +1,113 @@
1 
-import Vue from 'vue'
2 
-import Router from 'vue-router'
1 
+import Vue from "vue";
2 
+import Router from "vue-router";
3 3
4 
-Vue.use(Router)
4 
+Vue.use(Router);
5 5
6 6 
 export default new Router({
7 
-  routes: [{
8 
-      path: '/',
9 
-      name: 'Home',
10 
-      component: () => import('@/pages/home/login')
7 
+  routes: [
8 
+    {
9 
+      path: "/",
10 
+      name: "Home",
11 
+      component: () => import("@/pages/home/login")
11 12 
     },
12 13 
     // 首页
13 14 
     {
14 
-      path: '/myIndex',
15 
-      name: 'myIndex',
16 
-      component: () => import('@/pages/homeIndex/index')
15 
+      path: "/myIndex",
16 
+      name: "myIndex",
17 
+      component: () => import("@/pages/home/index"),
18 
+      children: [
19 
+        {
20 
+          path: "/homeIndex",
21 
+          component: () => import("@/pages/homeIndex/index.vue")
22 
+        }
23 
+      ]
17 24 
     },
18 25 
     // 患者中心
19 26 
     {
20 
-      path: '/patients',
21 
-      name: 'patients',
22 
-      component: () => import('@/pages/patientManagement/index')
23 
-
27 
+      path: "/patients",
28 
+      name: "patients",
29 
+      component: () => import("@/pages/patientManagement/index")
24 30 
     },
25 31 
     // 新增病人
26 32 
     {
27 
-      path: '/addPatints',
28 
-      name: 'addpatients',
29 
-      component: () => import('@/pages/patients/addPatient')
30 
-
33 
+      path: "/addPatints",
34 
+      name: "addpatients",
35 
+      component: () => import("@/pages/patients/addPatient")
31 36 
     },
32 37 
     {
33 
-      path: '/product',
34 
-      name: 'Product',
35 
-      component: () => import('@/pages/product/index')
38 
+      path: "/product",
39 
+      name: "Product",
40 
+      component: () => import("@/pages/product/index")
36 41 
     },
37 42 
     {
38 
-      path: '/main',
39 
-      name: 'main',
40 
-      component: () => import('@/pages/main/index')
43 
+      path: "/main",
44 
+      name: "main",
45 
+      component: () => import("@/pages/main/index")
41 46 
     },
42 47 
     {
43 
-      path: '/details',
44 
-      name: 'details',
45 
-      component: () => import('@/pages/main/DetailsPage')
48 
+      path: "/details",
49 
+      name: "details",
50 
+      component: () => import("@/pages/main/DetailsPage")
46 51 
     },
47 52 
     {
48 
-      path: '/monitoring',
49 
-      name: 'monitorPage',
50 
-      component: () => import('@/pages/monitoring/index')
53 
+      path: "/monitoring",
54 
+      name: "monitorPage",
55 
+      component: () => import("@/pages/monitoring/index")
51 56 
     },
52 57 
     {
53 
-      path: '/my',
54 
-      name: 'my',
55 
-      component: () => import('@/pages/personal/index')
58 
+      path: "/my",
59 
+      name: "my",
60 
+      component: () => import("@/pages/personal/index")
56 61 
     },
57 62 
     {
58 
-      path: '/advice',
59 
-      name: 'doctorAdvice',
60 
-      component: () => import('@/pages/advice/index')
63 
+      path: "/advice",
64 
+      name: "doctorAdvice",
65 
+      component: () => import("@/pages/advice/index")
61 66 
     },
62 67 
     {
63 
-      path: '/EditPersonal',
64 
-      name: 'EditPersonal',
65 
-      component: () => import('@/pages/personal/EditPersonal')
68 
+      path: "/EditPersonal",
69 
+      name: "EditPersonal",
70 
+      component: () => import("@/pages/personal/EditPersonal")
66 71 
     },
67 72 
     {
68 
-      path: '/ElectronicSignature',
69 
-      name: 'ElectronicSignature',
70 
-      component: () => import('@/pages/personal/ElectronicSignature')
73 
+      path: "/ElectronicSignature",
74 
+      name: "ElectronicSignature",
75 
+      component: () => import("@/pages/personal/ElectronicSignature")
71 76 
     },
72 77 
     {
73 
-      path: '/Print',
74 
-      name: 'Print',
75 
-      component: () => import('@/pages/main/PrintIndex')
78 
+      path: "/Print",
79 
+      name: "Print",
80 
+      component: () => import("@/pages/main/PrintIndex")
76 81 
     },
77 82 
     {
78 
-      path: '/add_urgent_schedule',
79 
-      name: 'AddUrgentSchedule',
80 
-      component: () => import('@/pages/main/add_urgent_schedule')
83 
+      path: "/add_urgent_schedule",
84 
+      name: "AddUrgentSchedule",
85 
+      component: () => import("@/pages/main/add_urgent_schedule")
81 86 
     },
82 87 
     {
83 
-      path: '/Prints',
84 
-      name: 'Prints',
85 
-      component: () => import('@/pages/main/Print')
88 
+      path: "/Prints",
89 
+      name: "Prints",
90 
+      component: () => import("@/pages/main/Print")
86 91 
     },
87 92 
     {
88 
-      path: '/forgetPassword',
89 
-      name: 'forgetPassword',
90 
-      component: () => import('@/pages/personal/ForgetPassword')
93 
+      path: "/forgetPassword",
94 
+      name: "forgetPassword",
95 
+      component: () => import("@/pages/personal/ForgetPassword")
91 96 
     },
92 97 
     {
93 
-      path: '/changePassword',
94 
-      name: 'changePassword',
95 
-      component: () => import('@/pages/personal/ChangePassword')
98 
+      path: "/changePassword",
99 
+      name: "changePassword",
100 
+      component: () => import("@/pages/personal/ChangePassword")
96 101 
     },
97 102 
     {
98 
-      path: '/privacy',
99 
-      name: 'privacy',
100 
-      component: () => import('@/pages/privacy/index')
103 
+      path: "/privacy",
104 
+      name: "privacy",
105 
+      component: () => import("@/pages/privacy/index")
101 106 
     },
102 107 
     {
103 
-      path: '/userAgreement',
104 
-      name: 'userAgreement',
105 
-      component: () => import('@/pages/userAgreement/index')
108 
+      path: "/userAgreement",
109 
+      name: "userAgreement",
110 
+      component: () => import("@/pages/userAgreement/index")
106 111 
     }
107 
-
108 112 
   ]
109 
-})
113 
+});