Domů Procházet Nápověda
Registrovat se Přihlásit se
front
/
preliminary
2
0
Rozštěpit 0
Soubory Úkoly 0 Pull Requesty 0 Wiki
Procházet zdrojové kódy

bug3224,3217,3207,3233

luolei před 5 roky
rodič
73d0e9ff0e
revize
67470c140e
6 změnil soubory, kde provedl 85 přidání a 11 odebrání
Rozdělené zobrazení Ukázat statistiku rozdílových dat
  1. 2 1
      config/index.js
  2. 2 0
      src/App.vue
  3. 56 0
      src/common/Head.vue
  4. 10 3
      src/common/UsualSymptom.vue
  5. 9 6
      src/components/MainPage.vue
  6. 6 1
      src/less/index.less

+ 2 - 1
config/index.js
Zobrazit soubor 

@@ -5,8 +5,9 @@
 
 const path = require('path')
 
 // const proxy_path = 'http://192.168.2.236:80';
 
 // const proxy_path = 'http://192.168.2.236:5050';
 
-const proxy_path = 'http://192.168.2.241:5050';
 
+// const proxy_path = 'http://192.168.2.241:5050';
 
 // const proxy_path = 'http://223.93.170.82:23650';
 
+const proxy_path = 'http://223.93.170.82:24182';
 
 
 module.exports = {
 
   dev: {

+ 2 - 0
src/App.vue
Zobrazit soubor 

@@ -4,6 +4,8 @@
 
         <portal-target name="notification-outlet"></portal-target>
 
         <portal-target name="notification-detail"></portal-target>
 
         <portal-target name="notification-search"></portal-target>
 
+        <portal-target name="notification-usual"></portal-target>
 
+        <portal-target name="notification-head"></portal-target>
 
     </div>
 
 </template>
 
 <script>

+ 56 - 0
src/common/Head.vue
Zobrazit soubor 

@@ -0,0 +1,56 @@
 
+<template>
 
+  <portal to="notification-head">
 
+    <div class="progress-bar">
 
+      <div class="title">
 
+        <span :class="{'active':activeTab==i.type}" :style="{width:(100/allMoudles.length)+'%'}" v-for="i in allMoudles">{{i.name}}</span>
 
+      </div>
 
+      <div class="progress">
 
+        <p :style="{width:progress}"></p>
 
+      </div>
 
+    </div>
 
+  </portal>
 
+</template>
 
+<script>
 
+export default {
 
+  props:['activeTab','allMoudles','progress']
 
+}
 
+</script>
 
+<style lang="less" scoped>
 
+@import "../less/base.less";
 
+
 
+.progress-bar {
 
+  height: .8rem;
 
+  line-height: 0.44rem;
 
+  background: #fff;
 
+  color: #aaa;
 
+  /*margin-bottom:.4rem;*/
 
+  .title{
 
+    height: 100%;
 
+  }
 
+  span{
 
+    display: inline-block;
 
+    font-size: .26rem;
 
+    color: #aaa;
 
+    text-align: center;
 
+    &:not(:last-child):after{
 
+        content: ">";
 
+        float: right;
 
+        color: #aaa;
 
+     }
 
+  }
 
+  .active{
 
+    font-size: #font[dialog];
 
+    color: #colors[theme];
 
+    font-weight: 500;
 
+  }
 
+  .progress{
 
+    height:0.06rem;
 
+    background:#F5F5F5;
 
+    p{
 
+      width:.1px;
 
+      height: 100%;
 
+      background: #colors[theme];
 
+    }
 
+  }
 
+}
 
+</style>

+ 10 - 3
src/common/UsualSymptom.vue
Zobrazit soubor 

@@ -1,4 +1,5 @@
 
 <template>
 
+  <portal to="notification-usual">
 
   <div class="usual-symptom">
 
     <p class="title-bar">
 
       <!--<a href="javascript:void(0)">--><img @click="back" src="../images/back.png" alt="返回"/><!--</a>-->
 
@@ -29,6 +30,7 @@
 
     <Tiptoast :show="showExp" :data="message" @close="closeTip"/>
 
     <!-- <ConfirmBox :show="showConfirm" @confirmDialog="confirmDialog" @cancelDialog = "cancelDialog"></ConfirmBox> -->
 
   </div>
 
+  </portal>
 
 </template>
 
 <script>
 
   import Radio from './Radio';
 
@@ -122,15 +124,20 @@
 
     position: fixed;
 
     bottom: 0;
 
     background: #fff;
 
-    padding: .38rem .1rem;
 
+    padding: .2rem .1rem;
 
     box-shadow: 0 0 30px -10px rgba(104, 124, 189, 0.25);
 
   }
 
   .title-bar{
 
     font-size: #font[title];
 
-    margin:0 0 .5rem .2rem;
 
+    overflow: hidden;
 
     img{
 
       width: .16rem;
 
-      margin-right:.4rem;
 
+      padding: .2rem .4rem .4rem .2rem;
 
+      float: left;
 
+    }
 
+    span {
 
+      padding-top: .1rem;
 
+      float: left;
 
     }
 
   }
 
   .radio-item{

+ 9 - 6
src/components/MainPage.vue
Zobrazit soubor 

@@ -1,13 +1,14 @@
 
 <template>
 
   <div class="page">
 
-    <div class="progress-bar">
 
+    <Head :activeTab='activeTab' :allMoudles='allMoudles' :progress='progress'/>
 
+    <!-- <div class="progress-bar">
 
       <div class="title">
 
         <span :class="{'active':activeTab==i.type}" :style="{width:(100/allMoudles.length)+'%'}" v-for="i in allMoudles">{{i.name}}</span>
 
       </div>
 
       <div class="progress">
 
         <p :style="{width:progress}"></p>
 
       </div>
 
-    </div>
 
+    </div> -->
 
     <div class="wrapper">
 
       <div class="scrollPart" :style="{'paddingBottom':pdbm}">
 
         <!--<div class="right clearfix">
 
@@ -100,6 +101,7 @@ import ConfirmBox from '../common/ConfirmBox'
 
 import UsualSymptom from '../common/UsualSymptom';
 
 import MultSelect from '../common/MultSelect.vue';
 
 import TipWarning from '../common/TipWarning.vue';
 
+import Head from '../common/Head.vue';
 
 import api from "../utils/api.js";
 
 import {mapState} from 'vuex';
 
 import {moduleCP,moduleConfig,getValuesArr,getNSum} from '@utils/tools'
 
@@ -429,7 +431,8 @@ export default {
 
     ConfirmBox,
 
     UsualSymptom,
 
     MultSelect,
 
-    TipWarning
 
+    TipWarning,
 
+    Head
 
   }
 
 }
 
 </script>
 
@@ -454,9 +457,9 @@ export default {
 
   background: #fff;
 
   color: #aaa;
 
   /*margin-bottom:.4rem;*/
 
-.title{
 
-  height: 100%;
 
-}
 
+  .title{
 
+    height: 100%;
 
+  }
 
   span{
 
     display: inline-block;
 
     font-size: .26rem;

+ 6 - 1
src/less/index.less
Zobrazit soubor 

@@ -5,9 +5,14 @@ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, input, textarea, p, t
 
   font-family: Arial, sans-serif, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB";
 
   color: #333333;
 
   // -webkit-text-size-adjust:100%;
 
-  -webkit-text-size-adjust:auto;
 
+  // -webkit-text-size-adjust:auto;
 
   -webkit-tap-highlight-color: rgba(0,0,0,0);
 
   -webkit-tap-highlight-color: transparent;
 
+
 
+  -webkit-text-size-adjust : none ;
 
+  -moz-text-size-adjust : none ;
 
+  -ms-text-size-adjust : none ;
 
+  text-size-adjust : none
 
 }
 
 input, textarea{
 
   outline: none;