页面完成

1

src/views/categroyManager/modals/addSenior.vue

@@ -19,6 +19,14 @@
             label="付费课资格："
             prop="paySeniorNum"
             style="width: 100%"
+            :rules="[
+            {
+              pattern:
+               /^[1-9]d*$/,
+              message: '请输入正确的资格数',
+              trigger: 'blur',
+            },
+          ]"
           >
             <el-input
               v-model="topForm.paySeniorNum"
@@ -27,7 +35,14 @@
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="赠课资格：" v-if="hasGive" style="width: 100%">
+          <el-form-item label="赠课资格：" v-if="hasGive" style="width: 100%"  :rules="[
+            {
+              pattern:
+               /^[1-9]d*$/,
+              message: '请输入正确的资格数',
+              trigger: 'blur',
+            },
+          ]">
             <el-input
               v-model="topForm.giveSeniorNum"
               style="width: 280px"

src/views/categroyManager/modals/addStudentSenior.vue

@@ -8,6 +8,14 @@
             label="付费课资格："
             prop="paySeniorNum"
             style="width: 100%"
+            :rules="[
+            {
+              pattern:
+               /^[1-9]d*$/,
+              message: '请输入正确的资格数',
+              trigger: 'blur',
+            },
+          ]"
           >
             <el-input
               v-model="topForm.paySeniorNum"
@@ -16,7 +24,14 @@
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="赠课资格：" v-if="hasGive">
+          <el-form-item label="赠课资格：" v-if="hasGive"  :rules="[
+            {
+              pattern:
+               /^[1-9]d*$/,
+              message: '请输入正确的资格数',
+              trigger: 'blur',
+            },
+          ]">
             <el-input
               v-model="topForm.giveSeniorNum"
               style="width: 380px"

src/views/categroyManager/modals/reduceSenior.vue

@@ -1,17 +1,111 @@
 <template>
   <div>
-      <p style="color:red;margin-bottom:20px;"> 赠课资格显示“--”说明该活动无赠课</p>
+    <p style="color: red; margin-bottom: 20px">
+      赠课资格显示“--”说明该活动无赠课
+    </p>
+    <div class="tableWrap">
+      <el-table
+        style="width: 100%"
+        :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+        :data="tableList"
+        ref="tableList"
+      >
+        <el-table-column
+          align="center"
+          prop="studentId"
+          label="资格添加时间"
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          prop="studentId"
+          label="付费课资格"
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          prop="studentId"
+          label="赠课资格"
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          prop="studentId"
+          label="操作人"
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          prop="studentId"
+          label="操作原因"
+        ></el-table-column>
+        <el-table-column align="center" prop="studentId" label="操作">
+          <template slot-scope="scope">
+            <div>
+              <el-button type="text" @click="cancleSenior(scope.row)"
+                >取消资格</el-button
+              >
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <el-dialog
+      title="取消资格"
+      append-to-body
+      :visible.sync="cancleVisible"
+      width="450px"
+      v-if="cancleVisible"
+    >
+      <el-form :inline="true" ref="form" :model="form">
+        <el-row>
+          <el-form-item
+            label="退费金额"
+            :rules="[
+              {
+                pattern:
+                  /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/,
+                message: '请输入正确的金额',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input v-model="form.money" style="width:330px"></el-input>
+          </el-form-item>
+        </el-row>
+        <el-row>
+             <el-form-item label="调整原因">
+          <el-input type="textarea" style="width:330px" :rows="3" v-model="form.reson"></el-input>
+        </el-form-item>
+        </el-row>
+
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="cancleVisible = false">取 消</el-button>
+        <el-button type="primary" @click="cancleVisible = false"
+          >确 定</el-button
+        >
+      </span>
+    </el-dialog>
   </div>
 </template>
 <script>
 export default {
-  data(){
+  data() {
     return {
-
-    }
-  }
-}
+      tableList: [{}],
+      activeRow: null,
+      cancleVisible: false,
+      form: {
+        reson: null,
+        money: null,
+      },
+    };
+  },
+  mounted() {},
+  methods: {
+    cancleSenior(row) {
+      this.activeRow = row;
+      this.cancleVisible = true;
+    },
+  },
+};
 </script>
 <style lang="scss" scoped>
-
 </style>