Merge branch 'master' of http://git.dayaedu.com/molingzhide/dy-admin-manager

src/App.vue

@@ -36,17 +36,17 @@ input[type="number"] {
 }
 .el-tabs__item.is-active {
   color: #14928a !important;
-  // font-size: 16px;
+  // font-size: 14px;
   font-weight: 600;
 }
 .el-tabs__item:hover {
   color: #14928a !important;
-  // font-size: 16px;
+  // font-size: 14px;
   font-weight: 600;
 }
 // 选择框组件
 .el-form-item__content {
-  font-size: 16px !important;
+  font-size: 14px !important;
 }
 .el-select {
   width: 150px !important;
@@ -88,13 +88,13 @@ input[type="number"] {
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 500;
   color: rgba(119, 119, 119, 1);
   height: 30px;
   margin-bottom: 30px;
   p {
-    font-size: 16px;
+    font-size: 14px;
     padding-left: 4px;
   }
   .searchItem {
@@ -108,7 +108,7 @@ input[type="number"] {
     background: rgba(246, 246, 246, 1);
     border-radius: 15px;
     color: #777;
-    font-size: 16px;
+    font-size: 14px;
     .el-icon-close {
       position: absolute;
       right: 5px;
@@ -123,7 +123,7 @@ input[type="number"] {
   justify-content: space-between;
   align-items: center;
   .left {
-    width: 1000px;
+    // width: 1000px;
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
@@ -163,12 +163,15 @@ input[type="number"] {
 .m-container {
   box-sizing: border-box;
   background-color: #fff;
-  padding: 18px 95px 55px 60px;
-  min-height: calc(100vh - 80px);
+  padding: 18px 60px 40px;
+  // height: calc(100vh- 80px) !important;
+  height: calc(100vh - 70px);
+  width: 100;
+  min-width: 1440px;
+  overflow: auto;
   .m-core {
     margin-top: 10px;
     background-color: #fff;
-
     position: relative;
   }
   h2 {
@@ -190,7 +193,7 @@ input[type="number"] {
       width: 100px;
       color: #14928a;
       border: 1px solid rgba(20, 146, 138, 1);
-      font-size: 16px;
+      font-size: 14px;
       text-align: center;
       margin-right: 12px;
       &:nth-child(1) {

src/api/user.js

@@ -1,11 +1,12 @@
 import request from '@/utils/request'
+import qs from 'qs'
 
 export function login (data) {
   return request({
     url: '/api-auth/usernameLogin',
     // url: '/user/login',
     method: 'post',
-    data
+    data: qs.stringify(data)
   })
 }
 

src/components/Breadcrumb/index.vue

@@ -73,7 +73,7 @@ export default {
 <style lang="scss" scoped>
 .app-breadcrumb.el-breadcrumb {
   display: inline-block;
-  font-size: 16px;
+  font-size: 14px;
   line-height: 50px;
   margin-left: 8px;
 

src/layout/components/AppMain.vue

@@ -21,15 +21,16 @@ export default {
 <style scoped>
 .app-main {
   /*50 = navbar  */
-  min-height: calc(100vh - 80px);
-  padding-top: 80px;
-  width: 100%;
+  /* height: calc(100vh - 80px); */
+  /* height: 100vh; */
+  padding-top: 60px;
+  /* min-width: 1440px; */
   position: relative;
-  overflow: hidden;
+  /* overflow: auto; */
   box-sizing: border-box;
 }
 .fixed-header + .app-main {
-  padding-top: 80px;
+  padding-top: 60px;
 }
 </style>
 

src/layout/components/Navbar.vue

@@ -73,19 +73,19 @@ export default {
 
 <style lang="scss" scoped>
 .navbar {
-  height: 80px;
+  height: 60px;
   overflow: hidden;
   position: relative;
   background: #fff;
   box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.1);
   h2 {
     font-size: 18px;
-    line-height: 80px;
+    line-height: 60px;
     margin: 0 0 0 30px;
     display: inline-block;
   }
   .hamburger-container {
-    line-height: 80px;
+    line-height: 60px;
     height: 100%;
     float: left;
     cursor: pointer;
@@ -105,7 +105,7 @@ export default {
     min-width: 204px;
     float: right;
     height: 100%;
-    line-height: 80px;
+    line-height: 60px;
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
@@ -120,10 +120,14 @@ export default {
       margin-right: 34px;
       position: relative;
       cursor: pointer;
+      img {
+        width: 23px;
+        height: 30px;
+      }
       .active {
         position: absolute;
-        width: 11px;
-        height: 11px;
+        width: 7px;
+        height: 7px;
         background-color: #f97215;
         border-radius: 50%;
         top: 20px;
@@ -134,7 +138,7 @@ export default {
       display: inline-block;
       padding: 0 8px;
       height: 100%;
-      font-size: 18px;
+      font-size: 14px;
       color: #5a5e66;
       vertical-align: text-bottom;
 
@@ -149,7 +153,7 @@ export default {
     }
 
     .avatar-container {
-      height: 80px;
+      height: 60px;
       margin-right: 42px;
       cursor: pointer;
 
@@ -161,16 +165,16 @@ export default {
         align-items: center;
         span {
           margin-left: 15px;
-          font-size: 16px;
+          font-size: 14px;
           font-weight: 500;
           color: rgba(68, 68, 68, 1);
         }
 
         .user-avatar {
           cursor: pointer;
-          width: 50px;
-          height: 50px;
-          border: 3px solid #f0f2f5;
+          width: 32px;
+          height: 32px;
+          border: 2px solid #f0f2f5;
           border-radius: 50%;
         }
 

src/layout/components/Sidebar/Logo.vue

@@ -38,8 +38,8 @@ export default {
   // top:10px;
   position: relative;
   width: 100%;
-  height: 81px;
-  line-height: 81px;
+  height: 60px;
+  line-height: 60px;
   // background: #2b2f3a;
   text-align: center;
   overflow: hidden;
@@ -49,12 +49,12 @@ export default {
     width: 100%;
 
     & .sidebar-logo {
-      width: 170px;
+      width: 132px;
       // height: 210px;
       vertical-align: middle;
     }
     & .sidebar-logo-bottom {
-      width: 170px;
+      width: 132px;
       height: 85px;
       vertical-align: middle;
     }
@@ -65,7 +65,7 @@ export default {
       color: #fff;
       font-weight: 600;
       line-height: 50px;
-      font-size: 16px;
+      font-size: 14px;
       font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
       vertical-align: middle;
     }

src/layout/components/Sidebar/SidebarItem.vue

@@ -60,9 +60,13 @@ export default {
   data () {
     // To fix https://github.com/PanJiaChen/vue-admin-template/issues/237
     // TODO: refactor with render function
-    this.onlyOneChild = null
+
     return {}
   },
+  mounted () {
+    this.onlyOneChild = null
+  }
+  ,
   methods: {
     hasOneShowingChild (children = [], parent) {
       const showingChildren = children.filter(item => {

src/layout/index.vue

@@ -60,7 +60,7 @@ export default {
 .app-wrapper {
   @include clearfix;
   position: relative;
-  height: 100%;
+  // height: 100vh;
   width: 100%;
   &.mobile.openSidebar {
     position: fixed;
@@ -81,7 +81,7 @@ export default {
   position: fixed;
   top: 0;
   right: 0;
-  z-index: 9;
+  z-index: 111;
   width: calc(100% - #{$sideBarWidth});
   transition: width 0.28s;
 }
@@ -94,7 +94,9 @@ export default {
   width: 100%;
 }
 .main-container {
-  padding: 15px 25px 0 15px;
+  // overflow:
+  padding: 10px 10px 0 0;
+  // background-color: #fff;
   box-sizing: border-box;
 }
 </style>

src/main.js

@@ -1,8 +1,8 @@
 import Vue from 'vue'
-
+import ElementUI from 'element-ui'
 import 'normalize.css/normalize.css' // A modern alternative to CSS resets
 import 'default-passive-events'
-import ElementUI from 'element-ui'
+
 import 'element-ui/lib/theme-chalk/index.css'
 import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n
 
@@ -34,9 +34,9 @@ if (process.env.NODE_ENV === 'production') {
 import VueAMap from 'vue-amap'
 Vue.use(VueAMap)
 VueAMap.initAMapApiLoader({
-    key: 'c7856e7c812d299cff150e74d60ea608',
-    plugin: ['AMap.Geolocation', 'AMap.PlaceSearch', 'AMap.Geocoder'],
-    v: '1.4.4'
+  key: 'c7856e7c812d299cff150e74d60ea608',
+  plugin: ['AMap.Geolocation', 'AMap.PlaceSearch', 'AMap.Geocoder'],
+  v: '1.4.4'
 })
 
 // set ElementUI lang to EN

src/store/modules/permission.js

@@ -43,53 +43,37 @@ const mutations = {
 }
 // 递归遍历数组
 function recursionRouter (arr) {
-  let newArr = arr.map(item => {
-    let obj = {};
-    obj.component = item.component;
-    obj.hidden = false;
-    obj.path = item.path;
-    obj.meta = { 'title': item.name, 'icon': item.icon }
-    if (item.sysMenus && item.sysMenus.length > 0) {
-      obj.children = recursionRouter(item.sysMenus);
-    }
-    return obj
-  })
-  return newArr
+  if (arr.length > 0) {
+    // console.log(arr);
+    let newArr = arr.map(item => {
+      let obj = {};
+      obj.component = item.component;
+      obj.hidden = false;
+      obj.path = item.path;
+      obj.meta = { 'title': item.name, 'icon': item.icon }
+      if (item.sysMenus && item.sysMenus.length > 0) {
+        obj.children = recursionRouter(item.sysMenus);
+      }
+      return obj
+    })
+    return newArr
+  }
+
 }
 const actions = {
   generateRoutes ({ commit }, roles) {
     return new Promise(resolve => {
       // 获取接口返回的权限菜单
       getSilder().then(res => {
-        // console.log(res.data);
-        // 这里递归 整体修改路由数据
-        // console.log(res.data.rows);
-        // let newData = res.data.map(item => {
-        //   let obj = {};
-        //   obj.component = item.component;
-        //   obj.hidden = false;
-        //   obj.path = item.path;
-        //   obj.meta = { 'title': item.name, 'icon': item.icon }
-        //   if (item.sysMenus && item.sysMenus.length > 0) {
-        //     obj.children = item.sysMenus.map(sub => {
-        //       let obj = {};
-        //       obj.component = sub.component;
-        //       obj.hidden = false;
-        //       obj.path = sub.path;
-        //       obj.meta = { 'title': sub.name, 'icon': sub.icon }
-        //       return obj
-        //     });
-        //   }
-        //   return obj
-        // });
-        // console.log(newData);
-        let newData = recursionRouter(res.data);
-        var accessedRoutes
-        // 生成异步路由表
-        accessedRoutes = generateAsyncRouter(asyncRoutes, newData)
-        // var result = accessedRoutes.concat({ path: '*', redirect: '/404', hidden: true })
-        commit('SET_ROUTES', accessedRoutes)
-        resolve(accessedRoutes)
+        if (res.code == 200) {
+          let newData = recursionRouter(res.data);
+          var accessedRoutes
+          // 生成异步路由表
+          accessedRoutes = generateAsyncRouter(asyncRoutes, newData)
+          // var result = accessedRoutes.concat({ path: '*', redirect: '/404', hidden: true })
+          commit('SET_ROUTES', accessedRoutes)
+          resolve(accessedRoutes)
+        }
       })
     })
   }

src/store/modules/user.js

@@ -27,10 +27,10 @@ const actions = {
     return new Promise((resolve, reject) => {
       //qs.stringify({ username: username.trim(), password: password, clientId: 'app', clientSecret: 'app' })
       // { username: username.trim(), password: password }
-      login(qs.stringify({ username: username.trim(), password: password, clientId: 'app', clientSecret: 'app' })).then(response => {
+      login({ username: username.trim(), password: password, clientId: 'system', clientSecret: 'system' }).then(response => {
         const { data } = response
         if (response.code == 200) {
-          let token = data.token_type + ' ' + data.access_token;
+          let token = data.authentication.token_type + ' ' + data.authentication.access_token;
           commit('SET_TOKEN', token)
           setToken(token)
           resolve()

src/styles/sidebar.scss

@@ -20,6 +20,11 @@
     z-index: 1001;
     overflow: hidden;
 
+    .el-menu-item {
+      &:hover {
+        color: #fff;
+      }
+    }
     // reset element-ui css
     .horizontal-collapse-transition {
       transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
@@ -39,7 +44,7 @@
 
     &.has-logo {
       .el-scrollbar {
-        height: calc(100% - 50px);
+        height: calc(100% - 60px);
       }
     }
 

src/styles/variables.scss

@@ -9,7 +9,7 @@ $menuHover:#13817A;
 $subMenuBg:#0E605B;
 $subMenuHover:#0E605B;
 
-$sideBarWidth: 225px;
+$sideBarWidth: 165px;
 
 // the :export directive is the magic sauce for webpack
 // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass

src/views/404.vue

@@ -216,7 +216,7 @@ export default {
       text-align: center;
       color: #ffffff;
       opacity: 0;
-      font-size: 16px;
+      font-size: 14px;
       line-height: 36px;
       cursor: pointer;
       animation-name: slideUp;

src/views/journal/journalItem.vue

@@ -2,11 +2,34 @@
   <div class='infoWrap'>
     <div class="left">
       <div class="unread"> <img :src="img.boxicon"
-             alt=""> 未读消息</div>
-      <div class="read">已读消息</div>
-      <div class="recovery">回收站</div>
+             alt=""> 未读消息
+        <div class="count">84</div>
+      </div>
+      <div class="read">
+        <img :src="img.bookicon"
+             alt="">
+        已读消息</div>
+      <div class="recovery">
+        <img :src="img.trashicon"
+             alt="">
+        回收站</div>
+    </div>
+    <div class="middle">
+      <div class="msgItem">
+        <h6 class="type">审批</h6>
+        <h4 class="name">黄老师 <span class='time'>10:03</span>
+          <div class="dot"></div>
+        </h4>
+        <p class='msg'>那家纯四季花城教学总结爱喝酒收到货就暗示的看见爱上大家超级好吃就撒客户看见爱上当看见那家纯四季花城教学总结爱喝酒收到货就暗示的看见爱上大家超级好吃就撒客户看见爱上当看见</p>
+      </div>
+      <div class="msgItem active">
+        <h6 class="type">审批</h6>
+        <h4 class="name">黄老师 <span class='time'>10:03</span>
+          <div class="dot"></div>
+        </h4>
+        <p class='msg'>那家纯四季花城教学总结爱喝酒收到货就暗示的看见爱上大家超级好吃就撒客户看见爱上当看见那家纯四季花城教学总结爱喝酒收到货就暗示的看见爱上大家超级好吃就撒客户看见爱上当看见</p>
+      </div>
     </div>
-    <div class="middle"></div>
     <div class="right"></div>
   </div>
 </template>
@@ -31,15 +54,107 @@ export default {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
+  height: calc(100vh - 266px);
+  overflow: auto;
   .left {
+    padding-top: 24px;
     display: flex;
     flex-direction: column;
-    align-items: center;
+    align-items: left;
+    > div {
+      height: 26px;
+      line-height: 26px;
+      margin-top: 26px;
+      img {
+        position: relative;
+        top: 6px;
+      }
+    }
     .unread {
+      position: relative;
       img {
         width: 26px;
         height: 25px;
       }
+      .count {
+        position: absolute;
+        width: 38px;
+        height: 23px;
+        background: rgba(20, 146, 138, 0.5);
+        border-radius: 100px;
+        font-size: 12px;
+        line-height: 23px;
+        text-align: center;
+        color: #225551;
+        right: -44px;
+        top: 8px;
+      }
+    }
+    .read {
+      img {
+        width: 20px;
+        height: 26px;
+      }
+    }
+    .recovery {
+      img {
+        width: 19px;
+        height: 26px;
+      }
+    }
+  }
+  .middle {
+    width: 390px;
+    margin-left: 76px;
+    padding-top: 50px;
+    overflow: auto;
+    .msgItem {
+      padding: 16px 18px 23px 30px;
+      .type {
+        font-size: 14px;
+        color: #777;
+        font-weight: 400;
+        padding-bottom: 4px;
+      }
+      .name {
+        position: relative;
+        color: #444;
+        font-size: 16px;
+        padding-bottom: 9px;
+        clear: both;
+        .time {
+          font-weight: 400;
+          color: #aaa;
+          float: right;
+        }
+        .dot {
+          width: 7px;
+          height: 7px;
+          background-color: #f97215;
+          border-radius: 50%;
+          position: absolute;
+          left: -13px;
+          top: 4px;
+        }
+      }
+      .msg {
+        color: #444;
+        font-size: 14px;
+        line-height: 24px;
+        text-overflow: -o-ellipsis-lastline;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+      }
+    }
+    .msgItem.active {
+      background-color: #f3f4f8;
+      border-radius: 5px;
+      .msg {
+        color: #aaa;
+      }
     }
   }
 }

src/views/login/index.vue

@@ -101,6 +101,7 @@ export default {
   mounted () {
     this.loginForm.username = localStorage.getItem('username');
     this.loginForm.password = localStorage.getItem('password');
+
   },
   watch: {
     $route: {
@@ -172,19 +173,19 @@ export default {
 ::-webkit-input-placeholder {
   /* WebKit browsers */
   color: #444;
-  font-size: 16px;
+  font-size: 14px;
 }
 
 ::-moz-placeholder {
   /* Mozilla Firefox 19+ */
   color: #444;
-  font-size: 16px;
+  font-size: 14px;
 }
 
 :-ms-input-placeholder {
   /* Internet Explorer 10+ */
   color: #444;
-  font-size: 16px;
+  font-size: 14px;
 }
 .logitem {
   border-radius: 25px !important;
@@ -292,7 +293,7 @@ $light_gray: #eee;
   }
 
   .tips {
-    font-size: 16px;
+    font-size: 14px;
     color: #fff;
     margin-bottom: 10px;
 
@@ -333,7 +334,7 @@ $light_gray: #eee;
     position: absolute;
     right: 10px;
     top: 7px;
-    font-size: 16px;
+    font-size: 14px;
     color: $dark_gray;
     cursor: pointer;
     user-select: none;

src/views/mapDemo/index.vue

@@ -1,88 +1,91 @@
 <template>
   <div>
-    <el-amap :zoom="zoom" :plugin="plugin" :center="center">
-        <el-amap-marker :clickable="true" 
-            :events="marker.events" 
-            :position="marker.position"  
-            v-for="(marker, index) in markers" 
-            :key="index"  ></el-amap-marker>
+    <el-amap :zoom="zoom"
+             :plugin="plugin"
+             :center="center">
+      <el-amap-marker :clickable="true"
+                      :events="marker.events"
+                      :position="marker.position"
+                      v-for="(marker, index) in markers"
+                      :key="index"></el-amap-marker>
     </el-amap>
   </div>
 </template>
 <script>
 export default {
-    data () {
-        let self = this
-        return {
-            zoom: 14,
-            center: [114.34371, 30.55939],
-            markers: [],
-            searchResult: [], // 搜索出来的数据
-            plugin: [{
-                pName: 'Geolocation',
-                events: {
-                    init(o) {
-                        o.getCurrentPosition((status, result) => {
-                            if(result && result.position) {
-                                self.lng = result.position.lng
-                                self.lat = result.position.lat
-                                self.center = [self.lng, self.lat]
-                                self.loaded = true
-                                self.$nextTick()
-                            }
-                        })
-                    }
-                }
-            }],
-            searchOption: {
-                pageSize: 1, // 单页显示结果条数
-                pageIndex: 1, // 页码
-                autoFitView: true // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
-            },
-            addressDetail: null, // 输入详情地址
-            teachingSchool: null, // 教学点
+  data () {
 
+    return {
+      zoom: 14,
+      center: [114.34371, 30.55939],
+      markers: [],
+      searchResult: [], // 搜索出来的数据
+      plugin: [{
+        pName: 'Geolocation',
+        events: {
+          init (o) {
+            o.getCurrentPosition((status, result) => {
+              if (result && result.position) {
+                self.lng = result.position.lng
+                self.lat = result.position.lat
+                self.center = [self.lng, self.lat]
+                self.loaded = true
+                self.$nextTick()
+              }
+            })
+          }
         }
+      }],
+      searchOption: {
+        pageSize: 1, // 单页显示结果条数
+        pageIndex: 1, // 页码
+        autoFitView: true // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
+      },
+      addressDetail: null, // 输入详情地址
+      teachingSchool: null, // 教学点
+
+    }
+  },
+  mounted () {
+    let self = this
+  },
+  methods: {
+    onSearch () {
+      if (!this.search_value) return
+      this.markers = [] // 重置位置
+      let mapSearch = new AMap.PlaceSearch(this.searchOption)
+      // 目前只需要搜索第一条数据
+      mapSearch.search(this.search_value, (status, sr) => {
+        if (sr && sr.poiList && sr.poiList.count) {
+          let pois = sr.poiList.pois[0]
+          this.searchResult.push(pois)
+          this.markers.push({
+            position: [pois.location.lng, pois.location.lat],
+            events: this.markerEvents(pois)
+          })
+          this.center = [pois.location.lng, pois.location.lat]
+        } else if (sr.poiList === undefined) {
+          throw new Error(sr);
+        }
+      })
     },
-    mounted () {
-    },
-    methods: {
-        onSearch() {
-            if(!this.search_value) return
-            this.markers = [] // 重置位置
-            let mapSearch = new AMap.PlaceSearch(this.searchOption)
-            // 目前只需要搜索第一条数据
-            mapSearch.search(this.search_value, (status, sr) => {
-                if(sr && sr.poiList && sr.poiList.count) {
-                    let pois = sr.poiList.pois[0]
-                    this.searchResult.push(pois)
-                    this.markers.push({
-                        position: [pois.location.lng, pois.location.lat],
-                        events: this.markerEvents(pois)
-                    })
-                    this.center = [pois.location.lng, pois.location.lat]
-                } else if (sr.poiList === undefined) {
-                    throw new Error(sr);
-                }
-            })
-        },
-        markerEvents(pois) { 
-            // marker 事件列表
-            let that = this
-            return {
-                click: (e) => {
-                    let geocoder = new AMap.Geocoder()
-                    geocoder.getAddress(e.lnglat, function(status, result) {
-                        if(status === 'complete' && result.regeocode) {
-                            that.addressDetail = result.regeocode.formattedAddress
-                        } else {
-                            that.$toast('请重新选择地址')
-                        }
-                    })
-                }
+    markerEvents (pois) {
+      // marker 事件列表
+      let that = this
+      return {
+        click: (e) => {
+          let geocoder = new AMap.Geocoder()
+          geocoder.getAddress(e.lnglat, function (status, result) {
+            if (status === 'complete' && result.regeocode) {
+              that.addressDetail = result.regeocode.formattedAddress
+            } else {
+              that.$toast('请重新选择地址')
             }
+          })
         }
+      }
     }
+  }
 }
 </script>
 <style lang="scss">

src/views/teamBuild/components/teamBaseInfo.vue

@@ -183,8 +183,7 @@
         </el-checkbox-group>
       </div>
     </div>
-    <div class="baseRight">
-      <!-- 移动端样式展示 -->
+    <!-- <div class="baseRight">
       <header>乐团注册</header>
       <div class="section">
         <h2 class="title line_bottom">课程</h2>
@@ -227,7 +226,7 @@
           <a>购买</a>
         </div>
       </div>
-    </div>
+    </div> -->
   </div>
 </template>
 <script>
@@ -268,20 +267,21 @@ export default {
 </script>
 <style lang="scss">
 .base-container {
-  overflow: auto;
+  // overflow: auto;
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   flex-wrap: nowrap;
-  font-size: 16px;
+  font-size: 14px;
   color: #444;
+  // width: fill-available;
   .banseLeft {
-    width: 1050px;
+    // width: 1050px;
     .head {
       height: 48px;
       line-height: 48px;
       background-color: #edeef0;
-      font-size: 16px;
+      font-size: 14px;
       font-weight: bold;
       color: #444;
       padding: 0 11px;
@@ -294,7 +294,7 @@ export default {
       padding: 15px 11px;
     }
     .checkRow {
-      width: 1050px;
+      // width: 1050px;
       padding-left: 28px;
       display: flex;
       flex-direction: row;
@@ -382,196 +382,196 @@ export default {
       }
     }
   }
-  .baseRight {
-    width: 375px;
-    margin-left: 25px;
-    header {
-      width: 375px;
-      height: 40px;
-      line-height: 40px;
-      color: #000;
-      font-size: 16px;
-      background: #fff;
-      box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.07);
-      text-align: center;
-      margin-bottom: 6px;
-    }
-    .section {
-      width: 375px;
-      padding: 16px 22px 10px;
-      background: #fff;
-      margin-bottom: 10px;
-      .line_bottom {
-        border-bottom: 1px solid #ededed;
-      }
-      > .title {
-        font-size: 20px;
-        line-height: 28px;
-        font-weight: bold;
-      }
-      .indate {
-        font-size: 12px;
-        padding: 5px 0;
-        display: flex;
-        justify-content: space-between;
-        span {
-          color: #fa101d;
-        }
-      }
+  // .baseRight {
+  //   width: 375px;
+  //   margin-left: 25px;
+  //   header {
+  //     width: 375px;
+  //     height: 40px;
+  //     line-height: 40px;
+  //     color: #000;
+  //     font-size: 14px;
+  //     background: #fff;
+  //     box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.07);
+  //     text-align: center;
+  //     margin-bottom: 6px;
+  //   }
+  //   .section {
+  //     width: 375px;
+  //     padding: 16px 22px 10px;
+  //     background: #fff;
+  //     margin-bottom: 10px;
+  //     .line_bottom {
+  //       border-bottom: 1px solid #ededed;
+  //     }
+  //     > .title {
+  //       font-size: 20px;
+  //       line-height: 28px;
+  //       font-weight: bold;
+  //     }
+  //     .indate {
+  //       font-size: 12px;
+  //       padding: 5px 0;
+  //       display: flex;
+  //       justify-content: space-between;
+  //       span {
+  //         color: #fa101d;
+  //       }
+  //     }
 
-      .coutInfo {
-        font-size: 14px;
-        color: #f85043;
-        text-align: left;
-        border-top: 1px solid #ededed;
-        padding: 12px 0 0 25px;
-        margin-top: 10px;
-        position: relative;
-        .trumpet_icon {
-          width: 14px;
-          height: 12px;
-          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAAAXNSR0IArs4c6QAAAyZJREFUSA21Vk1IVFEUPufOezNilJXQD2UQRERamWhBaUWOSS3U0SawdgZai2gR0aoQXPSDm3JRCbm0xZBjbkQZS0KDjKywDCIIkoKKEIkm35uZezr32X0jQ+bY2IU359xzzj3fPXe++4PwDy0W8JdKgjYCWOkzzWIM9X5NN42RbqCKoxOHl1nR2FVJ1MRgqGzxhCxg8VDp6TSRTpCKsQL+aitqjwPRKQ3mjCVygFPz2MGKQqvG/zxW56+c7ZsXkIJH1liB8hARdQPButmD59WR8mUCuqy6ynwd686OmpsN++XjLUiYrZ0g5E6SdJmAVri2FMWDnnIz3P8gxex07Rp/owS6jQij3h1lu7G5Oe5UOF1bcc5+MTRFlBiTEH/iflLe+htYKsh0oHwzBcpztd3bHWlHxPtEUMTFHFV2YdceOglStnLiZGV6xEIlwbBF+JQaqpa6Qw246OiUOKOkICnPus4MFYGik7m80Z6MXtCpfKHIGBN6kIm2x66tLBJM7q3amak0DbqEgD84eQNzwiUkE+Wmk1vGjwtmnydTID0eQ5EpLoDZTGvjr4b2absXzGdKlwC73FloZ6aSSTKocjC7kyu3Ku8D2xOAuOk/ANKEAwhivZKqYXt7jFdyAnl7LTrgDMTcv4sOyCddnlOVnKlU6dTYaPKS5hHg5IIO77nnnfTw0h1QPTTgjWv9MrGB97ki5zvh/JmuJzOFgv4cPm9rGO6TUVD6SGezhV2sdF7OEcEB49qRqbRi0MKVLEEBHXxu8i6YabzMpx1NGJ18OIjr2pG5pHqu7r13efY1ncsK+rfxvtzPW2LY29U3Krxd/Xe4c55PiKgO+meJsNeHVIIdPd/dHHFoUToitSnpsDQrHGn1FpbmoMcoEIJPA/0BNvFEJlVgOi0rPPAWwwPfdKy6nphE1c71tL3snrK796EOSpVUX7Xano628cBgqk/157oP1Y1PcTkChDEwzRJfqNfhyrz7EO/2fPaFI8dAiGqe3sc/gc5pI3wtPFCrwVTcvBXOTuY8on7GrqBMvms8wjhodvWl/YhaEKAG//1MvMHXUO5Cn4m/ACXBMJBwQaFpAAAAAElFTkSuQmCC)
-            no-repeat center;
-          background-size: contain;
-          position: absolute;
-          left: 0;
-          top: 14px;
-        }
-      }
-    }
+  //     .coutInfo {
+  //       font-size: 14px;
+  //       color: #f85043;
+  //       text-align: left;
+  //       border-top: 1px solid #ededed;
+  //       padding: 12px 0 0 25px;
+  //       margin-top: 10px;
+  //       position: relative;
+  //       .trumpet_icon {
+  //         width: 14px;
+  //         height: 12px;
+  //         background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAAAXNSR0IArs4c6QAAAyZJREFUSA21Vk1IVFEUPufOezNilJXQD2UQRERamWhBaUWOSS3U0SawdgZai2gR0aoQXPSDm3JRCbm0xZBjbkQZS0KDjKywDCIIkoKKEIkm35uZezr32X0jQ+bY2IU359xzzj3fPXe++4PwDy0W8JdKgjYCWOkzzWIM9X5NN42RbqCKoxOHl1nR2FVJ1MRgqGzxhCxg8VDp6TSRTpCKsQL+aitqjwPRKQ3mjCVygFPz2MGKQqvG/zxW56+c7ZsXkIJH1liB8hARdQPButmD59WR8mUCuqy6ynwd686OmpsN++XjLUiYrZ0g5E6SdJmAVri2FMWDnnIz3P8gxex07Rp/owS6jQij3h1lu7G5Oe5UOF1bcc5+MTRFlBiTEH/iflLe+htYKsh0oHwzBcpztd3bHWlHxPtEUMTFHFV2YdceOglStnLiZGV6xEIlwbBF+JQaqpa6Qw246OiUOKOkICnPus4MFYGik7m80Z6MXtCpfKHIGBN6kIm2x66tLBJM7q3amak0DbqEgD84eQNzwiUkE+Wmk1vGjwtmnydTID0eQ5EpLoDZTGvjr4b2absXzGdKlwC73FloZ6aSSTKocjC7kyu3Ku8D2xOAuOk/ANKEAwhivZKqYXt7jFdyAnl7LTrgDMTcv4sOyCddnlOVnKlU6dTYaPKS5hHg5IIO77nnnfTw0h1QPTTgjWv9MrGB97ki5zvh/JmuJzOFgv4cPm9rGO6TUVD6SGezhV2sdF7OEcEB49qRqbRi0MKVLEEBHXxu8i6YabzMpx1NGJ18OIjr2pG5pHqu7r13efY1ncsK+rfxvtzPW2LY29U3Krxd/Xe4c55PiKgO+meJsNeHVIIdPd/dHHFoUToitSnpsDQrHGn1FpbmoMcoEIJPA/0BNvFEJlVgOi0rPPAWwwPfdKy6nphE1c71tL3snrK796EOSpVUX7Xano628cBgqk/157oP1Y1PcTkChDEwzRJfqNfhyrz7EO/2fPaFI8dAiGqe3sc/gc5pI3wtPFCrwVTcvBXOTuY8on7GrqBMvms8wjhodvWl/YhaEKAG//1MvMHXUO5Cn4m/ACXBMJBwQaFpAAAAAElFTkSuQmCC)
+  //           no-repeat center;
+  //         background-size: contain;
+  //         position: absolute;
+  //         left: 0;
+  //         top: 14px;
+  //       }
+  //     }
+  //   }
 
-    .options {
-      padding-top: 8px;
-      .oc {
-        &:last-child {
-          border-top: 1px solid #ededed;
-          margin-top: 8px;
-          padding-top: 9px;
-        }
-      }
-      .protocol {
-        padding-left: 20px;
-        font-size: 10px;
-        line-height: 14px;
-      }
-      .option {
-        line-height: 26px;
-        font-size: 15px;
-        display: flex;
-        align-items: center;
-        position: relative;
-        .o_bd {
-          flex: 1;
-          .c {
-            font-size: 12px;
-          }
-        }
-        .o_ft {
-          font-size: 12px;
-          color: #fa101d;
-          del {
-            color: #aaaaaa;
-            font-size: 11px;
-          }
-        }
-        .check_default {
-          margin-right: 8px;
-          display: block;
-          width: 14px;
-          height: 14px;
-          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABK0lEQVQ4T6WSP0vDQBjGn3MIiYX+CbhYG7BR7CL5ANmS2SWQ7H4DZ3ed/QbuOcjinGz5ANGloqmQ2i5CmhZqQgZPLjRQFYS2N9297/t73+fuHoK15bruASHkijF2AeB0lXohhDwwxu4cx/moy0m9oZRaAO5VVW0qioJ2u12lsixDkiSI43gB4NK2bY/HK5BDoihSXdf3Wq0WZrMZPpfLCtxvNNDpdDCfzxGG4VdRFDaHyUreq2maTUmS8DYaoSzL9RtAEAQc9/vI8xy+7y8YYyeEUnqjquq1pml4Hg7/QHUHDp8NBoiiiMu+5RMfDcM45wXv4/GPSb8PR71eFQqC4ImDuWVZ4nQyQZqm/4KyLOOw24XnecVO4HZSd3kc7pbNv2NrA+xkuRrexOTfqpPUy7sW3D4AAAAASUVORK5CYII=)
-            no-repeat center;
-          background-size: contain;
-          &.check_active {
-            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABaUlEQVQ4T2NkQAKHPD1F2TmYChgZGHwZGBlUwVL/GW7/Z2DY/PPHvwl227e/hilnhDFOBXoHMbKxzhd18eATtnNg4FJQBEt9e3Cf4e2hAwyv9+z49P/X70Sz9VvXgcTBGkGa2EREVqtU1jFxSUgy/F+1geHf6bNgjUymxgyMYQEM3148Z7jT3vTv15s3oSDNjCDncfKx39Fs7+Xj+vWX4U9YAgPDo8fIPmBgkJNlYFm1gOEbGzPD9criT98//VRhPB3o2yrq5V0lFx3H8MfCBVMTzAiQ5hN7GB4tXcTwctvmNsZTgd6XNDt6dbmOn2X4W1CBahMaj3lCB8M3S2OG6xXFlxlPBXl/N16+juNfURXD/6Wr8GpkjA5jYOprYzgbGfSDAo1wp55j+FtQTsCpnQzfLI0gTiU7cMiODuwJYD3Dv9PnoAnAiIExLBAzAVCU5GCawc7mYCn4z/APJZEzMjBt/v7jD0oiBwAFDdbhAm8qEQAAAABJRU5ErkJggg==)
-              no-repeat center;
-            background-size: contain;
-          }
-        }
-      }
-    }
+  //   .options {
+  //     padding-top: 8px;
+  //     .oc {
+  //       &:last-child {
+  //         border-top: 1px solid #ededed;
+  //         margin-top: 8px;
+  //         padding-top: 9px;
+  //       }
+  //     }
+  //     .protocol {
+  //       padding-left: 20px;
+  //       font-size: 10px;
+  //       line-height: 14px;
+  //     }
+  //     .option {
+  //       line-height: 26px;
+  //       font-size: 15px;
+  //       display: flex;
+  //       align-items: center;
+  //       position: relative;
+  //       .o_bd {
+  //         flex: 1;
+  //         .c {
+  //           font-size: 12px;
+  //         }
+  //       }
+  //       .o_ft {
+  //         font-size: 12px;
+  //         color: #fa101d;
+  //         del {
+  //           color: #aaaaaa;
+  //           font-size: 11px;
+  //         }
+  //       }
+  //       .check_default {
+  //         margin-right: 8px;
+  //         display: block;
+  //         width: 14px;
+  //         height: 14px;
+  //         background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABK0lEQVQ4T6WSP0vDQBjGn3MIiYX+CbhYG7BR7CL5ANmS2SWQ7H4DZ3ed/QbuOcjinGz5ANGloqmQ2i5CmhZqQgZPLjRQFYS2N9297/t73+fuHoK15bruASHkijF2AeB0lXohhDwwxu4cx/moy0m9oZRaAO5VVW0qioJ2u12lsixDkiSI43gB4NK2bY/HK5BDoihSXdf3Wq0WZrMZPpfLCtxvNNDpdDCfzxGG4VdRFDaHyUreq2maTUmS8DYaoSzL9RtAEAQc9/vI8xy+7y8YYyeEUnqjquq1pml4Hg7/QHUHDp8NBoiiiMu+5RMfDcM45wXv4/GPSb8PR71eFQqC4ImDuWVZ4nQyQZqm/4KyLOOw24XnecVO4HZSd3kc7pbNv2NrA+xkuRrexOTfqpPUy7sW3D4AAAAASUVORK5CYII=)
+  //           no-repeat center;
+  //         background-size: contain;
+  //         &.check_active {
+  //           background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABaUlEQVQ4T2NkQAKHPD1F2TmYChgZGHwZGBlUwVL/GW7/Z2DY/PPHvwl227e/hilnhDFOBXoHMbKxzhd18eATtnNg4FJQBEt9e3Cf4e2hAwyv9+z49P/X70Sz9VvXgcTBGkGa2EREVqtU1jFxSUgy/F+1geHf6bNgjUymxgyMYQEM3148Z7jT3vTv15s3oSDNjCDncfKx39Fs7+Xj+vWX4U9YAgPDo8fIPmBgkJNlYFm1gOEbGzPD9criT98//VRhPB3o2yrq5V0lFx3H8MfCBVMTzAiQ5hN7GB4tXcTwctvmNsZTgd6XNDt6dbmOn2X4W1CBahMaj3lCB8M3S2OG6xXFlxlPBXl/N16+juNfURXD/6Wr8GpkjA5jYOprYzgbGfSDAo1wp55j+FtQTsCpnQzfLI0gTiU7cMiODuwJYD3Dv9PnoAnAiIExLBAzAVCU5GCawc7mYCn4z/APJZEzMjBt/v7jD0oiBwAFDdbhAm8qEQAAAABJRU5ErkJggg==)
+  //             no-repeat center;
+  //           background-size: contain;
+  //         }
+  //       }
+  //     }
+  //   }
 
-    .configuration {
-      padding-right: 5px;
-      padding-bottom: 9px;
-      .title {
-        background: rgba(246, 246, 246, 1);
-        height: 1px;
-        position: relative;
-        margin: 15px 0;
-        span {
-          position: absolute;
-          left: 12px;
-          top: -9px;
-          display: inline-block;
-          background-color: #fff;
-          font-size: 10px;
-          padding: 0 4px;
-        }
-      }
+  //   .configuration {
+  //     padding-right: 5px;
+  //     padding-bottom: 9px;
+  //     .title {
+  //       background: rgba(246, 246, 246, 1);
+  //       height: 1px;
+  //       position: relative;
+  //       margin: 15px 0;
+  //       span {
+  //         position: absolute;
+  //         left: 12px;
+  //         top: -9px;
+  //         display: inline-block;
+  //         background-color: #fff;
+  //         font-size: 10px;
+  //         padding: 0 4px;
+  //       }
+  //     }
 
-      .content {
-        font-size: 12px;
-        padding-left: 16px;
-        line-height: 22px;
-        color: #acacac;
-      }
+  //     .content {
+  //       font-size: 12px;
+  //       padding-left: 16px;
+  //       line-height: 22px;
+  //       color: #acacac;
+  //     }
 
-      .options {
-        padding-top: 0;
-        padding-left: 16px;
-        .option {
-          font-size: 14px;
-          color: #6f6f6f;
-        }
-      }
-    }
+  //     .options {
+  //       padding-top: 0;
+  //       padding-left: 16px;
+  //       .option {
+  //         font-size: 14px;
+  //         color: #6f6f6f;
+  //       }
+  //     }
+  //   }
 
-    .buy {
-      margin-top: 200px;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      height: 60px;
-      display: flex;
-      align-items: center;
-      padding: 0 20px;
-      border-top: 1px solid #ffe9e9e9;
-      color: #000000;
-      font-size: 12px;
-      background: #fff;
-      .price {
-        flex: 1;
-        font-size: 16px;
-      }
-      font-size: 16px;
-      span {
-        color: #fa101d;
-      }
-      .text {
-        font-size: 12px;
-        width: 60px;
-        display: inline-block;
-        color: #000;
-      }
-      del {
-        color: #b5b5b5;
-        &.text {
-          color: #b5b5b5;
-        }
-      }
+  //   .buy {
+  //     margin-top: 200px;
+  //     bottom: 0;
+  //     left: 0;
+  //     right: 0;
+  //     height: 60px;
+  //     display: flex;
+  //     align-items: center;
+  //     padding: 0 20px;
+  //     border-top: 1px solid #ffe9e9e9;
+  //     color: #000000;
+  //     font-size: 12px;
+  //     background: #fff;
+  //     .price {
+  //       flex: 1;
+  //       font-size: 14px;
+  //     }
+  //     font-size: 14px;
+  //     span {
+  //       color: #fa101d;
+  //     }
+  //     .text {
+  //       font-size: 12px;
+  //       width: 60px;
+  //       display: inline-block;
+  //       color: #000;
+  //     }
+  //     del {
+  //       color: #b5b5b5;
+  //       &.text {
+  //         color: #b5b5b5;
+  //       }
+  //     }
 
-      a {
-        display: inline-block;
-        font-size: 18px;
-        color: #fff;
-        background: #f1111b;
-        border-radius: 4px;
-        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.19);
-        padding: 8px 28px;
-      }
-    }
-  }
+  //     a {
+  //       display: inline-block;
+  //       font-size: 18px;
+  //       color: #fff;
+  //       background: #f1111b;
+  //       border-radius: 4px;
+  //       box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.19);
+  //       padding: 8px 28px;
+  //     }
+  //   }
+  // }
   .classCheckBox {
     margin-right: 10px;
   }

src/views/teamBuild/components/teamSoundMoney.vue

@@ -21,29 +21,91 @@
                          prop="jihua">
           <template slot-scope="scope">
             <div>
+              <el-input type='number'
+                        style="width:80px"
+                        size='mini'
+                        v-model="scope.row.jihua"
+                        placeholder="请输入"></el-input>
 
             </div>
           </template>
         </el-table-column>
         <el-table-column label="预计收费"
                          prop="yuji">
+          <template slot-scope="scope">
+            <div>
+              <el-input v-if='scope.row.type == 1'
+                        type='number'
+                        style="width:80px"
+                        size='mini'
+                        v-model="scope.row.jihua"
+                        placeholder="请输入"></el-input>
+              <p v-if='scope.row.type == 2'>{{scope.row.jihua}}</p>
+            </div>
+          </template>
+
         </el-table-column>
         <el-table-column label="可选乐器种类"
                          prop="zhonglei"
                          width="300">
+          <template slot-scope="scope">
+            <div>
+              <el-select v-model="scope.row.zhonglei"
+                         style="width:260px!important"
+                         multiple>
+                <el-option :label="1"
+                           :value="1"></el-option>
+                <el-option :label="2"
+                           :value="2"></el-option>
+              </el-select>
+              <p v-if='scope.row.type == 2'>{{scope.row.jihua}}</p>
+            </div>
+          </template>
+
         </el-table-column>
         <el-table-column label="乐器提供方式"
                          prop="fangshi"
                          width="180">
+          <template slot-scope="scope">
+            <div>
+              <div class="chiose"
+                   v-if='scope.row.type == 1'
+                   v-popover:popover>选择</div>
+              <p v-if='scope.row.type == 2'>{{scope.row.fangshi}}</p>
+              <el-popover ref='popover'
+                          placement="bottom"
+                          v-model="visible2">
+                <el-input placeholder="啦啦啦"
+                          v-model="scope.row.fangshi"></el-input>
+                <div style="text-align: right; margin: 0">
+                  <el-button size="mini"
+                             type="text"
+                             @click="visible2 = false">取消</el-button>
+                  <el-button type="primary"
+                             size="mini"
+                             @click="visible2 = false">确定</el-button>
+                </div>
+              </el-popover>
+            </div>
+          </template>
         </el-table-column>
         <el-table-column label="教辅组合"
                          prop="jiaopu">
+          <template slot-scope="scope">
+            <div>
+              <div v-if='scope.row.type == 1'
+                   class="chiose">选择</div>
+              <p v-if='scope.row.type == 2'>{{scope.row.jiaopu}}</p>
+            </div>
+          </template>
         </el-table-column>
         <el-table-column label="操作">
           <template slot-scope="scope">
             <div>
-              <div>编辑</div>
-              <div>保存</div>
+              <el-button v-if='scope.row.type == 2'
+                         type="text">编辑</el-button>
+              <el-button v-if='scope.row.type == 1'
+                         type="text">保存</el-button>
             </div>
           </template>
         </el-table-column>
@@ -63,11 +125,13 @@ export default {
         sound: '长笛',
         jihua: '10',
         yuji: '10',
-        zhonglei: [1, 2],
+        zhonglei: [],
         fangshi: [1, 2],
         jiaopu: 'jiaopu1',
-        type: 1
-      }]
+        type: 1,
+        id: 1
+      }],
+      visible2: false
     }
   },
   methods: {
@@ -86,13 +150,17 @@ export default {
   background-color: #14928a;
   border-color: #14928a;
 }
+.el-select__tags .el-tag__close.el-icon-close {
+  display: inline-block;
+}
 .sound-container {
   .topMsg {
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
-    font-size: 16px;
+    font-size: 14px;
     color: #444;
+    margin-bottom: 15px;
   }
   .floor {
     display: flex;
@@ -131,5 +199,14 @@ export default {
   .xuanze {
     width: 71px;
   }
+  .chiose {
+    width: 65px;
+    height: 24px;
+    line-height: 24px;
+    border: 1px solid rgba(151, 151, 151, 1);
+    border-radius: 12px;
+    text-align: center;
+    cursor: pointer;
+  }
 }
 </style>

src/views/teamDetail/components/studentSignin.vue

@@ -59,7 +59,7 @@ export default {
 //       width: 100px;
 //       color: #14928a;
 //       border: 1px solid rgba(20, 146, 138, 1);
-//       font-size: 16px;
+//       font-size: 14px;
 //       text-align: center;
 //       margin-right: 12px;
 //       &:nth-child(1) {

src/views/teamDetail/components/teacherSignin.vue

@@ -62,7 +62,7 @@ export default {
 //       width: 100px;
 //       color: #14928a;
 //       border: 1px solid rgba(20, 146, 138, 1);
-//       font-size: 16px;
+//       font-size: 14px;
 //       text-align: center;
 //       margin-right: 12px;
 //       &:nth-child(1) {

src/views/teamDetail/index.vue

@@ -96,7 +96,7 @@ export default {
     width: 100px;
     color: #14928a;
     border: 1px solid rgba(20, 146, 138, 1);
-    font-size: 16px;
+    font-size: 14px;
     text-align: center;
     margin-right: 12px;
     &:nth-child(1) {

src/views/teamDetail/teamList.vue

@@ -298,7 +298,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .select {
-  font-size: 16px;
+  font-size: 14px;
 }
 .btnList {
   display: flex;

vue.config.js

@@ -16,8 +16,8 @@ const name = defaultSettings.title || 'vue Admin Template' // page title
 // const port = process.env.port || process.env.npm_config_port || 9528 // dev port
 // http://47.99.212.176:8000
 // http://192.168.3.28:8000
-let target = 'http://47.99.212.176:8000'
-// let target = 'http://192.168.3.28:8000'
+// let target = 'http://47.99.212.176:8000'
+let target = 'http://192.168.3.28:8000'
 // All configuration item explanations can be find in https://cli.vuejs.org/config/
 module.exports = {
   /**