diff --git a/src/views/crm/business/Detail.vue b/src/views/crm/business/Detail.vue index 38c721b..a58673a 100644 --- a/src/views/crm/business/Detail.vue +++ b/src/views/crm/business/Detail.vue @@ -177,7 +177,7 @@ import { crmBusinessAdvanceAPI, crmBusinessStatusByIdAPI } from '@/api/crm/business' - +import { userListAPI } from '@/api/common' import SlideView from '@/components/SlideView' import CRMDetailHead from '../components/CRMDetailHead' import Activity from '../components/Activity' // 活动 @@ -241,6 +241,9 @@ export default { data() { return { // 展示加载loading + userOptions: [], + value: '', + inputValue: '', loading: false, crmType: 'business', headDetails: [ @@ -397,11 +400,37 @@ export default { }] } }, - mounted() {}, + mounted() { + this.getUserList() + }, methods: { /** * 详情 */ + getUserList() { + this.userLoading = true + let request = userListAPI + let params = {} + if (this.userRequest) { + request = this.userRequest + params = this.userParams || {} + } else { + params = { pageType: 0 } + } + request(params) + .then(res => { + const userList = res.data.list || res.data + console.log(userList) + this.userOptions = userList.map(item => { + return item + }) + console.log(this.userOptions) + this.userLoading = false + }) + .catch(() => { + this.userLoading = false + }) + }, getDetial() { this.firstContactsId = '' this.loading = true @@ -566,21 +595,52 @@ export default { } /** 输单 和 无效 */ if (item.type == 2 || item.type == 3) { - var message = '请填写' + item.name + '原因:' + var message = '请填写' + item.name + '原因:' var title = item.name + '原因' - // this.$prompt(message, title, { - // inputType: 'text', - // confirmButtonText: '确定', - // cancelButtonText: '取消' - // }) const h = this.$createElement + const msgBoxContent = h('div', [ + h('p', message), + h('textarea', { + attrs: { + class: 'el-textarea__inner', + type: 'textarea', + autocomplete: 'off', + rows: 4 + }, + value: this.inputValue + }), + h('p', '审核人:'), + h('el-select', { + ref: 'selectView', + props: { + clearable: true, + filterable: true, + placeholder: '请选择', + value: this.value + }, + on: { + input: val => { + this.value = val + console.log(val) + }, + change: e => { + this.value = e + this.$refs['selectView'].value = e + } + } + }, this.userOptions.map(option => { + return h('el-option', { + props: { + value: option.id, + label: option.username + } + }) + })) + ]) this.$msgbox({ title: title, - message: h('p', message, [ - h('i', { style: 'color: teal' }, 'VNode'), - h('') - ]), + message: msgBoxContent, showCancelButton: true, confirmButtonText: '确定', cancelButtonText: '取消' @@ -652,6 +712,12 @@ export default { console.log('ok') this.$emit('handle', { type: 'save-success' }) this.getDetial() + }, + /** + * 刷新value的值 + */ + updateVal(val) { + this.value = val } } } @@ -870,5 +936,9 @@ export default { .state-handel-item:hover { background-color: #f7f8fa; } + .el-textarea__inner{ + width: max-content; + border: 1px solid #C0C4CC; + } }