From 922d52324747fa3a1da169b9dd0d18cabd2b048b Mon Sep 17 00:00:00 2001 From: xuhuajiao <13476289682@163.com> Date: Thu, 16 Jun 2022 20:33:07 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A1=A3=E6=A1=88=E7=AE=A1=E7=90=86=20?= =?UTF-8?q?=E6=96=B0=E5=A2=9E-=E7=BC=96=E8=BE=91-=E4=B8=8A=E4=BC=A0?= =?UTF-8?q?=E9=99=84=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/archivesManage/archivesList.js | 11 +- src/assets/styles/archives-manage.scss | 36 +++++ .../archivesList/archivesDetail.vue | 73 +++++++--- .../archivesList/module/data.json | 27 ++++ .../archivesList/module/uploadFile.vue | 79 ++++++++++ src/views/components/category/PreviewForm.vue | 136 ++++++++++++++---- 6 files changed, 320 insertions(+), 42 deletions(-) create mode 100644 src/views/archivesManage/archivesList/module/data.json create mode 100644 src/views/archivesManage/archivesList/module/uploadFile.vue diff --git a/src/api/archivesManage/archivesList.js b/src/api/archivesManage/archivesList.js index d28da29..f6bfd91 100644 --- a/src/api/archivesManage/archivesList.js +++ b/src/api/archivesManage/archivesList.js @@ -36,4 +36,13 @@ export function del(parameter) { }) } -export default { add, edit, del, getTableDisplayFields, getFormDisplayFields } +// 档案判断值是否重复 +export function FetchDoeditIsRepeat(parameter) { + return request({ + url: 'api/archives/doeditIsRepeat', + method: 'get', + params: parameter + }) +} + +export default { add, edit, del, getTableDisplayFields, getFormDisplayFields, FetchDoeditIsRepeat } diff --git a/src/assets/styles/archives-manage.scss b/src/assets/styles/archives-manage.scss index f2bbc13..4429b00 100644 --- a/src/assets/styles/archives-manage.scss +++ b/src/assets/styles/archives-manage.scss @@ -147,4 +147,40 @@ $arcCyan: #0FBED9; ::v-deep .archives-table.el-table .el-table__fixed-right{ background-color: #031435 !important; box-shadow: -5px 5px 10px 1px rgba(15,164,222,0.16); +} + +.archives-tab{ + position: relative; + display: flex; + flex-direction: row; + padding: 0 70px; + font-size: 16px; + border-bottom: 1px solid #339CFF; + z-index: 1001; + li{ + padding: 22px 14px 14px 14px; + color: #339CFF; + cursor: pointer; + &.active{ + position: relative; + color: #fff; + &::after{ + content: ""; + position: absolute; + left: 0; + bottom: -1px; + width: 100%; + height: 3px; + border-radius: 3px; + background-color: #fff; + } + } + } +} + +// 上传附件 +.upload-file{ + .upload-curd{ + margin: 20px 32px; + } } \ No newline at end of file diff --git a/src/views/archivesManage/archivesList/archivesDetail.vue b/src/views/archivesManage/archivesList/archivesDetail.vue index c63345a..0b9e5e1 100644 --- a/src/views/archivesManage/archivesList/archivesDetail.vue +++ b/src/views/archivesManage/archivesList/archivesDetail.vue @@ -34,11 +34,14 @@
- - +
    +
  • 基本信息
    • +
  • 上传附件
    • +
