Kaynağa Gözat

Update typesManager.vue

lex-xin 4 yıl önce
ebeveyn
işleme
8a66291939

+ 23 - 6
src/views/categroyManager/specialSetup/typesManager.vue

@@ -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()
     },