|  | @@ -2,7 +2,7 @@
 | 
	
		
			
				|  |  |    <div class='m-container'>
 | 
	
		
			
				|  |  |      <!-- <h2>收费类型设置</h2> -->
 | 
	
		
			
				|  |  |      <div class="m-core">
 | 
	
		
			
				|  |  | -      <div class='newBand' v-permission="'musicGroupOrganizationCourseSettings/add'"
 | 
	
		
			
				|  |  | +      <div class='newBand' v-permission="'chargeType/upSet/createSet'"
 | 
	
		
			
				|  |  |             @click="openTypes('create')">添加</div>
 | 
	
		
			
				|  |  |        <!-- 列表 -->
 | 
	
		
			
				|  |  |        <div class="tableWrap">
 | 
	
	
		
			
				|  | @@ -13,9 +13,13 @@
 | 
	
		
			
				|  |  |                             label="收费类型">
 | 
	
		
			
				|  |  |            </el-table-column>
 | 
	
		
			
				|  |  |            <el-table-column align='center'
 | 
	
		
			
				|  |  | +                           prop="description"
 | 
	
		
			
				|  |  | +                           label="缴费名目">
 | 
	
		
			
				|  |  | +          </el-table-column>
 | 
	
		
			
				|  |  | +          <el-table-column align='center'
 | 
	
		
			
				|  |  |                             label="操作">
 | 
	
		
			
				|  |  |              <template slot-scope="scope">
 | 
	
		
			
				|  |  | -              <el-button @click="openTypes('update', scope.row)" v-permission="'musicGroupOrganizationCourseSettings/update'"
 | 
	
		
			
				|  |  | +              <el-button @click="openTypes('update', scope.row)" v-permission="'chargeType/upSet/updateSet'"
 | 
	
		
			
				|  |  |                           type="text">修改</el-button>
 | 
	
		
			
				|  |  |                <el-button slot="reference" v-permission="'chargeType/del'"
 | 
	
		
			
				|  |  |                    @click="onTypesDel(scope.row)"
 | 
	
	
		
			
				|  | @@ -47,6 +51,13 @@
 | 
	
		
			
				|  |  |                      placeholder="请输入收费类型"
 | 
	
		
			
				|  |  |                      autocomplete="off"></el-input>
 | 
	
		
			
				|  |  |          </el-form-item>
 | 
	
		
			
				|  |  | +        <el-form-item label="缴费名目"
 | 
	
		
			
				|  |  | +                      prop="description"
 | 
	
		
			
				|  |  | +                      :label-width="formLabelWidth">
 | 
	
		
			
				|  |  | +          <el-input v-model.trim="form.description"
 | 
	
		
			
				|  |  | +                    placeholder="请输入缴费名目"
 | 
	
		
			
				|  |  | +                    autocomplete="off"></el-input>
 | 
	
		
			
				|  |  | +        </el-form-item>
 | 
	
		
			
				|  |  |        </el-form>
 | 
	
		
			
				|  |  |        <span slot="footer"
 | 
	
		
			
				|  |  |              class="dialog-footer">
 | 
	
	
		
			
				|  | @@ -76,9 +87,11 @@ export default {
 | 
	
		
			
				|  |  |        formLabelWidth: '100px',
 | 
	
		
			
				|  |  |        form: {
 | 
	
		
			
				|  |  |          name: null, //
 | 
	
		
			
				|  |  | +        description: null,
 | 
	
		
			
				|  |  |        },
 | 
	
		
			
				|  |  |        rules: {
 | 
	
		
			
				|  |  |          name: [{ required: true, message: '请输入类型名称', trigger: 'blur' }],
 | 
	
		
			
				|  |  | +        description: [{ required: true, message: '请输入缴费名目', trigger: 'blur' }]
 | 
	
		
			
				|  |  |        },
 | 
	
		
			
				|  |  |        pageInfo: {
 | 
	
		
			
				|  |  |          // 分页规则
 | 
	
	
		
			
				|  | @@ -151,15 +164,19 @@ export default {
 | 
	
		
			
				|  |  |        this.formActionTitle = type
 | 
	
		
			
				|  |  |        // 修改的时候赋值
 | 
	
		
			
				|  |  |        if (type == 'update') {
 | 
	
		
			
				|  |  | -        this.form = {
 | 
	
		
			
				|  |  | -          id: row.id,
 | 
	
		
			
				|  |  | -          name: row.name,
 | 
	
		
			
				|  |  | -        }
 | 
	
		
			
				|  |  | +        this.$nextTick(() => {
 | 
	
		
			
				|  |  | +          this.form = {
 | 
	
		
			
				|  |  | +            id: row.id,
 | 
	
		
			
				|  |  | +            name: row.name,
 | 
	
		
			
				|  |  | +            description: row.description
 | 
	
		
			
				|  |  | +          }
 | 
	
		
			
				|  |  | +        })
 | 
	
		
			
				|  |  |        }
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |      onFormClose (formName) { // 关闭弹窗重置验证
 | 
	
		
			
				|  |  |        this.form = {
 | 
	
		
			
				|  |  |          name: null, // 作业模块名称
 | 
	
		
			
				|  |  | +        description: null
 | 
	
		
			
				|  |  |        }
 | 
	
		
			
				|  |  |        this.$refs[formName].resetFields()
 | 
	
		
			
				|  |  |      },
 |