Files
springboot_vue_xhs/web/src/views/business/memberCard/editMemberCard.vue
2024-12-06 22:42:03 +08:00

183 lines
5.7 KiB
Vue

<template>
<div>
<el-dialog
:close-on-click-modal="false"
top="8vh"
width="40%"
:visible.sync="dialogVisible"
center
@close="handleCancel"
>
<div class="el-dialog-div">
<el-form
:rules="rules"
ref="dataForm"
:model="temp"
label-position="right"
label-width="120px"
style="height: 90%;"
>
<el-form-item label="会员卡id" prop="memberCardId" class="is-required">
<el-input v-model="temp.memberCardId" placeholder="会员卡id" />
</el-form-item>
<el-form-item label="会员id" prop="memberId" class="is-required">
<el-input v-model="temp.memberId" placeholder="会员id" />
</el-form-item>
<el-form-item label="卡项ID" prop="cardId" class="is-required">
<el-input v-model="temp.cardId" placeholder="卡项ID" />
</el-form-item>
<el-form-item label="卡号" prop="cardNo" class="is-required">
<el-input v-model="temp.cardNo" placeholder="卡号" />
</el-form-item>
<el-form-item label="卡名称" prop="cardName" class="is-required">
<el-input v-model="temp.cardName" placeholder="卡名称" />
</el-form-item>
<el-form-item label="余额" prop="amount" class="is-required">
<el-input v-model="temp.amount" placeholder="余额" />
</el-form-item>
<el-form-item label="赠送金额" prop="giveAmount" class="is-required">
<el-input v-model="temp.giveAmount" placeholder="赠送金额" />
</el-form-item>
<el-form-item label="商品折扣" prop="discount" class="is-required">
<el-input v-model="temp.discount" placeholder="商品折扣" />
</el-form-item>
<el-form-item label="开卡金额" prop="buildCardAmount" class="is-required">
<el-input v-model="temp.buildCardAmount" placeholder="开卡金额" />
</el-form-item>
<el-form-item label="提成比例" prop="pushMoney" class="is-required">
<el-input v-model="temp.pushMoney" placeholder="提成比例" />
</el-form-item>
<el-form-item label="0正常 1取消" prop="cardStatus" class="is-required">
<el-input v-model="temp.cardStatus" placeholder="0正常 1取消" />
</el-form-item>
<el-form-item label="0正常 1删除" prop="deleted" class="is-required">
<el-input v-model="temp.deleted" placeholder="0正常 1删除" />
</el-form-item>
<el-form-item label="乐观锁字段" prop="version" class="is-required">
<el-input v-model="temp.version" placeholder="乐观锁字段" />
</el-form-item>
<el-form-item label="门店id" prop="shopId" class="is-required">
<el-input v-model="temp.shopId" placeholder="门店id" />
</el-form-item>
<el-form-item label="门店名" prop="shopName" class="is-required">
<el-input v-model="temp.shopName" placeholder="门店名" />
</el-form-item>
<el-form-item label="创建人" prop="createName" class="is-required">
<el-input v-model="temp.createName" placeholder="创建人" />
</el-form-item>
<el-form-item label="创建时间" prop="createTime" class="is-required">
<el-input v-model="temp.createTime" placeholder="创建时间" />
</el-form-item>
<el-form-item label="创建人id" prop="createId" class="is-required">
<el-input v-model="temp.createId" placeholder="创建人id" />
</el-form-item>
<el-form-item label="修改时间" prop="updateTime" class="is-required">
<el-input v-model="temp.updateTime" placeholder="修改时间" />
</el-form-item>
<el-form-item label="修改人" prop="updateName" class="is-required">
<el-input v-model="temp.updateName" placeholder="修改人" />
</el-form-item>
<el-form-item label="修改人id" prop="updateId" class="is-required">
<el-input v-model="temp.updateId" placeholder="修改人id" />
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="handleCancel"> </el-button>
<el-button type="primary" @click="submit"> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { editMemberCard } from "@/api/business/memberCard/memberCard";
import {setRequiredFields} from "@/utils";
const requiredFields = []
export default {
name: "editForm",
data() {
return {
rules: setRequiredFields(requiredFields),
dialogVisible: false,
temp: {
memberCardId:'',
memberId:'',
cardId:'',
cardNo:'',
cardName:'',
amount:'',
giveAmount:'',
discount:'',
buildCardAmount:'',
pushMoney:'',
cardStatus:'',
deleted:'',
version:'',
shopId:'',
shopName:'',
createName:'',
createTime:'',
createId:'',
updateTime:'',
updateName:'',
updateId:'',
},
}
},
methods: {
open(row) {
this.temp = this.$options.data().temp
this.temp = row
this.dialogVisible = true
},
submit() {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
editMemberCard(this.temp).then(response => {
this.handleCancel()
this.$emit('ok', response.data)
})
} else {
console.log('error submit!!');
return false;
}
});
},
handleCancel() {
//初始化
this.temp = this.$options.data().temp
this.dialogVisible = false
this.$refs['dataForm'].resetFields()
}
},
}
</script>
<style scoped>
</style>