Browse Source

事件办理

feature-bug
是小王呀\24601 1 year ago
parent
commit
e5e0bc9c5b
  1. 2
      src/views/modules/shequzhili/event/cpts/event-info.vue
  2. 123
      src/views/modules/shequzhili/event/cpts/process-form-complete.vue
  3. 12
      src/views/modules/shequzhili/event/cpts/process-form-contact.vue
  4. 12
      src/views/modules/shequzhili/event/cpts/process-form-process.vue
  5. 4
      src/views/modules/shequzhili/event/cpts/process-form-project.vue

2
src/views/modules/shequzhili/event/cpts/event-info.vue

@ -224,7 +224,7 @@
<div
:class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' }]">
<span class="u-info-title-2">附件</span>
<a @click="aTagDownload(i.attachmentUrl,i.attachmentName)" style="cursor: pointer">{{i.attachmentName}}}</a>
<a @click="aTagDownload(i.attachmentUrl,i.attachmentName)" style="cursor: pointer">{{i.attachmentName}}</a>
</div>
</template>
</template>

123
src/views/modules/shequzhili/event/cpts/process-form-complete.vue

@ -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 {

12
src/views/modules/shequzhili/event/cpts/process-form-contact.vue

@ -201,9 +201,9 @@ export default {
methods: {
beforeAudioUpload(file) {
const isLt1M = file.size / 1024 / 1024 < 10;
const isLt1M = file.size / 1024 / 1024 < 30;
if (!isLt1M) {
this.$message.error("M上传文件大小不能超过 10B!");
this.$message.error("上传文件大小不能超过 30MB!");
}
return isLt1M;
},
@ -230,10 +230,10 @@ export default {
this.audioList.splice(index, 1);
},
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;
},
@ -262,10 +262,10 @@ export default {
},
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;
},

12
src/views/modules/shequzhili/event/cpts/process-form-process.vue

@ -212,9 +212,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;
},
@ -243,10 +243,10 @@ export default {
console.log(this.formData.files);
},
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;
},
@ -276,10 +276,10 @@ export default {
},
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;
},

4
src/views/modules/shequzhili/event/cpts/process-form-project.vue

@ -596,10 +596,10 @@ export default {
},
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;
},

Loading…
Cancel
Save