|
|
|
@ -1,8 +1,8 @@ |
|
|
|
<!-- |
|
|
|
* @Author: yanLu xgktv007@163.com |
|
|
|
* @Date: 2023-09-05 10:21:34 |
|
|
|
* @LastEditors: yanLu xgktv007@163.com |
|
|
|
* @LastEditTime: 2023-09-05 10:21:34 |
|
|
|
* @LastEditors: mk 2403457699@qq.com |
|
|
|
* @LastEditTime: 2023-09-18 17:16:40 |
|
|
|
* @Description: 事件转办表单 |
|
|
|
* |
|
|
|
--> |
|
|
|
@ -28,6 +28,15 @@ |
|
|
|
placeholder="请输入转办意见，不超过500字" v-model="formData.content"></el-input> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item style="display: block" label="附件" label-width="150px" prop="attach"> |
|
|
|
<el-upload :headers="$getElUploadHeaders()" class="upload-demo" :action="uploadUlr" |
|
|
|
accept=".doc,.pdf,.xls,.docx,.xlsx,.jpg,.png,.jpeg,.bmp,.mp4,.wma,.m4a,.mp3" |
|
|
|
:on-success="handleFileSuccess" :on-remove="handleFileRemove" :on-preview="handleFileDownload" |
|
|
|
:limit="3" :before-upload="beforeUpload" :file-list="fileList"> |
|
|
|
<el-button size="small" :disabled="fileList.length === 3" type="primary">点击上传</el-button> |
|
|
|
<div slot="tip" class="el-upload__tip">支持图片、word、pdf</div> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="办结时限" prop="timeLimit" label-width="150px" :class="{ 'form-item': source === 'visiual' }" |
|
|
|
style="display: block"> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
@ -55,7 +64,8 @@ export default { |
|
|
|
categoryId: "",//事件分类 |
|
|
|
deptId: "", //指派部门 |
|
|
|
deptName: "", |
|
|
|
categoryList: [] |
|
|
|
categoryList: [], |
|
|
|
files: [] //附件 |
|
|
|
}, |
|
|
|
orgOptions: [], |
|
|
|
orgOptionProps: { |
|
|
|
@ -71,6 +81,8 @@ export default { |
|
|
|
eventDetailCopy: {}, |
|
|
|
selCategoryArray: [], |
|
|
|
casOptions: [], |
|
|
|
fileList: [], |
|
|
|
uploadUlr: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadvariedfile", |
|
|
|
iscascaderShow: 0, |
|
|
|
optionProps: { |
|
|
|
multiple: false, |
|
|
|
@ -91,7 +103,10 @@ export default { |
|
|
|
timeLimit: [ |
|
|
|
{ required: true, message: "办结时限不能为空", trigger: "blur" }, |
|
|
|
] |
|
|
|
} |
|
|
|
}, |
|
|
|
selCateObj: { |
|
|
|
id: "" |
|
|
|
}, |
|
|
|
}; |
|
|
|
}, |
|
|
|
components: {}, |
|
|
|
@ -125,7 +140,7 @@ export default { |
|
|
|
this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData)); |
|
|
|
// 这一步接收到eventDetailCopy在这里回填 |
|
|
|
if (this.eventDetailCopy.parentCategoryId && this.eventDetailCopy.categoryId) { |
|
|
|
this.selCateObj = this.eventDetailCopy.selCateObj |
|
|
|
this.selCateObj.id = this.eventDetailCopy.categoryId |
|
|
|
this.formData.categoryId = this.eventDetailCopy.categoryId |
|
|
|
this.selCategoryArray.push(this.eventDetailCopy.parentCategoryId, this.eventDetailCopy.categoryId) |
|
|
|
} |
|
|
|
@ -177,6 +192,7 @@ export default { |
|
|
|
if (this.selCateObj = this.$refs["myCascader"].getCheckedNodes()[0]) { |
|
|
|
this.selCateObj = this.$refs["myCascader"].getCheckedNodes()[0].data |
|
|
|
this.formData.categoryId = this.selCateObj.id |
|
|
|
console.log(this.formData.categoryId, 'this.formData.categoryId'); |
|
|
|
} else { |
|
|
|
this.selCateObj = {} |
|
|
|
} |
|
|
|
@ -205,6 +221,9 @@ export default { |
|
|
|
this.$message.error("请选择事件分类"); |
|
|
|
return false; |
|
|
|
} |
|
|
|
if(this.fileList){ |
|
|
|
this.formData.files = this.fileList |
|
|
|
} |
|
|
|
this.formData.status = "processing"; |
|
|
|
this.formData.categoryId = this.selCateObj.id; |
|
|
|
this.formData.categoryList = []; |
|
|
|
@ -216,6 +235,74 @@ export default { |
|
|
|
resetData() { |
|
|
|
this.agencyIdArray = [] |
|
|
|
}, |
|
|
|
beforeUpload(file) { |
|
|
|
const array = file.name.split("."); |
|
|
|
const extension = array[array.length - 1]; |
|
|
|
const formatarray = [ |
|
|
|
"jpg", |
|
|
|
"png", |
|
|
|
"jpeg", |
|
|
|
"bmp", |
|
|
|
"mp4", |
|
|
|
"wma", |
|
|
|
"m4a", |
|
|
|
"mp3", |
|
|
|
"doc", |
|
|
|
"docx", |
|
|
|
"xls", |
|
|
|
"xlsx", |
|
|
|
"pdf", |
|
|
|
]; |
|
|
|
if (formatarray.indexOf(extension) === -1) { |
|
|
|
this.$message.error("只支持图片、word、pdf"); |
|
|
|
return false; |
|
|
|
} |
|
|
|
}, |
|
|
|
handleFileRemove(file) { |
|
|
|
if (file && file.status === "success") { |
|
|
|
this.fileList.splice( |
|
|
|
this.fileList.findIndex((item) => item.uid === file.uid), |
|
|
|
1 |
|
|
|
); |
|
|
|
} |
|
|
|
}, |
|
|
|
handleFileSuccess(res, file) { |
|
|
|
if (res.code === 0 && res.msg === "success") { |
|
|
|
const array = file.name.split("."); |
|
|
|
const fileType = array[array.length - 1]; |
|
|
|
const picArray = ["jpg", "png", "jpeg", "bmp"]; |
|
|
|
const videoarray = ["mp4", "wma", "m4a"]; |
|
|
|
const docArray = ["doc", "docx", "xls", "xlsx", "pdf"]; |
|
|
|
const mp3Array = ["mp3"]; |
|
|
|
|
|
|
|
if (picArray.indexOf(fileType) > -1) { |
|
|
|
file.attachmentFormat = "image"; |
|
|
|
} else if (videoarray.indexOf(fileType) > -1) { |
|
|
|
file.attachmentFormat = "video"; |
|
|
|
} else if (docArray.indexOf(fileType) > -1) { |
|
|
|
file.attachmentFormat = "doc"; |
|
|
|
} else if (mp3Array.indexOf(fileType) > -1) { |
|
|
|
file.attachmentFormat = "voice"; |
|
|
|
} |
|
|
|
|
|
|
|
file.url = res.data.url; |
|
|
|
file.type = fileType; |
|
|
|
|
|
|
|
file.attachmentName = file.name; |
|
|
|
file.attachmentType = file.type; |
|
|
|
file.attachmentUrl = file.url; |
|
|
|
|
|
|
|
this.fileList.push(file); |
|
|
|
} else this.$message.error(res.msg); |
|
|
|
}, |
|
|
|
//下载 |
|
|
|
handleFileDownload(file) { |
|
|
|
var a = document.createElement("a"); |
|
|
|
var event = new MouseEvent("click"); |
|
|
|
a.download = file.name; |
|
|
|
a.href = file.url; |
|
|
|
a.dispatchEvent(event); |
|
|
|
}, |
|
|
|
// 开启加载动画 |
|
|
|
startLoading() { |
|
|
|
loading = Loading.service({ |
|
|
|
|
战立标
2 years ago