DZ/faw-report-library-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

【修改】限制邮箱最多50

Browse Source
This commit is contained in:
zhoulingpo
2023-05-25 10:43:01 +08:00
parent faa54187dc
commit aaea858725
2 changed files with 83 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/reportProcess/components/reportForm.vue
+71 -29
View File
@@ -88,23 +88,22 @@
</el-row>
<el-row>
<el-col :span="5" :offset="1">
<el-form-item label="上传报告:" prop="fileId">
<el-upload action="#" :http-request="(params) => uploadFile(params)" :show-file-list="false"
:before-upload="beforeUploadFile" :on-remove="handleRemove"
:file-list="fileList" :disabled="formControl">
<el-button class="uploadBtn" :disabled="formControl">选择文件</el-button>
<el-form-item label="上传报告:" prop="fileList">
</el-upload>
<el-button class="uploadBtn" @click="dialogFile=true">
{{fileList.length>0?'查看文件':'选择文件'}}
</el-button>
</el-form-item>
</el-col>
<el-col :span="8" >
<span class="uploadFile" v-if="form.fileName">
<span :class="{'fontColor':formControl}" :title="form.fileName" class="juli">{{ form.fileName }}</span>
<svg-icon icon-class="cloud" @click="downFile(form.fileId)" style="font-size: 20px"
class-name="icon" ></svg-icon>
<svg-icon icon-class="del" @click="delFile" style="font-size: 20px"
v-if="!formControl" class-name="icon" ></svg-icon>
<!-- <span :class="{'fontColor':formControl}" :title="form.fileName" class="juli">{{ form.fileName }}</span>-->
<!-- <svg-icon icon-class="cloud" @click="downFile(form.fileId)" style="font-size: 20px"-->
<!-- class-name="icon" ></svg-icon>-->
<!-- <svg-icon icon-class="del" @click="delFile" style="font-size: 20px"-->
<!-- v-if="!formControl" class-name="icon" ></svg-icon>-->
<!-- <i class="el-icon-cloudy iconstyle" ></i>-->
<!-- <i :class="{'fontColor':formControl}" class="el-icon-delete iconstyle" @click="delFile"></i>-->
</span>
@@ -116,6 +115,16 @@
value: orgTableVal,
valueName: orgTableValName
}" :workNumFlag="true" :isOrg="true" :maxSelected="1" @confirm="isTreeOk"></orgTable>
<el-dialog title="上传文件" :visible.sync="dialogFile" width="10%" :close-on-click-modal="false"
:close-on-press-escape="false" modal-append-to-body append-to-body>
<el-upload :disabled="formControl" action="#" :http-request="(params) => uploadFile(params)" :show-file-list="true"
:before-upload="beforeUploadFile" :on-remove="handleRemove"
:file-list="fileList" multiple
drag :class="{'disable':formControl}">
<i class="el-icon-upload" ></i>
<div class="el-upload__text">点击或拖拽上传文件</div>
</el-upload>
</el-dialog>
</div>
</template>
<script>
@@ -133,7 +142,9 @@ export default {
orgTable
},
props: {
prcType:{
type: String
},
formControl: {
type: Boolean,
default: false
@@ -148,6 +159,8 @@ export default {
},
data() {
return {
delIds:[],
dialogFile:false,
privacyLevelOptions,
confidentialLevelOptions,
orgTableVal: '',
@@ -168,7 +181,7 @@ export default {
},
form: {},
processFormRule: {
fileId: [
fileList: [
{
required: true,
message: "上传报告不能为空",
@@ -270,11 +283,21 @@ export default {
this.$refs.processFormRef.clearValidate()
})
}
if(this.processForm.fileList.length>0){
this.fileList=this.processForm.fileList.map(item=>{
return {
name:item.fileName,
id:item.fileId
}
})
}
},
immediate: true
}
},
methods: {
changeDate(d){
this.form.secrecyLast = new Date(d)
},
@@ -321,12 +344,6 @@ export default {
this.form.departmentName = partsName.toString()
},
delFile() {
if (this.formControl) return
this.fileList = []
this.form.fileName = '';
this.form.fileId = '';
},
reportLevel(item) {
let imList = ['普通商密', '核心商密']
@@ -430,10 +447,17 @@ export default {
this.dialogUser = true
},
handleRemove(file, fileList) {
console.log(file, fileList);
this.form.fileName = '';
this.form.fileId = '';
this.fileList = []
if(this.prcType == '5' || this.$route.query.taskDefinitionKey == 'reEdit'){
// 记录删除的文件id
this.delIds.push(file.id)
}
this.fileList = fileList
this.form.fileList = this.fileList.map(item=>{
return {
fileId:item.id,
fileName:item.name
}
})
},
//用递归方式去除children
getTreeData(data) {
@@ -459,18 +483,23 @@ export default {
let fd = new FormData();
fd.append('file', params.file);
this.$api.report.reportUploadFile(fd).then(({data}) => {
this.form.fileName = data.name;
this.form.fileId = data.key;
this.fileList = [data]
this.$refs.processFormRef.clearValidate(['fileId'])
this.fileList.push(data)
this.form.fileList = this.fileList.map(item=>{
return {
fileId:item.id,
fileName:item.name
}
})
this.$refs.processFormRef.clearValidate(['fileList'])
})
},
// 上传文件前
beforeUploadFile(file) {
let realFileType = file.name.split('.')[file.name.split('.').length - 1];
const isType = (
file.type === fileType.pdf || file.type === fileType.ppt || file.type === fileType.pptx
|| realFileType === 'pdf' || realFileType === 'ppt' || realFileType === 'pptx'
file.type === fileType.pdf || file.type === fileType.ppt || file.type === fileType.pptx || file.type === fileType.xlsx||
file.type == fileType.xls
|| realFileType === 'pdf' || realFileType === 'ppt' || realFileType === 'pptx' || realFileType == 'xls' || realFileType== 'xlsx'
);
const isSize = file.size / 1024 / 1024 < 200;
if (!isType) {
@@ -591,4 +620,17 @@ export default {
::v-deep .el-input.is-disabled .el-input__inner{
color: #858585;
}
::v-deep .el-dialog{
min-width: 380px !important;
padding: 0 10px;
.el-dialog__body{
//text-align: center;
}
}
.disable{
::v-deep .el-upload-dragger{
cursor: not-allowed ;
}
}
</style>