+ +
- 取消 - 确认 + 保存
@@ -107,9 +110,10 @@ import crudOperation from '@crud/CRUD.operation' import rrOperation from '@crud/RR.operation' import pagination from '@crud/Pagination' import PreviewForm from '@/views/components/category/PreviewForm' +import UploadFile from './module/uploadFile' export default { - components: { crudOperation, rrOperation, pagination, PreviewForm }, + components: { crudOperation, rrOperation, pagination, PreviewForm, UploadFile }, mixins: [ presenter(), header(), @@ -166,7 +170,10 @@ export default { getTableDisplayFieldsLoading: false, // table-loading formPreviewData: [], // 预览界面data isEditOrAdd: '', - selectedData: null + selectedData: null, + archivesTabIndex: 0, // 新增 + tabDisabled: true, + arcId: null // 档案ID } }, watch: { @@ -206,22 +213,47 @@ export default { [CRUD.HOOK.beforeToCU](crud, form, btn) { this.isEditOrAdd = btn this.selectedData = crud.selections + if (this.isEditOrAdd === 'add') { + this.tabDisabled = true + this.arcId = null + } else if (this.isEditOrAdd === 'edit') { + this.arcId = this.selectedData[0].id + this.tabDisabled = false + } this.form.dictionaryConfigId = {} + this.formPreviewData = [] // 档案预编辑获取字段 getFormDisplayFields({ categoryId: this.selectedCategory.id }).then(data => { - this.formPreviewData = data.showFiled.filter((fields) => { return fields.isInput }) + // this.formPreviewData = data.showFiled.filter((fields) => { return fields.isInput }) + this.formPreviewData = data.showFiled this.form.categoryId = this.selectedCategory.id + this.$nextTick(() => { + if (this.isEditOrAdd === 'edit') { + this.$refs.previewForm.addOrUpdateForm = this.selectedData[0] + } + }) return true }) }, + // [CRUD.HOOK.beforeToEdit](crud, form, btn) { + // console.log(this.crud) + // this.$nextTick(() => { + // console.log(this.$refs.previewForm) + // }) + // }, + changeActiveTab(index) { + this.archivesTabIndex = index + }, handlerArchivesSubmit() { - let arcId - if (this.isEditOrAdd === 'add') { - arcId = null - } else if (this.isEditOrAdd === 'edit') { - arcId = this.selectedData[0].id - } - this.$refs.previewForm.submitForm('addOrUpdateForm', this.selectedCategory.id, arcId) + // let arcId + // if (this.isEditOrAdd === 'add') { + // arcId = null + // this.tabDisabled = true + // } else if (this.isEditOrAdd === 'edit') { + // arcId = this.selectedData[0].id + // this.tabDisabled = false + // } + this.$refs.previewForm.submitForm('addOrUpdateForm') }, // table - 当前选中得row clickRowHandler(row) { @@ -274,10 +306,13 @@ export default { diff --git a/src/views/archivesManage/archivesList/module/data.json b/src/views/archivesManage/archivesList/module/data.json new file mode 100644 index 0000000..4c947b0 --- /dev/null +++ b/src/views/archivesManage/archivesList/module/data.json @@ -0,0 +1,27 @@ +{ + "code": 200, + "message": "操作成功", + "data": [{ + "fileName": "附件标题", + "fileFormat":"xls", + "fileSize":"76kb", + "fileDpi":"1920*1080", + "fileCover":"https://qiniu.aiyxlib.com/yuekan-5-h5bg.jpg", + "create_date":"2022-5-27 08:00" + },{ + "fileName": "附件标题2", + "fileFormat":"xls", + "fileSize":"76kb", + "fileDpi":"1920*1080", + "fileCover":"", + "create_date":"2022-5-27 08:00" + },{ + "fileName": "附件标题3", + "fileFormat":"xls", + "fileSize":"76kb", + "fileDpi":"1920*1080", + "fileCover":"", + "create_date":"2022-5-27 08:00" + } + ] +} \ No newline at end of file diff --git a/src/views/archivesManage/archivesList/module/uploadFile.vue b/src/views/archivesManage/archivesList/module/uploadFile.vue new file mode 100644 index 0000000..f624601 --- /dev/null +++ b/src/views/archivesManage/archivesList/module/uploadFile.vue @@ -0,0 +1,79 @@ + + + + + diff --git a/src/views/components/category/PreviewForm.vue b/src/views/components/category/PreviewForm.vue index b2058ac..ae0c465 100644 --- a/src/views/components/category/PreviewForm.vue +++ b/src/views/components/category/PreviewForm.vue @@ -14,9 +14,13 @@ placeholder="" :style="{ width: item.editLength+'px'}" :disabled="isDisabled" - :validate-event="isDisabled" + :validate-event="!isDisabled" + no-options-text="无数据" + @select="selectTree" + @open="openTree(item)" /> + - + @@ -66,12 +72,13 @@