|
|
|
@ -9,49 +9,47 @@ |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="上传录音" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop="files"> |
|
|
|
<el-upload v-if="audioList.length < 3" :headers="$getElUploadHeaders()" |
|
|
|
:action="uploadUlr" :data="{ customerId: customerId }" :show-file-list="false" |
|
|
|
:on-success="handleAudioSuccess" :before-upload="beforeAudioUpload" |
|
|
|
accept=".mp3" > |
|
|
|
<el-button type="primary" :disabled="pageType === 'check'">上传录音<i |
|
|
|
class="el-icon-upload el-icon--right"></i></el-button> |
|
|
|
</el-upload> |
|
|
|
<section class="uploadList"> |
|
|
|
<div v-for="file in audioList" :key="file.attachmentUrl" :file="file" |
|
|
|
:style="{cursor:pageType === 'check'? 'no-drop':'pointer'}" > |
|
|
|
<span>{{ file.attachmentName }}</span> |
|
|
|
<span type="text" @click="handleAudioRemove(file)" class="el-icon-close"> </span> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
<el-form-item label="上传录音" label-width="118px" :class="{ 'form-item': source === 'visiual' }" :required="required" |
|
|
|
:show-message="true" :inline-message="audioList.length === 0 ? '请上传录音' : ''" > |
|
|
|
<el-upload v-if="audioList.length < 3" :headers="$getElUploadHeaders()" :action="uploadUlr" |
|
|
|
:data="{ customerId: customerId }" :show-file-list="false" :on-success="handleAudioSuccess" |
|
|
|
:before-upload="beforeAudioUpload" accept=".mp3"> |
|
|
|
<el-button type="primary" :disabled="pageType === 'check'">上传录音<i |
|
|
|
class="el-icon-upload el-icon--right"></i></el-button> |
|
|
|
</el-upload> |
|
|
|
<section class="uploadList"> |
|
|
|
<div v-for="file in audioList" :key="file.attachmentUrl" :file="file" |
|
|
|
:style="{cursor:pageType === 'check'? 'no-drop':'pointer'}"> |
|
|
|
<span>{{ file.attachmentName }}</span> |
|
|
|
<span type="text" @click="handleAudioRemove(file)" class="el-icon-close"> </span> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="上传图片" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop=""> |
|
|
|
<el-upload v-if="audioList.length < 3" :headers="$getElUploadHeaders()" |
|
|
|
:action="uploadUlr" :data="{ customerId: customerId }" :show-file-list="false" |
|
|
|
:on-success="handleImgSuccess" :before-upload="beforeImgUpload" |
|
|
|
accept=".jpg,.png,.jpeg"> |
|
|
|
<el-button type="primary" :disabled="pageType === 'check'">上传图片<i |
|
|
|
class="el-icon-upload el-icon--right"></i></el-button> |
|
|
|
</el-upload> |
|
|
|
<section class="uploadList"> |
|
|
|
<div v-for="file in imgList" :key="file.attachmentUrl" :file="file" |
|
|
|
:style="{cursor:pageType === 'check'? 'no-drop':'pointer'}"> |
|
|
|
<span>{{ file.attachmentName }}</span> |
|
|
|
<span type="text" @click="handleImgRemove(file)" class="el-icon-close"> </span> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
<el-upload v-if="audioList.length < 3" :headers="$getElUploadHeaders()" :action="uploadUlr" |
|
|
|
:data="{ customerId: customerId }" :show-file-list="false" :on-success="handleImgSuccess" |
|
|
|
:before-upload="beforeImgUpload" accept=".jpg,.png,.jpeg"> |
|
|
|
<el-button type="primary" :disabled="pageType === 'check'">上传图片<i |
|
|
|
class="el-icon-upload el-icon--right"></i></el-button> |
|
|
|
</el-upload> |
|
|
|
<section class="uploadList"> |
|
|
|
<div v-for="file in imgList" :key="file.attachmentUrl" :file="file" |
|
|
|
:style="{cursor:pageType === 'check'? 'no-drop':'pointer'}"> |
|
|
|
<span>{{ file.attachmentName }}</span> |
|
|
|
<span type="text" @click="handleImgRemove(file)" class="el-icon-close"> </span> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="上传附件" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop="" |
|
|
|
> |
|
|
|
<el-form-item label="上传附件" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop=""> |
|
|
|
<el-upload :headers="$getElUploadHeaders()" class="avatar-uploader" :action="uploadUlr" |
|
|
|
accept=".doc,.pdf,.xls,.docx,.xlsx" :show-file-list="false" |
|
|
|
:data="{ customerId: customerId }" :on-success="handleDocSuccess" |
|
|
|
:on-remove="handleDocRemove" :before-upload="beforeDocUpload"> |
|
|
|
<el-button type="primary" :disabled="pageType === 'check'" >上传附件<i class="el-icon-upload el-icon--right"></i></el-button> |
|
|
|
accept=".doc,.pdf,.xls,.docx,.xlsx" :show-file-list="false" :data="{ customerId: customerId }" |
|
|
|
:on-success="handleDocSuccess" :on-remove="handleDocRemove" :before-upload="beforeDocUpload"> |
|
|
|
<el-button type="primary" :disabled="pageType === 'check'">上传附件<i |
|
|
|
class="el-icon-upload el-icon--right"></i></el-button> |
|
|
|
</el-upload> |
|
|
|
<section class="uploadList"> |
|
|
|
<section class="uploadList"> |
|
|
|
<div v-for="file in docList" :key="file.attachmentUrl" :file="file" |
|
|
|
:style="{cursor:pageType === 'check'? 'no-drop':'pointer'}"> |
|
|
|
:style="{cursor:pageType === 'check'? 'no-drop':'pointer'}"> |
|
|
|
<span>{{ file.attachmentName }}</span> |
|
|
|
<span type="text" @click="handleDocRemove(file)" class="el-icon-close"> </span> |
|
|
|
</div> |
|
|
|
@ -147,8 +145,8 @@ |
|
|
|
<el-form-item label="预计解决时间" label-width="118px" :class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="solveEstimated"> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<el-date-picker v-model.trim="formData.solveEstimated" class="cell-width-1" type="datetime" placeholder="请选择" |
|
|
|
value-format="yyyy-MM-dd HH:mm:ss"> |
|
|
|
<el-date-picker v-model.trim="formData.solveEstimated" class="cell-width-1" type="datetime" |
|
|
|
placeholder="请选择" value-format="yyyy-MM-dd HH:mm:ss"> |
|
|
|
</el-date-picker> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
@ -199,7 +197,8 @@ |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<el-form-item label="是否配合回访" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop="cooperate"> |
|
|
|
<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> |
|
|
|
@ -207,7 +206,8 @@ |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<el-form-item label="服务满意度" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop="satisfaction"> |
|
|
|
<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.satisfaction" clearable class="item_width_4"> |
|
|
|
<el-option v-for="item in satisfactionType" :key="item.value" :label="item.label" :value="item.value" |
|
|
|
@ -277,24 +277,24 @@ |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
|
|
|
|
<el-select v-model.trim="formData.satisfactionResult" clearable class="item_width_4"> |
|
|
|
<el-option v-for="item in satisfactionResult" :key="item.value" :label="item.label" :value="item.value"> |
|
|
|
<el-option v-for="item in satisfactionResult" :key="item.value" :label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<el-form-item label="上传图片" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop="files"> |
|
|
|
<el-form-item label="上传图片" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop=""> |
|
|
|
<el-upload :headers="$getElUploadHeaders()" class="avatar-uploader" :action="uploadUlr" |
|
|
|
: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> |
|
|
|
: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> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<div :span="24"> |
|
|
|
<el-form-item label="审核结果说明" label-width="118px" :class="{ 'form-item': source === 'visiual' }" |
|
|
|
<el-form-item label="审核结果说明" label-width="118px" :class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="examineContent"> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<el-input type="textarea" class="cell-width-area" :rows="2" placeholder="请输入审核结果说明" |
|
|
|
@ -421,6 +421,12 @@ export default { |
|
|
|
files: [ |
|
|
|
{ required: true, message: " 请上传录音文件", trigger: "blur" }, |
|
|
|
], |
|
|
|
examine: [ |
|
|
|
{ required: true, message: "请选择审核结果", trigger: "blur" }, |
|
|
|
], |
|
|
|
// examine: [ |
|
|
|
// { required: true, message: "请选择审核结果", trigger: "blur" }, |
|
|
|
// ], |
|
|
|
|
|
|
|
}, |
|
|
|
required:false, |
|
|
|
@ -462,7 +468,6 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
|
|
|
|
"replayDetailObj": function (newVal,oldVal) { |
|
|
|
console.log(newVal,'bianle'); |
|
|
|
if(this.pageType === 'check'){ |
|
|
|
@ -471,6 +476,7 @@ export default { |
|
|
|
this.imgList = this.formData.internalFile.filter(item=>item.attachmentType==='image') |
|
|
|
this.audioList = this.formData.internalFile.filter(item=>item.attachmentType==='voice') |
|
|
|
this.docList = this.formData.internalFile.filter(item=>item.attachmentType == 'doc') |
|
|
|
// this.formData.audioList=this.formData.internalFile.filter(item=>item.attachmentType==='voice') |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -478,7 +484,7 @@ export default { |
|
|
|
created() { }, |
|
|
|
|
|
|
|
mounted() { |
|
|
|
console.log(this.formData,"formData,formDataformData"); |
|
|
|
// console.log(this.formData,"formData,formDataformData"); |
|
|
|
|
|
|
|
console.log(this.eventDetailData,"alallalalalalalal"); |
|
|
|
if (this.eventDetailData.videoNeedFlag=="1") { |
|
|
|
@ -500,9 +506,9 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
beforeAudioUpload(file) { |
|
|
|
const isLt1M = file.size / 1024 / 1024 < 10; |
|
|
|
const isLt1M = file.size / 1024 / 1024 < 30; |
|
|
|
if (!isLt1M) { |
|
|
|
this.$message.error("上传文件大小不能超过 10MB!"); |
|
|
|
this.$message.error("上传文件大小不能超过 30MB!"); |
|
|
|
} |
|
|
|
return isLt1M; |
|
|
|
}, |
|
|
|
@ -517,7 +523,7 @@ export default { |
|
|
|
attachmentType: file.raw.type, |
|
|
|
attachmentUrl: res.data.url, |
|
|
|
}); |
|
|
|
this.formData.files.push(this.audioList) |
|
|
|
// this.formData.audioList.push(this.audioList) |
|
|
|
console.log(this.formData.files); |
|
|
|
} else { |
|
|
|
this.$message.error(res.msg); |
|
|
|
@ -533,10 +539,10 @@ export default { |
|
|
|
console.log(this.audioList); |
|
|
|
}, |
|
|
|
beforeImgUpload(file) { |
|
|
|
const isLt1M = file.size / 1024 / 1024 < 10; |
|
|
|
const isLt1M = file.size / 1024 / 1024 < 30; |
|
|
|
|
|
|
|
if (!isLt1M) { |
|
|
|
this.$message.error("上传文件大小不能超过 10MB!"); |
|
|
|
this.$message.error("上传文件大小不能超过 30MB!"); |
|
|
|
} |
|
|
|
return isLt1M; |
|
|
|
}, |
|
|
|
@ -591,10 +597,10 @@ export default { |
|
|
|
console.log(this.imgList); |
|
|
|
}, |
|
|
|
beforeDocUpload(file) { |
|
|
|
const isLt1M = file.size / 1024 / 1024 < 10; |
|
|
|
const isLt1M = file.size / 1024 / 1024 < 30; |
|
|
|
|
|
|
|
if (!isLt1M) { |
|
|
|
this.$message.error("上传文件大小不能超过 10MB!"); |
|
|
|
this.$message.error("上传文件大小不能超过 30MB!"); |
|
|
|
} |
|
|
|
return isLt1M; |
|
|
|
}, |
|
|
|
@ -623,10 +629,11 @@ export default { |
|
|
|
console.log(this.docList); |
|
|
|
}, |
|
|
|
async getReplayInfo() { |
|
|
|
if (this.required&& this.imgList.length==0) { |
|
|
|
this.$message.error("请上传录音文件"); |
|
|
|
} |
|
|
|
this.okflag = false; |
|
|
|
this.$refs["ref_form"].validate((valid, messageObj) => { |
|
|
|
console.log(valid,"sdjglksdjdglksjg"); |
|
|
|
|
|
|
|
if (!valid) { |
|
|
|
app.util.validateRule(messageObj); |
|
|
|
} else { |
|
|
|
|