SH-Arbitrate/Mediation-Frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

邮件接口联调

Browse Source
This commit is contained in:
gyj
2024-05-28 11:30:39 +08:00
parent 1f1da394d5
commit aa4da2ae82
1 changed files with 155 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/deliveryRecord/components/emailEdits.vue
+155 -74
View File
@@ -1,87 +1,168 @@
<template> <template>
<div> <div>
<el-dialog title="邮件内容" :visible="emailVidable" @close="cancel" center <el-dialog
:distroy-on-close="true"> title="邮件内容"
<div> :visible="emailVidable"
<el-form> @close="cancel"
<el-col :span="24"> center
<el-form-item label="邮件主题：" label-width="100px"> :distroy-on-close="true"
<div>主题</div> >
</el-form-item> <div>
</el-col> <el-form>
<el-col :span="12"> <el-col :span="24">
<el-form-item label="收件人：" label-width="100px"> <el-form-item label="邮件主题：" label-width="100px">
<div>收件人</div> <div>{{ emailRow.mailSubject }}</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="发件人：" label-width="100px"> <el-form-item label="收件人：" label-width="100px">
<div>发件人</div> <div>{{ emailRow.mailAddress }}</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="12">
<el-form-item label="邮件附件：" label-width="100px"> <el-form-item label="发件人：" label-width="100px">
<div style="color: blue; cursor: pointer" @click="viewAttachments">附件</div> <div>{{ emailRow.mailFromAddress }}</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="邮件正文：" label-width="100px"> <el-form-item label="邮件附件：" label-width="100px">
<el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="sendData"></el-input> <div
</el-form-item> style="color: blue; cursor: pointer"
</el-col> v-for="(item, index) in emailRow.caseAttachList"
</el-form> :key="index"
@click="viewAttachments(item.annexPath)"
</div> >
<div slot="footer" class="dialog-footer"> {{ item.annexName }}
<el-button @click="cancel" class="endbutton1" round><span>取 消</span></el-button> </div>
<el-button @click="submitSend" class="endbutton1" type="primary" round><span>确 认</span></el-button> </el-form-item>
</div> </el-col>
</el-dialog> <el-col :span="24">
</div> <el-form-item label="邮件上传：" label-width="100px">
<el-upload
class="upload-demo"
accept=".doc,.docx,.pdf"
ref="upload"
:action="UploadUrl()"
:headers="headers"
:data="filedata"
:on-preview="handlePreview"
:on-remove="handleRemove"
:limit="1"
:on-change="beforeUpload"
:on-success="handlSuccess"
:file-list="fileList"
>
<el-button
slot="trigger"
size="small"
type="primary"
>选取文件</el-button
>
<div slot="tip" class="el-upload__tip">
只能上传.doc，docx，pdf文件
</div>
</el-upload>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="邮件正文：" label-width="100px">
<el-input
type="textarea"
:rows="4"
placeholder="请输入内容"
v-model="sendData"
></el-input>
</el-form-item>
</el-col>
</el-form>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel" class="endbutton1" round
><span>取 消</span></el-button
>
<el-button @click="submitSend" class="endbutton1" type="primary" round
><span>确 认</span></el-button
>
</div>
</el-dialog>
</div>
</template> </template>
<script> <script>
import { import {
updateSendContent,update updateSendContent,
update,
} from "@/api/deliveryRecord/deliveryRecord.js"; } from "@/api/deliveryRecord/deliveryRecord.js";
import { getToken } from "@/utils/auth";
export default { export default {
props: ["emailVidable", "emailRow","queryParams"], props: ["emailVidable", "emailRow", "queryParams"],
data() { data() {
return { return {
sendData:'', sendData: "",
fileURL: window.location.origin + "/API", fileURL: window.location.origin + "/API",
}; headers: {
Authorization: "Bearer " + getToken(),
},
filedata: {
annexType: 13,
},
fileList: [],
files:[],
};
},
watch: {
emailVidable(val) {
if (val) {
console.log(this.emailRow);
this.sendData = this.emailRow.mailContent;
}
}, },
watch: { },
emailVidable(val){ methods: {
if(val){ cancel() {
this.sendData = this.emailRow.mailContent; this.$emit("cancelEmail");
}
}
}, },
methods: { submitSend() {
cancel() { console.log(this.emailRow.mailContent);
this.$emit("cancelEmail"); this.updateSendContentFn({
}, id: this.emailRow.id,
submitSend() { mailContent: this.sendData,
console.log(this.emailRow.mailContent) caseAttachList:[{annexId:this.files.annexId}],
this.updateSendContentFn({
id:this.emailRow.id, });
mailContent:this.sendData
})
},
updateSendContentFn(data){
update(data).then(res=>{
this.$message.success('更新成功');
this.$emit("cancelEmail");
this.$emit('getList',this.queryParams);
})
},
// 查看附件下载附件
viewAttachments(val){
window.open(this.fileURL + val);
}
}, },
updateSendContentFn(data) {
console.log(data)
update(data).then((res) => {
this.$message.success("更新成功");
this.$emit("cancelEmail");
this.$emit("getList", this.queryParams);
this.$refs.upload.clearFiles(); // 清除文件列表
});
},
// 查看附件下载附件
viewAttachments(val) {
window.open(this.fileURL + val);
},
/**上传地址*/
UploadUrl() {
return window.location.origin + "/API/common/upload";
},
handlePreview(file) {},
handleRemove(file, fileList) {},
beforeUpload(flie, fileList) {
},
handlSuccess(res, file) {
const fileSuccess = [{ annexId: res.annexId, annexType: res.annexType,annexName:res.newFileName,annexPath:res.fileName,onlyOfficeFileId:res.onlyOfficeFileId}]
this.emailRow.caseAttachList = fileSuccess
this.files = res
console.log(res)
},
},
}; };
</script> </script>