|
@@ -11,20 +11,40 @@
|
|
|
<div class="desc">账户余额(元)</div>
|
|
|
<div class="money">{{ company.money }}</div>
|
|
|
</div>
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
|
|
- <el-form-item label="结算单号" prop="money">
|
|
|
- <el-input type="number" v-model="form.money" placeholder="请输入充值金额" clearable />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="应发人数" prop="money">
|
|
|
- <el-input type="number" v-model="form.money" placeholder="请输入充值金额" clearable />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="应结金额(元)" prop="money">
|
|
|
- <el-input type="number" v-model="form.money" placeholder="请输入充值金额" clearable />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="充值金额" prop="money">
|
|
|
- <el-input type="number" v-model="form.money" placeholder="请输入充值金额" clearable />
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
+ <el-table :data="[param.row]" border style="margin-top: 13px; margin-bottom: 13px">
|
|
|
+ <el-table-column label="结算单号" align="center" prop="num" />
|
|
|
+ <el-table-column label="应发人数" align="center" prop="peoples" />
|
|
|
+ <el-table-column label="应结金额(元)" align="center" prop="money" />
|
|
|
+ </el-table>
|
|
|
+ <div class="bos">
|
|
|
+ <div class="lab">
|
|
|
+ <div class="bsg"></div>
|
|
|
+ <div class="tit">发放操作</div>
|
|
|
+ </div>
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
|
|
+ <el-steps :active="1" align-center class="cg">
|
|
|
+ <el-step title="发放信息"></el-step>
|
|
|
+ <el-step title="平台转账"></el-step>
|
|
|
+ <el-step title="扣除余额"></el-step>
|
|
|
+ </el-steps>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="手机号码">
|
|
|
+ <el-input type="number" v-model="company.phone" disabled>
|
|
|
+ <template slot="append">
|
|
|
+ <span @click="getCode()" class="yzm">{{ msg }}</span>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="短信验证码" prop="code">
|
|
|
+ <el-input type="number" v-model="form.code" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
<div class="mfooter">
|
|
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
<el-button @click="$layer.close(layerid)">取 消</el-button>
|
|
@@ -38,11 +58,13 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
rz: rz,
|
|
|
+ msg: '获取验证码',
|
|
|
+ time: 60,
|
|
|
+ flag: true,
|
|
|
company: {},
|
|
|
form: {},
|
|
|
rules: {
|
|
|
- money: [{ required: true, message: '充值金额不能为空', trigger: 'blur' }],
|
|
|
- certificate: [{ required: true, message: '充值凭证不能为空', trigger: 'blur' }]
|
|
|
+ code: [{ required: true, message: '短信验证码不能为空', trigger: 'blur' }]
|
|
|
}
|
|
|
};
|
|
|
},
|
|
@@ -61,16 +83,32 @@ export default {
|
|
|
this.ajax({ url: '/work/company/index' }).then((response) => {
|
|
|
this.company = response.data;
|
|
|
});
|
|
|
- this.ajax({ url: '/work/statement/index' }).then((response) => {
|
|
|
- this.company = response.data;
|
|
|
- });
|
|
|
},
|
|
|
methods: {
|
|
|
+ getCode() {
|
|
|
+ if (!this.flag) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.$modal.msgSuccess('你的验证码是123456');
|
|
|
+ //一分钟倒计时
|
|
|
+ var countdown = setInterval(() => {
|
|
|
+ this.time--;
|
|
|
+ if (this.time == 0) {
|
|
|
+ this.flag = true;
|
|
|
+ this.msg = '获取短信';
|
|
|
+ this.time = 60;
|
|
|
+ clearInterval(countdown);
|
|
|
+ } else {
|
|
|
+ this.flag = false;
|
|
|
+ this.msg = '重新获取(' + this.time + ')';
|
|
|
+ }
|
|
|
+ }, 1000);
|
|
|
+ },
|
|
|
submitForm() {
|
|
|
this.$refs['form'].validate((valid) => {
|
|
|
if (valid) {
|
|
|
- this.ajax({ method: 'post', url: '/work/recharge/add', data: this.form }).then((response) => {
|
|
|
- this.$modal.msgSuccess('提交成功');
|
|
|
+ this.ajax({ url: '/work/statement/give/send/' + this.param.id }).then((response) => {
|
|
|
+ this.$modal.msgSuccess('发放成功');
|
|
|
this.$layer.close(this.layerid);
|
|
|
this.$parent.getList();
|
|
|
});
|