Bladeren bron

11/09 编辑种样式修改

11
mo 4 jaren geleden
bovenliggende
commit
9e036b5544
1 gewijzigde bestanden met toevoegingen van 17 en 20 verwijderingen
  1. 17 20
      src/views/teamBuild/components/soundSetComponents/chioseMusic.vue

+ 17 - 20
src/views/teamBuild/components/soundSetComponents/chioseMusic.vue

@@ -1,13 +1,13 @@
 <template>
   <div>
-    <div v-for="(music,index) in item.chioseMusic" :key="index">
+    <div v-for="(music,index) in item.chioseMusic"
+         :key="index">
 
-      <el-row class="chioseMusic">
-      <el-col>
+      <div class="chioseMusic">
         <div class="flexRow">
           <p class="title">可选乐器{{index+1}}:</p>
           <el-select style="width:180px"
-          :disabled='basdisabled'
+                     :disabled='basdisabled'
                      v-model="music.musical"
                      @change="(val)=>{chioseMusic(val,music)}">
             <el-option v-for="(item,index) in item.goodsList"
@@ -17,16 +17,15 @@
           </el-select>
           <el-checkbox-group v-model="music.type"
                              class="marginLeft10">
-            <el-checkbox :disabled='basdisabled' label="GROUP">团购</el-checkbox>
-            <el-checkbox :disabled='basdisabled' label="LEASE">租赁</el-checkbox>
-            <el-checkbox :disabled='basdisabled' label="FREE">免费</el-checkbox>
+            <el-checkbox :disabled='basdisabled'
+                         label="GROUP">团购</el-checkbox>
+            <el-checkbox :disabled='basdisabled'
+                         label="LEASE">租赁</el-checkbox>
+            <el-checkbox :disabled='basdisabled'
+                         label="FREE">免费</el-checkbox>
           </el-checkbox-group>
         </div>
-      </el-col>
-      <el-col :xs="24"
-              :sm="24"
-              :md="24"
-              :lg="24">
+
         <div class="flexRow">
           <p class="title">团购价:</p>
           <el-input type="number"
@@ -53,14 +52,12 @@
              @click="deleteMusic(music)"
              style="font-size:20px; cursor: pointer;"></i>
         </div>
-
-      </el-col>
-      </el-row>
+      </div>
     </div>
     <div class="coreItemRow">
       <p class="title"></p>
       <el-button type="info"
-      v-if="!basdisabled"
+                 v-if="!basdisabled"
                  plain
                  style="width:558px"
                  size="mini"
@@ -71,14 +68,14 @@
 </template>
 <script>
 export default {
-  props: ['item','basdisabled'],
+  props: ['item', 'basdisabled'],
   data () {
     return {
       radio: '',
       goods: ''
     }
   },
-  created () {  },
+  created () { },
   mounted () {
 
   },
@@ -86,7 +83,7 @@ export default {
     chioseMusic (val, music) {
       this.item.goodsList.map((some, index) => {
         if (some.id == val) {
-          music.groupPrice = some.groupPurchasePrice         
+          music.groupPrice = some.groupPurchasePrice
         }
       })
     },
@@ -123,7 +120,7 @@ p {
   margin-right: 10px;
 }
 .title {
-  width: 100px!important;
+  width: 100px !important;
   text-align: right;
   margin-right: 10px;
 }