<template>
<div style="margin:10px;">
<!-- 修改彈框 -->
<el-dialog title="價格修改" :visible.sync="dialogFormVisible" width="30%" :close-on-click-modal="false">
<el-form :model="priceForm" :rules="rules" ref="priceForm" label-width="90px" class="demo-ruleForm">
<el-form-item label="價格" prop="price">
<el-input
style="width:250px;"
oninput="value=value.indexOf('.') > -1?value.slice(0, value.indexOf('.') + 3):value"
v-model="priceForm.price"
>
</el-input>
</el-form-item>
<el-form-item>
<el-button style="float:right;" type="primary" @click="submitForm">確定</el-button>
<el-button style="float:right;margin-right:20px;" @click="cancelForm">取消</el-button>
</el-form-item>
</el-form>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
priceForm:{
price:''
},
dialogFormVisible:false,
rules: {
price: [
{ required: true, trigger: 'change', message:'請輸入價格'},
{ pattern: /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/, message: '請輸入正確的格式,可保留兩位小數' }
]
},
}
},
created () {
},
methods: {
// 修改
submitForm() {
let params={
price:this.priceForm.price
}
this.$refs.priceForm.validate(valid => {
if (valid) {
updatePrice(params).then(res=>{
this.$message.success('保存成功')
this.dialogFormVisible = false
this.getTicketList()
})
} else {
console.log('error submit!!');
return false;
}
});
},
cancelForm(){
this.dialogFormVisible = false
}
},
};
</script>
<style scoped>
</style>