Skip to content

C
customer-admin
提交 63f24240 authored 作者: matian's avatar matian
浏览文件
操作

fix:禁止连点事件

上级 e4097bd7
隐藏空白字符变更
内嵌 并排
正在显示 包含 119 行增加 和 59 行删除
src/modules/customer/components/CreateContact.vue
浏览文件 @ 63f24240
......@@ -51,7 +51,7 @@
</el-row>
<el-form-item>
<el-row style="text-align: center; margin-top: 30px">
<el-button type="primary" @click="submit">提交</el-button>
<el-button type="primary" @click="submit" :disabled="btnDisabled">提交</el-button>
<el-button @click="$emit('update:visible', false)" style="margin-left: 20px">取消</el-button>
</el-row>
</el-form-item>
......@@ -64,6 +64,7 @@ import { createContact, UpdateContact } from '../api'
export default {
data() {
return {
btnDisabled: false,
form: {
name: '',
positoon: '',
......@@ -113,19 +114,33 @@ export default {
},
edit() {
const params = Object.assign({ id: this.row.id }, this.form)
UpdateContact(params).then(res => {
this.$message.success('新建联系人成功')
this.$emit('update:visible', false)
this.$emit('success', res.data)
})
this.btnDisabled = true
UpdateContact(params)
.then(res => {
this.$message.success('新建联系人成功')
this.$emit('update:visible', false)
this.$emit('success', res.data)
})
.finally(() => {
window.setTimeout(() => {
this.btnDisabled = false
}, 500)
})
},
create() {
const params = Object.assign({ customer_id: this.id }, this.form)
createContact(params).then(res => {
this.$message.success('新建联系人成功')
this.$emit('update:visible', false)
this.$emit('success', res.data)
})
this.btnDisabled = true
createContact(params)
.then(res => {
this.$message.success('新建联系人成功')
this.$emit('update:visible', false)
this.$emit('success', res.data)
})
.finally(() => {
window.setTimeout(() => {
this.btnDisabled = false
}, 500)
})
}
}
}
......
src/modules/customer/components/CreateCoopProject.vue
浏览文件 @ 63f24240
<template>
<el-dialog :close-on-click-modal="false" v-bind="$attrs" v-on="$listeners" top="20vh" :title="title" width="60%">
<el-dialog :close-on-click-modal="false" v-bind="$attrs" v-on="$listeners" top="20vh" :title="title" width="60%">
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-row>
<el-col :span="12">
......@@ -60,7 +60,7 @@
</el-form-item>
<el-form-item>
<el-row style="text-align: center; margin-top: 20px">
<el-button type="primary" @click="submit">提交</el-button>
<el-button type="primary" @click="submit" :disabled="btnDisabled">提交</el-button>
<el-button @click="$emit('update:visible', false)" style="margin-left: 20px">取消</el-button>
</el-row>
</el-form-item>
......@@ -76,6 +76,7 @@ export default {
components: { AppUserSearch },
data() {
return {
btnDisabled: false,
form: {
tag: '',
status: '',
......@@ -138,19 +139,33 @@ export default {
},
create() {
const params = Object.assign({ customer_id: this.id }, this.form)
createCooProject(params).then(res => {
this.$message.success('新建合作项目成功')
this.$emit('update:visible', false)
this.$emit('success', res.data)
})
this.btnDisabled = true
createCooProject(params)
.then(res => {
this.$message.success('新建合作项目成功')
this.$emit('update:visible', false)
this.$emit('success', res.data)
})
.finally(() => {
window.setTimeout(() => {
this.btnDisabled = false
}, 500)
})
},
edit() {
const params = Object.assign({ id: this.row.id }, this.form)
editCooProject(params).then(res => {
this.$message.success('更新合作项目成功')
this.$emit('update:visible', false)
this.$emit('success', res.data)
})
this.btnDisabled = true
editCooProject(params)
.then(res => {
this.$message.success('更新合作项目成功')
this.$emit('update:visible', false)
this.$emit('success', res.data)
})
.finally(() => {
window.setTimeout(() => {
this.btnDisabled = false
}, 500)
})
}
}
}
......
src/modules/system/customergroup/components/AddCustomer.vue
浏览文件 @ 63f24240
......@@ -7,7 +7,7 @@
</template>
<template #footer>
<el-button @click="$emit('update:visible', false)" style="margin-left: 20px">取消</el-button>
<el-button type="primary" @click="submit">提交</el-button>
<el-button type="primary" @click="submit" :disabled="btnDisabled">提交</el-button>
</template>
</app-list>
</app-card>
......@@ -24,7 +24,8 @@ export default {
},
data() {
return {
multipleSelection: []
multipleSelection: [],
btnDisabled: false
}
},
props: {
......@@ -79,14 +80,21 @@ export default {
const param = this.multipleSelection
const arr = param.map(item => item.id)
const params = { group_id: this.id, customer_ids: arr }
createCustomer(params).then(res => {
if (res.code === 0) {
this.$message.success('添加客户成功')
this.$emit('update:visible', false)
this.$emit('success')
this.$refs.list.refetch()
}
})
this.btnDisabled = true
createCustomer(params)
.then(res => {
if (res.code === 0) {
this.$message.success('添加客户成功')
this.$emit('update:visible', false)
this.$emit('success')
this.$refs.list.refetch()
}
})
.finally(() => {
window.setTimeout(() => {
this.btnDisabled = false
}, 500)
})
}
}
}
......
src/modules/system/customergroup/components/AddCustomerGroup.vue
浏览文件 @ 63f24240
......@@ -7,7 +7,7 @@
<el-form-item>
<el-row style="float: right">
<el-button @click="$emit('update:visible', false)">取消</el-button>
<el-button type="primary" style="margin-left: 20px" @click="submit">提交</el-button>
<el-button type="primary" style="margin-left: 20px" @click="submit" :disabled="btnDisabled">提交</el-button>
</el-row>
</el-form-item>
</el-form>
......@@ -20,7 +20,8 @@ export default {
data() {
return {
form: {
name: ''
name: '',
btnDisabled: false
},
rules: {
name: [
......@@ -60,21 +61,35 @@ export default {
// 编辑/更新客户组
edit() {
const params = Object.assign({ id: this.data.id }, this.form)
editCustomerGroup(params).then(res => {
this.$message.success('客户组更新成功')
this.$emit('update:visible', false)
this.$emit('success', res.data)
})
this.btnDisabled = true
editCustomerGroup(params)
.then(res => {
this.$message.success('客户组更新成功')
this.$emit('update:visible', false)
this.$emit('success', res.data)
})
.finally(() => {
window.setTimeout(() => {
this.btnDisabled = false
}, 500)
})
},
// 新建客户组
create() {
createCustomerGroup(this.form).then(res => {
if (res.code === 0) {
this.$message.success('客户组创建成功')
this.$emit('update:visible', false)
this.$emit('success', res.data)
}
})
createCustomerGroup(this.form)
.then(res => {
this.btnDisabled = true
if (res.code === 0) {
this.$message.success('客户组创建成功')
this.$emit('update:visible', false)
this.$emit('success', res.data)
}
})
.finally(() => {
window.setTimeout(() => {
this.btnDisabled = false
}, 500)
})
}
}
}
......
src/modules/system/customergroup/components/AddEmployees.vue
浏览文件 @ 63f24240
......@@ -29,7 +29,7 @@
<el-form-item>
<el-row style="float: right">
<el-button @click="$emit('update:visible', false)">取消</el-button>
<el-button type="primary" @click="submit">提交</el-button>
<el-button type="primary" @click="submit" :disabled="btnDisabled">提交</el-button>
</el-row>
</el-form-item>
</el-form>
......@@ -48,6 +48,7 @@ export default {
},
data() {
return {
btnDisabled: false,
loading: false,
form: {
id: ''
......@@ -94,16 +95,24 @@ export default {
})
},
submit() {
this.$refs.form.validate().then(() => {
const params = Object.assign({ group_id: this.id, staff_ids: this.form.id })
createEmployee(params).then(res => {
if (res.code === 0) {
this.$message.success('添加员工成功')
this.$emit('update:visible', false)
this.$emit('success')
}
this.$refs.form
.validate()
.then(() => {
const params = Object.assign({ group_id: this.id, staff_ids: this.form.id })
this.btnDisabled = true
createEmployee(params).then(res => {
if (res.code === 0) {
this.$message.success('添加员工成功')
this.$emit('update:visible', false)
this.$emit('success')
}
})
})
.finally(() => {
window.setTimeout(() => {
this.btnDisabled = false
}, 500)
})
})
}
}
}
......
src/modules/system/customergroup/views/List.vue
浏览文件 @ 63f24240
......@@ -69,11 +69,9 @@ export default {
{ label: '客户数量', prop: 'customer_count', align: 'center' },
{ label: '员工数量', prop: 'staff_count', align: 'center' },
{ label: '创建时间', prop: 'created_at', align: 'center' },
// { label: '创建人', prop: 'created_by.username', align: 'center' },
{
prop: 'created_by',
label: '创建人',
// minWidth: '100px',
computed({ row }) {
return row.created_by.realname || row.created_by.nickname || row.created_by.username
}
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论