17:03

src/api/buildTeam.js

@@ -255,6 +255,15 @@ export function workOut (data) {
   })
 }
 
+// 获取声部二级分类 /web-server/subject/queryPageTree
+export function getSoundTree (data) {
+  return request({
+    url: '/web-server/subject/queryPageTree',
+    method: 'get',
+    params: data
+  })
+}
+
 // 根据乐团id获取乐团声部
 export function findSound (data) {
   return request({

src/views/teamBuild/components/teamSoundMoney.vue

@@ -291,7 +291,7 @@
 </template>
 <script>
 import store from '@/store'
-import { getSubject, getDefaultSubject, getGoods, createTeam } from '@/api/buildTeam'
+import { getSubject, getDefaultSubject, getGoods, createTeam, getSoundTree } from '@/api/buildTeam'
 export default {
   data () {
     return {
@@ -539,10 +539,10 @@ export default {
     // }
   },
   mounted () {
-    getSubject().then(res => {
+    getSoundTree().then(res => {
       // console.log(res);
       if (res.code == 200) {
-        this.soundList = res.data;
+        this.soundList = res.data.rows;
         // // 生成动态的checkList
         for (let key in this.soundList) {
           this.$set(this.soundLists, key, [])
@@ -761,9 +761,11 @@ export default {
   margin-top: 40px;
   .PrevBtn {
     background-color: #444444;
+    width: 120px;
   }
   .submitBtn {
     background-color: #f85043;
+    width: 120px;
   }
 }
 </style>

src/views/teamBuild/index.vue

@@ -2,7 +2,7 @@
   <div class='m-container'>
     <div class="line"></div>
     <h2>
-      <div class='squrt'></div> 建团申请
+      <div class='squrt'></div> {{ pageName }}
     </h2>
     <div class="m-core">
       <div class="stepbox">
@@ -17,19 +17,33 @@
                class="arrow">
         </span>
         <span class='stepspan  stepspan2'
+              v-if="activeIndex>=1"
               @click="activeIndex=1">
           <!--    -->
           <div class="step2 sptep"
-               v-if="activeIndex>=1"
-               :class="activeIndex >= 1?'activestep':''">
+               :class="activeIndex == 1?'activestep':''">
             声部费用
           </div>
-          <img :src="activeIndex >= 1?stepImgs.nol:stepImgs.active"
+          <img :src="activeIndex == 1?stepImgs.nol:stepImgs.active"
                alt=""
                class="
                arrow">
         </span>
+        <span class='stepspan  stepspan2'
+              @click="activeIndex==2">
+          <!--  v-if="activeIndex>=1"   -->
+          <div class="step2 sptep"
+               :class="activeIndex == 2?'activestep':''">
+            声部费用
+          </div>
+          <img :src="activeIndex == 2?stepImgs.nol:stepImgs.active"
+               alt=""
+               class="
+               arrow">
+        </span>
+
       </div>
+
       <!-- 下面显示的内容 -->
       <div class="stepcontent">
         <div v-show='activeIndex==0'>
@@ -39,17 +53,6 @@
           <teamSoundMoney @chiosetab='chiosetab' />
         </div>
       </div>
-      <!-- <el-tabs type="border-card"
-               v-model="activeIndex">
-        <el-tab-pane label="基本信息"
-                     name='1'>
-          <teamBaseInfo />
-        </el-tab-pane>
-        <el-tab-pane label="声部费用"
-                     name='2'>
-          <teamSoundMoney />
-        </el-tab-pane>
-      </el-tabs> -->
     </div>
   </div>
 </template>
@@ -65,9 +68,13 @@ export default {
       stepImgs: {
         nol: require('@/assets/images/base/step-arrow-active.png'),
         active: require('@/assets/images/base/step-arrow.png')
-      }
+      },
+      pageName: '建团申请'
     }
   },
+  created () {
+    // 判断 是新建乐团还是修改乐团 
+  },
   methods: {
     chiosetab (val) {
       this.activeIndex = val;

vue.config.js

@@ -17,10 +17,10 @@ const name = defaultSettings.title || 'vue Admin Template' // page title
 // http://47.99.212.176:8000
 // 
 // let target = 'http://192.168.3.27:8000' // 箭河
-// let target = 'http://192.168.3.28:8000' //邹璇
+let target = 'http://192.168.3.28:8000' //邹璇
 // let target = 'http://192.168.3.8:8000' //勇哥
 // let target = 'http://47.99.212.176:8000' // 测试服
-let target = 'http://192.168.3.48:8000' // 乔
+// let target = 'http://192.168.3.48:8000' // 乔
 // All configuration item explanations can be find in https://cli.vuejs.org/config/
 module.exports = {
   /**