|
|
|
@ -2,7 +2,7 @@ |
|
|
|
<!-- :style="`padding: ${isDesFormType === 'arcives' ? '20px 0 100px 0 !important' : ''};` --> |
|
|
|
<div class="preview-content right-preview"> |
|
|
|
<el-form ref="addOrUpdateForm" :model="addOrUpdateForm" :rules="rules" :validate-on-rule-change="false" label-width="125px"> |
|
|
|
<el-row :gutter="4" style="padding:0 20px" :class="isDesFormType === 'prearchiveLibrary' || isDesFormType === 'miodLibrary' ? 'library-form' :''"> |
|
|
|
<el-row :gutter="4" style="padding:0 20px" :class="isDesFormType === 'prearchiveLibrary' ? 'library-form' :( isDesFormType === 'miodLibrary'? 'library-form-miod':'')"> |
|
|
|
<draggable v-bind="{draggable:'.drag-item',animation:500}" :disabled="!isDraggable" @update="datadragEnd"> |
|
|
|
<el-col |
|
|
|
v-for="(item,index) in formPreviewData" |
|
|
|
@ -31,7 +31,7 @@ |
|
|
|
:clearable="false" |
|
|
|
placeholder="" |
|
|
|
:flat="false" |
|
|
|
:multiple="false" |
|
|
|
:multiple="item.isInputClass === 'select' && item.isLine && item.isRadio ? true : false" |
|
|
|
:class="{ 'select-required-null': item.isSelectRequiredNull }" |
|
|
|
:style="{ width: item.editLength+'px'}" |
|
|
|
:disabled="isDisabled|| (item.fieldName === 'fonds_no' && isDesFormType !== 'category') || (item.fieldName === 'doc_department'&& archivesType === 'edit' ) || (item.fieldName === 'reg_no'&& archivesType === 'edit' )" |
|
|
|
@ -77,16 +77,15 @@ |
|
|
|
</el-row> |
|
|
|
<el-row v-if="isDesFormType === 'miodLibrary' " class="preview-form-bottom miod-form-bottom "> |
|
|
|
<el-col> |
|
|
|
<!-- :rules="[ |
|
|
|
{ required: true, message: '请选择', trigger: 'blur' } |
|
|
|
]" 暂时先不必填 --> |
|
|
|
<el-form-item |
|
|
|
label="需要传阅领导及部门" |
|
|
|
prop="miodDepts" |
|
|
|
:rules="[ |
|
|
|
{ required: true, message: '请选择', trigger: 'blur' } |
|
|
|
]" |
|
|
|
> |
|
|
|
<!-- <el-input v-model="addOrUpdateForm.miodDepts" type="textarea" readonly :rows="4" style="width: 500px" @click.native="showDeptsDialog" /> --> |
|
|
|
|
|
|
|
<div :class="{'miod-depts-input null-input': miodDeptsTags.length === 0 && deptsValid, 'miod-depts-input': !deptsValid || miodDeptsTags.length !== 0}" @click="showDeptsDialog"> |
|
|
|
<!-- :class="{'miod-depts-input null-input': miodDeptsTags.length === 0 && deptsValid, 'miod-depts-input': !deptsValid || miodDeptsTags.length !== 0}" 暂时先不必填 --> |
|
|
|
<div class="miod-depts-input" @click="showDeptsDialog"> |
|
|
|
<el-tag |
|
|
|
v-for="tag in miodDeptsTags" |
|
|
|
:key="tag.id" |
|
|
|
@ -302,6 +301,10 @@ export default { |
|
|
|
isAiCategory: { |
|
|
|
type: Boolean, |
|
|
|
default: false |
|
|
|
}, |
|
|
|
archivesType: { |
|
|
|
type: String, |
|
|
|
default: '' |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
@ -337,7 +340,6 @@ export default { |
|
|
|
fileJsonString: null, |
|
|
|
mergeFileArcIds: null, |
|
|
|
mergeFileCategory: null, |
|
|
|
archivesType: null, |
|
|
|
activeIndex: null, |
|
|
|
entityIndex: null, |
|
|
|
fileList: [], |
|
|
|
@ -515,9 +517,9 @@ export default { |
|
|
|
delete node.childDictionarys |
|
|
|
} |
|
|
|
return { |
|
|
|
id: node.dictionaryName, |
|
|
|
label: node.dictionaryName, |
|
|
|
children: node.childDictionarys, |
|
|
|
id: node.dictionaryName || null, |
|
|
|
label: node.dictionaryName || '', |
|
|
|
children: node.childDictionarys || [], |
|
|
|
isDisabled: node.level && node.level !== 3 |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -882,6 +884,7 @@ export default { |
|
|
|
} |
|
|
|
if (this.isDesFormType === 'miodLibrary' && this.archivesType === 'add') { |
|
|
|
if (item.fieldName === 'archive_year' || item.fieldName === 'doc_department') { |
|
|
|
console.log('handleRegNo') |
|
|
|
this.handleRegNo(item.fieldName, this.addOrUpdateForm[item.fieldName]) |
|
|
|
} |
|
|
|
} |
|
|
|
@ -959,6 +962,8 @@ export default { |
|
|
|
}, |
|
|
|
// tree - select |
|
|
|
selectTree(val) { |
|
|
|
console.log('selectTree-val', val) |
|
|
|
|
|
|
|
if (val.fondsNo) { |
|
|
|
this.addOrUpdateForm[this.treeCurrentFiled.fieldName] = val.fondsName |
|
|
|
} else if (val.name) { |
|
|
|
@ -1000,6 +1005,7 @@ export default { |
|
|
|
} |
|
|
|
if (this.isDesFormType === 'miodLibrary' && this.archivesType === 'add') { |
|
|
|
if (this.treeCurrentFiled.fieldName === 'doc_department' || this.treeCurrentFiled.fieldName === 'archive_year') { |
|
|
|
console.log('handleRegNo2') |
|
|
|
this.handleRegNo(this.treeCurrentFiled.fieldName, val.dictionaryCode) |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1108,6 +1114,7 @@ export default { |
|
|
|
}, |
|
|
|
// 动态生成表单 |
|
|
|
editFormRow() { |
|
|
|
console.log('this.archivesType-editFormRow', this.archivesType) |
|
|
|
this.rules = {} |
|
|
|
this.entityIndex = this.formPreviewData.findIndex(item => item.fieldName === 'is_entity') |
|
|
|
if (this.isDesFormType === 'prearchiveLibrary' && this.archivesType === 'add') { |
|
|
|
@ -1255,7 +1262,7 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
if (item.fieldName === 'doc_department' && this.archivesType === 'add') { |
|
|
|
if (item.fieldName === 'doc_department') { |
|
|
|
if (this.isDesFormType === 'miodLibrary') { |
|
|
|
if (this.selectedCategory.isType === 3) { |
|
|
|
this.$set(this.addOrUpdateForm, item.fieldName, this.selectedCategory.label) |
|
|
|
@ -1265,9 +1272,12 @@ export default { |
|
|
|
this.$set(this.addOrUpdateForm, item.fieldName, '') |
|
|
|
} |
|
|
|
} |
|
|
|
this.handleRegNo(item.fieldName, this.addOrUpdateForm[item.fieldName]) |
|
|
|
} |
|
|
|
|
|
|
|
if (this.isDesFormType === 'miodLibrary' && this.archivesType === 'add') { |
|
|
|
console.log('handleRegNo3') |
|
|
|
this.handleRegNo(item.fieldName, this.addOrUpdateForm[item.fieldName]) |
|
|
|
} |
|
|
|
} |
|
|
|
this.$set(this.rules, item.fieldName, [rule]) |
|
|
|
}) |
|
|
|
}, |
|
|
|
@ -1318,6 +1328,8 @@ export default { |
|
|
|
if (this.miodDeptsTags.length !== 0) { |
|
|
|
const ids = this.miodDeptsTags.map(item => item.id) |
|
|
|
this.$set(this.addOrUpdateForm, 'miodDepts', ids) |
|
|
|
} else { |
|
|
|
this.$set(this.addOrUpdateForm, 'miodDepts', null) |
|
|
|
} |
|
|
|
|
|
|
|
console.log('this.addOrUpdateForm', this.addOrUpdateForm) |
|
|
|
@ -1327,6 +1339,7 @@ export default { |
|
|
|
delete this.addOrUpdateForm.id |
|
|
|
delete this.addOrUpdateForm.miodDepts |
|
|
|
this.$emit('formLoadingShow', true) |
|
|
|
|
|
|
|
// 公文库 |
|
|
|
if (this.isDesFormType === 'miodLibrary') { |
|
|
|
const params = { |
|
|
|
@ -1801,12 +1814,18 @@ export default { |
|
|
|
color: #ff4949; |
|
|
|
} |
|
|
|
|
|
|
|
.library-form-miod{ |
|
|
|
height: calc(100vh - 410px) !important; |
|
|
|
overflow: hidden; |
|
|
|
overflow-y: scroll; |
|
|
|
} |
|
|
|
.miod-form-bottom{ |
|
|
|
padding: 20px 20px 0 0; |
|
|
|
::v-deep .el-form-item__label{ |
|
|
|
width: 160px !important; |
|
|
|
width: 144px !important; |
|
|
|
} |
|
|
|
::v-deep .el-form-item__content{ |
|
|
|
margin-left: 160px !important; |
|
|
|
margin-left: 144px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@ -1816,7 +1835,8 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
.miod-depts-input{ |
|
|
|
width: 500px; |
|
|
|
// width: 500px; |
|
|
|
width: 537px; |
|
|
|
height: 80px; |
|
|
|
padding: 5px 15px; |
|
|
|
border: 1px solid #e6e8ed; |
|
|
|
@ -1853,4 +1873,19 @@ export default { |
|
|
|
right: 20px; |
|
|
|
top: -17px; |
|
|
|
} |
|
|
|
::v-deep .vue-treeselect__multi-value-item-container{ |
|
|
|
display: block; |
|
|
|
padding: 0 !important; |
|
|
|
line-height: 20px !important; |
|
|
|
} |
|
|
|
::v-deep .vue-treeselect__multi-value-item{ |
|
|
|
background: transparent !important; |
|
|
|
} |
|
|
|
::v-deep .vue-treeselect__multi-value-label{ |
|
|
|
padding: 0 !important; |
|
|
|
color: #0c0e1e !important; |
|
|
|
} |
|
|
|
::v-deep .vue-treeselect__value-remove{ |
|
|
|
display: none; |
|
|
|
} |
|
|
|
</style> |
