blackteay/vue-element-admin
1
0
Fork 0
mirror of https://github.com/PanJiaChen/vue-element-admin.git synced 2025-04-06 03:57:53 +08:00
Code Issues Releases Wiki Activity

Merge a8c55f84f18703d226b85099bf023e37a61ba1f9 into 6858a9ad67483025f6a9432a926beb9327037be3

Browse Source
This commit is contained in:
Shane 2024-11-28 00:29:17 +00:00 committed by GitHub
commit b4d7ef3ad0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/table/complex-table.vue
View File

@ -128,7 +128,7 @@
<el-button @click="dialogFormVisible = false"> <el-button @click="dialogFormVisible = false">
Cancel Cancel
</el-button> </el-button>
<el-button type="primary" @click="dialogStatus==='create'?createData():updateData()"> <el-button :loading="confirmLoading" type="primary" @click="dialogStatus==='create'?createData():updateData()">
Confirm Confirm
</el-button> </el-button>
</div> </div>
@ -223,7 +223,8 @@ export default {
timestamp: [{ type: 'date', required: true, message: 'timestamp is required', trigger: 'change' }], timestamp: [{ type: 'date', required: true, message: 'timestamp is required', trigger: 'change' }],
title: [{ required: true, message: 'title is required', trigger: 'blur' }] title: [{ required: true, message: 'title is required', trigger: 'blur' }]
}, },
downloadLoading: false downloadLoading: false,
confirmLoading: false
} }
}, },
created() { created() {
@ -282,6 +283,7 @@ export default {
this.resetTemp() this.resetTemp()
this.dialogStatus = 'create' this.dialogStatus = 'create'
this.dialogFormVisible = true this.dialogFormVisible = true
this.confirmLoading = false
this.$nextTick(() => { this.$nextTick(() => {
this.$refs['dataForm'].clearValidate() this.$refs['dataForm'].clearValidate()
}) })
@ -289,6 +291,7 @@ export default {
createData() { createData() {
this.$refs['dataForm'].validate((valid) => { this.$refs['dataForm'].validate((valid) => {
if (valid) { if (valid) {
this.confirmLoading = true
this.temp.id = parseInt(Math.random() * 100) + 1024 // mock a id this.temp.id = parseInt(Math.random() * 100) + 1024 // mock a id
this.temp.author = 'vue-element-admin' this.temp.author = 'vue-element-admin'
createArticle(this.temp).then(() => { createArticle(this.temp).then(() => {
@ -309,6 +312,7 @@ export default {
this.temp.timestamp = new Date(this.temp.timestamp) this.temp.timestamp = new Date(this.temp.timestamp)
this.dialogStatus = 'update' this.dialogStatus = 'update'
this.dialogFormVisible = true this.dialogFormVisible = true
this.confirmLoading = false
this.$nextTick(() => { this.$nextTick(() => {
this.$refs['dataForm'].clearValidate() this.$refs['dataForm'].clearValidate()
}) })
@ -316,6 +320,7 @@ export default {
updateData() { updateData() {
this.$refs['dataForm'].validate((valid) => { this.$refs['dataForm'].validate((valid) => {
if (valid) { if (valid) {
this.confirmLoading = true
const tempData = Object.assign({}, this.temp) const tempData = Object.assign({}, this.temp)
tempData.timestamp = +new Date(tempData.timestamp) // change Thu Nov 30 2017 16:41:05 GMT+0800 (CST) to 1512031311464 tempData.timestamp = +new Date(tempData.timestamp) // change Thu Nov 30 2017 16:41:05 GMT+0800 (CST) to 1512031311464
updateArticle(tempData).then(() => { updateArticle(tempData).then(() => {