|
|
@ -12,7 +12,7 @@ |
|
|
|
<el-form-item label="上传录音" label-width="118px" :class="{ 'form-item': source === 'visiual' }"> |
|
|
|
<el-upload :headers="$getElUploadHeaders()" class="avatar-uploader" :action="uploadUlr" accept=".mp3" |
|
|
|
:data="{ customerId: customerId }" :show-file-list="true" :on-success="handleAudioSuccess" |
|
|
|
:on-remove="handleAudioRemove" :before-upload="beforeAudioUpload"> |
|
|
|
:on-remove="handleAudioRemove" :before-upload="beforeAudioUpload" :file-list="audioList"> |
|
|
|
<el-button type="primary" :disabled="pageType === 'check'">上传音频<i |
|
|
|
class="el-icon-upload el-icon--right"></i></el-button> |
|
|
|
</el-upload> |
|
|
@ -21,7 +21,7 @@ |
|
|
|
<el-upload :headers="$getElUploadHeaders()" class="avatar-uploader" :action="uploadUlr" |
|
|
|
accept=".jpg,.png,.jpeg" |
|
|
|
:data="{ customerId: customerId }" :show-file-list="true" :on-success="handleImgSuccess" |
|
|
|
:on-remove="handleImgRemove" :before-upload="beforeImgUpload"> |
|
|
|
:on-remove="handleImgRemove" :before-upload="beforeImgUpload" :file-list="imgList"> |
|
|
|
<el-button type="primary" :disabled="pageType === 'check'">上传图片<i |
|
|
|
class="el-icon-upload el-icon--right"></i></el-button> |
|
|
|
</el-upload> |
|
|
@ -136,17 +136,17 @@ |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<el-form-item label="是否配合回访" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop="mmm"> |
|
|
|
<el-select v-model.trim="formData.mmm" clearable class="item_width_4"> |
|
|
|
<el-form-item label="是否配合回访" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop="cooperate"> |
|
|
|
<el-select v-model.trim="formData.cooperate" clearable class="item_width_4"> |
|
|
|
<el-option v-for="item in coordinateList" :key="item.value" :label="item.label" :value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<el-form-item label="服务满意度" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop="nnn"> |
|
|
|
<el-form-item label="服务满意度" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop="satisfaction"> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<el-select v-model.trim="formData.nnn" clearable class="item_width_4"> |
|
|
|
<el-select v-model.trim="formData.satisfaction" clearable class="item_width_4"> |
|
|
|
<el-option v-for="item in satisfactionType" :key="item.value" :label="item.label" :value="item.value" |
|
|
|
@click.native="handelChangeSatisfaction(item.value)"> |
|
|
|
</el-option> |
|
|
@ -199,8 +199,8 @@ |
|
|
|
<div class="item"> |
|
|
|
<el-form-item label="上传图片" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop="files"> |
|
|
|
<el-upload :headers="$getElUploadHeaders()" class="avatar-uploader" :action="uploadUlr" |
|
|
|
:data="{ customerId: customerId }" :show-file-list="true" :on-success="handleImgSuccess" |
|
|
|
:on-remove="handleImgRemove" :before-upload="beforeImgUpload"> |
|
|
|
:data="{ customerId: customerId }" :show-file-list="true" :on-success="handleExamineImgSuccess" |
|
|
|
:on-remove="handleExamineImgRemove" :before-upload="beforeImgUpload" accept=".jpg,.png,.jpeg"> |
|
|
|
<el-button type="primary" >上传图片<i |
|
|
|
class="el-icon-upload el-icon--right"></i></el-button> |
|
|
|
</el-upload> |
|
|
@ -243,8 +243,8 @@ function iniFmData() { |
|
|
|
returnTime: '',//回访时间 |
|
|
|
loseContact: '',//联系当事人0:已联系 1:未取得联系 |
|
|
|
putThrough: '',//接通电话 0:接通 1:未接通 |
|
|
|
mmm: '',//是否配合回访0:配合 1:不配合 |
|
|
|
nnn: '',//0:满意 1:非常满意 2:不满意 |
|
|
|
cooperate: '',//是否配合回访0:配合 1:不配合 |
|
|
|
satisfaction: '',//0:满意 1:非常满意 2:不满意 |
|
|
|
dissatisfyReason: '',//不满意原因 |
|
|
|
visitComments: '',//回访意见 |
|
|
|
examine: null,//审核结果 |
|
|
@ -292,15 +292,16 @@ export default { |
|
|
|
visitComments: [ |
|
|
|
{ required: true, message: "回访意见不能为空", trigger: "blur" }, |
|
|
|
], |
|
|
|
mmm: [ |
|
|
|
cooperate: [ |
|
|
|
{ required: true, message: "请选择是否配合回访", trigger: "blur" }, |
|
|
|
], |
|
|
|
nnn: [ |
|
|
|
satisfaction: [ |
|
|
|
{ required: true, message: "请选择服务满意度", trigger: "blur" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
imgList: [], |
|
|
|
audioList: [] |
|
|
|
audioList: [], |
|
|
|
examineImgList:[] |
|
|
|
}; |
|
|
|
}, |
|
|
|
components: {}, |
|
|
@ -326,8 +327,25 @@ export default { |
|
|
|
type: String, |
|
|
|
default: "manage", |
|
|
|
}, |
|
|
|
replayDetailObj:{ |
|
|
|
type: Object, |
|
|
|
default() { |
|
|
|
return {}; |
|
|
|
}, |
|
|
|
} |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
"replayDetailObj": function (newVal,oldVal) { |
|
|
|
console.log(newVal,'bianle'); |
|
|
|
if(this.pageType === 'check'){ |
|
|
|
this.formData = newVal; |
|
|
|
if(this.formData.internalFile){ |
|
|
|
this.imgList = this.formData.internalFile.filter(item=>item.type==='image') |
|
|
|
this.audioList = this.formData.internalFile.filter(item=>item.type==='voice') |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
watch: {}, |
|
|
|
created() { }, |
|
|
|
|
|
|
|
mounted() { |
|
|
@ -357,11 +375,11 @@ export default { |
|
|
|
if (res.code === 0 && res.msg === "success") { |
|
|
|
console.log("res.data.url", res.data.url); |
|
|
|
this.audioList.push({ |
|
|
|
attachmentFormat: file.name.split(".").pop(), |
|
|
|
attachmentName: file.name, |
|
|
|
format: file.name.split(".").pop(), |
|
|
|
name: file.name, |
|
|
|
size: file.size, |
|
|
|
attachmentType: file.raw.type, |
|
|
|
attachmentUrl: res.data.url, |
|
|
|
type: file.raw.type, |
|
|
|
url: res.data.url, |
|
|
|
}); |
|
|
|
console.log(this.formData.files); |
|
|
|
} else { |
|
|
@ -389,11 +407,36 @@ export default { |
|
|
|
if (res.code === 0 && res.msg === "success") { |
|
|
|
console.log("res.data.url", res.data.url); |
|
|
|
this.imgList.push({ |
|
|
|
attachmentFormat: file.name.split(".").pop(), |
|
|
|
attachmentName: file.name, |
|
|
|
format: file.name.split(".").pop(), |
|
|
|
name: file.name, |
|
|
|
size: file.size, |
|
|
|
type: file.raw.type, |
|
|
|
url: res.data.url, |
|
|
|
}); |
|
|
|
console.log(this.formData.files); |
|
|
|
} else { |
|
|
|
this.$message.error(res.msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleExamineImgRemove(file) { |
|
|
|
console.log(file); |
|
|
|
let index = this.examineImgList.findIndex( |
|
|
|
(item) => item.url == file.response.data.url |
|
|
|
); |
|
|
|
this.examineImgList.splice(index, 1); |
|
|
|
console.log(this.examineImgList); |
|
|
|
}, |
|
|
|
handleExamineImgSuccess(res, file, fileList) { |
|
|
|
console.log("res.data.url", file); |
|
|
|
if (res.code === 0 && res.msg === "success") { |
|
|
|
console.log("res.data.url", res.data.url); |
|
|
|
this.examineImgList.push({ |
|
|
|
format: file.name.split(".").pop(), |
|
|
|
name: file.name, |
|
|
|
size: file.size, |
|
|
|
attachmentType: file.raw.type, |
|
|
|
attachmentUrl: res.data.url, |
|
|
|
type: file.raw.type, |
|
|
|
url: res.data.url, |
|
|
|
}); |
|
|
|
console.log(this.formData.files); |
|
|
|
} else { |
|
|
|