|
|
@@ -1,59 +0,0 @@
|
|
|
-<template>
|
|
|
- <el-row class="pay-check">
|
|
|
- <el-col :span="6" :offset="9">
|
|
|
- <el-form :model="formData" :rules="rules" ref="myForm">
|
|
|
- <el-form-item label="支付方式" prop="payment">
|
|
|
- <el-radio-group v-model="formData.payment">
|
|
|
- <el-radio label="1">在线支付</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="支付金额" prop="amount">
|
|
|
- <el-select v-model="formData.amount" placeholder="请选择支付金额">
|
|
|
- <el-option label="50.00" value="50"></el-option>
|
|
|
- <el-option label="100.00" value="100"></el-option>
|
|
|
- <el-option label="300.00" value="300"></el-option>
|
|
|
- <el-option label="500.00" value="500"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" @click="submitForm('myForm')">立即支付</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-export default {
|
|
|
- name: 'mine-paycheck',
|
|
|
- data () {
|
|
|
- return {
|
|
|
- formData: {
|
|
|
- payment: '1',
|
|
|
- amount: '50'
|
|
|
- },
|
|
|
- rules: {
|
|
|
- amount: [
|
|
|
- { required: true, message: '请选择支付金额', trigger: 'change' }
|
|
|
- ]
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
- submitForm (formName) {
|
|
|
- console.log(this.formData)
|
|
|
- this.$refs[formName].validate((valid) => {
|
|
|
- if (!valid) {
|
|
|
- alert('submit!')
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="scss" scoped>
|
|
|
-.pay-check {
|
|
|
- margin-top: 100px;
|
|
|
-}
|
|
|
-</style>
|
panyong