32 changed files with 341 additions and 685 deletions
-
18src/api/system/category/category.js
-
50src/api/system/fileLibrary/fieldManage.js
-
64src/api/system/fileLibrary/fileLibrary.js
-
35src/api/system/fileLibrary/listBrowsing.js
-
26src/api/system/fileLibrary/orderingRule.js
-
4src/api/system/subjectLibraryField.js
-
1src/utils/request.js
-
30src/views/components/category/SettingForm.vue
-
5src/views/system/archivesCategory/descriptionPreview/index.vue
-
2src/views/system/archivesCategory/fieldManage/index.vue
-
3src/views/system/archivesCategory/fieldManage/module/form.vue
-
48src/views/system/archivesCategory/form.vue
-
18src/views/system/archivesCategory/publicScreening/index.vue
-
48src/views/system/fileLibraryManage/baseInfo/index.vue
-
13src/views/system/fileLibraryManage/descriptionPreview/index.vue
-
50src/views/system/fileLibraryManage/fieldManage/index.vue
-
10src/views/system/fileLibraryManage/fieldManage/module/form.vue
-
19src/views/system/fileLibraryManage/fieldManage/module/quickSetting.vue
-
176src/views/system/fileLibraryManage/fileNoFormat/index.vue
-
84src/views/system/fileLibraryManage/fileNoFormat/module/form.vue
-
72src/views/system/fileLibraryManage/fileNoFormat/module/sortDialog.vue
-
148src/views/system/fileLibraryManage/form.vue
-
57src/views/system/fileLibraryManage/index.vue
-
10src/views/system/fileLibraryManage/listBrowsing/index.vue
-
2src/views/system/fileLibraryManage/listBrowsing/module/form.vue
-
4src/views/system/fileLibraryManage/listBrowsing/module/sortDialog.vue
-
8src/views/system/fileLibraryManage/orderingRule/index.vue
-
4src/views/system/fileLibraryManage/orderingRule/module/form.vue
-
4src/views/system/fileLibraryManage/orderingRule/module/sortDialog.vue
-
4src/views/system/fileLibraryManage/sortDialog.vue
-
4src/views/system/subjectLibraryField/field/index.vue
-
5src/views/system/subjectLibraryManage/descriptionPreview/index.vue
@ -0,0 +1,50 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
// 编辑门类字段
|
|||
export function add(data) { |
|||
data.isSystem = false |
|||
if (data.isDataType === 1) { |
|||
data.isDataTypeDetails = 'varchar' |
|||
} else if (data.isDataType === 2) { |
|||
data.isDataTypeDetails = 'int' |
|||
} |
|||
return request({ |
|||
url: 'api/document/editDocumentDictionary', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
export function edit(data) { |
|||
if (data.isDataType === 1) { |
|||
data.isDataTypeDetails = 'varchar' |
|||
} else if (data.isDataType === 2) { |
|||
data.isDataTypeDetails = 'int' |
|||
} |
|||
return request({ |
|||
url: 'api/document/editDocumentDictionary', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
// 删除门类类型菜单
|
|||
export function del(ids) { |
|||
const params = { id: ids[0] } |
|||
return request({ |
|||
url: 'api/document/deleteDocumentDictionary', |
|||
method: 'delete', |
|||
params |
|||
}) |
|||
} |
|||
|
|||
// 门类字段快速设置
|
|||
export function FetchEditFast(data) { |
|||
return request({ |
|||
url: 'api/document/editFast', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
export default { add, edit, del, FetchEditFast } |
|||
@ -0,0 +1,64 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
// 获取树状菜单
|
|||
export function FetchDocumentMenu() { |
|||
return request({ |
|||
url: 'api/document/menu', |
|||
method: 'get' |
|||
}) |
|||
} |
|||
|
|||
export function add(data) { |
|||
return request({ |
|||
url: 'api/document/editDocument', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
export function edit(data) { |
|||
return request({ |
|||
url: 'api/document/editDocument', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
// 删除门类
|
|||
export function del(ids) { |
|||
const params = { id: ids[0] } |
|||
return request({ |
|||
url: 'api/document/delete', |
|||
method: 'delete', |
|||
params |
|||
}) |
|||
} |
|||
|
|||
// 修改门类树状菜单
|
|||
export function sort(data) { |
|||
return request({ |
|||
url: 'api/document/sort', |
|||
method: 'put', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
// 门类下得字段
|
|||
export function FetchInitCategoryField(params) { |
|||
return request({ |
|||
url: 'api/document/initDocumentField', |
|||
method: 'get', |
|||
params |
|||
}) |
|||
} |
|||
|
|||
// 著录界面排序
|
|||
export function FetchUpardicSort(data) { |
|||
return request({ |
|||
url: 'api/document/upardicSort', |
|||
method: 'put', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
export default { add, edit, del, sort, FetchDocumentMenu } |
|||
@ -0,0 +1,35 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
export function add(data) { |
|||
return request({ |
|||
url: 'api/document/createListDisplay', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
export function edit(data) { |
|||
return request({ |
|||
url: 'api/document/createListDisplay', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
// export function previewFormOrder(data) {
|
|||
// return request({
|
|||
// url: 'api/arc-display/sort',
|
|||
// method: 'put',
|
|||
// data
|
|||
// })
|
|||
// }
|
|||
|
|||
export function order(data) { |
|||
return request({ |
|||
url: 'api/document/display-order', |
|||
method: 'put', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
export default { add } |
|||
@ -0,0 +1,26 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
export function getDisplayField(params) { |
|||
return request({ |
|||
url: 'api/document/getIsDisPlayState', |
|||
method: 'get', |
|||
params |
|||
}) |
|||
} |
|||
|
|||
export function edit(data) { |
|||
return request({ |
|||
url: 'api/document/orderby', |
|||
method: 'put', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
export function order(data) { |
|||
return request({ |
|||
url: 'api/document/update-queue', |
|||
method: 'put', |
|||
data |
|||
}) |
|||
} |
|||
export default { edit } |
|||
@ -1,176 +0,0 @@ |
|||
<template> |
|||
<div class="format-main"> |
|||
<div class="format-main-left"> |
|||
<div class="head-container"> |
|||
<el-button v-permission="permission.add" size="mini" icon="el-icon-plus" :disabled="table.left.selections.length == 0" @click="toAdd(table.left.selections)"> |
|||
插入 |
|||
</el-button> |
|||
</div> |
|||
<!--表格渲染--> |
|||
<el-table ref="leftTable" v-loading="table.left.loading" :data="table.left.data" style="width: 400px;" height="calc(100vh - 302px)" @selection-change="(val)=>selectionChangeHandler(val,'left')" @row-click="(row,column,e)=>clickRowHandler(row,column,e,'leftTable')"> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
<el-table-column type="index" label="序号" width="55" align="center" /> |
|||
<el-table-column prop="fieldCnName" label="字段名称" align="center" /> |
|||
</el-table> |
|||
<!--表单渲染--> |
|||
<eForm /> |
|||
</div> |
|||
<div class="format-main-right"> |
|||
<div class="head-container"> |
|||
<!-- type="danger" --> |
|||
<el-button v-permission="permission.del" icon="el-icon-delete" size="mini" :loading="delAllLoading" :disabled="table.right.selections.length === 0" @click="toDelete(table.right.selections)"> |
|||
移除 |
|||
</el-button> |
|||
<el-button v-permission="permission.edit" size="mini" icon="el-icon-edit" :disabled="table.right.selections.length === 0" @click="toEdit(table.right.selections)"> |
|||
编辑 |
|||
</el-button> |
|||
<el-button v-permission="permission.sort" icon="el-icon-sort" size="mini" :loading="sortLoading" :disabled="table.right.data <= 1" @click="toSort">排序</el-button> |
|||
</div> |
|||
<!--表格渲染--> |
|||
<el-table ref="rightTable" v-loading="table.right.loading" :data="table.right.data" style="min-width: 100%;" height="calc(100vh - 302px)" @selection-change="(val)=>selectionChangeHandler(val,'right')" @row-click="(row,column,e)=>clickRowHandler(row,column,e,'rightTable')"> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
<el-table-column type="index" label="序号" width="55" align="center" /> |
|||
<el-table-column prop="fieldCnName" label="组成字段" align="center" /> |
|||
<el-table-column prop="connector" label="组成符号" align="center" /> |
|||
</el-table> |
|||
<!--表单渲染--> |
|||
<eForm ref="cuform" @refresh="initData" /> |
|||
</div> |
|||
<!--排序对话框组件--> |
|||
<sortDialog ref="sort" @refresh="initData" /> |
|||
<!--删除对话框组件--> |
|||
<el-dialog class="tip-dialog" title="提示" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="deleteVisible"> |
|||
<div class="setting-dialog"> |
|||
<div class="tip-content"> |
|||
<p class="tipMsg">此操作将移除当前所选字段</p> |
|||
<span>你是否还要继续?</span> |
|||
</div> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="text" @click="deleteVisible = false">取消</el-button> |
|||
<el-button type="primary" @click.native="handleDelConfirm">确定</el-button> |
|||
</div> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { FetchInitCategoryField } from '@/api/system/category/category' |
|||
import { getNoFormatField, del } from '@/api/system/category/fileNoFormat' |
|||
import eForm from './module/form' |
|||
import sortDialog from './module/sortDialog' |
|||
import Vue from 'vue' |
|||
|
|||
export default { |
|||
components: { eForm, sortDialog }, |
|||
props: { |
|||
selectedCategory: { |
|||
type: Object, |
|||
default: function() { |
|||
return {} |
|||
} |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
permission: { |
|||
add: ['admin', 'fileNoFormat:add'], |
|||
edit: ['admin', 'fileNoFormat:edit'], |
|||
del: ['admin', 'fileNoFormat:delete'], |
|||
sort: ['admin', 'fileNoFormat:sort'] |
|||
}, |
|||
deleteVisible: false, |
|||
sortLoading: false, |
|||
delAllLoading: false, |
|||
table: { |
|||
left: { |
|||
data: [], |
|||
Loading: false, |
|||
selections: [] |
|||
}, |
|||
right: { |
|||
data: [], |
|||
Loading: false, |
|||
selections: [] |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
watch: { |
|||
selectedCategory: function(newValue, oldValue) { |
|||
this.initData() |
|||
} |
|||
}, |
|||
created() { |
|||
this.initData() |
|||
}, |
|||
methods: { |
|||
initData() { |
|||
FetchInitCategoryField({ categoryId: this.selectedCategory.id, isType: 2 }).then((res) => { |
|||
this.table.left.data.splice(0, this.table.left.data.length) |
|||
res.forEach((item) => { |
|||
if (!item.isDisplayformat && item.isInput && !item.isAutomatic) { |
|||
this.table.left.data.push(item) |
|||
} |
|||
}) |
|||
}) |
|||
getNoFormatField({ categoryId: this.selectedCategory.id }).then((res) => { |
|||
this.table.right.data.splice(0, this.table.right.data.length) |
|||
res.forEach((item) => { |
|||
this.table.right.data.push(item) |
|||
}) |
|||
}) |
|||
}, |
|||
clickRowHandler(row, column, e, tableName) { |
|||
this.$refs[tableName].toggleRowSelection(row) |
|||
}, |
|||
selectionChangeHandler(val, tableName) { |
|||
this.table[tableName].selections = val |
|||
}, |
|||
toAdd() { |
|||
this.table.left.selections.forEach((item) => { |
|||
Vue.set(item, 'connector', '-') |
|||
Vue.set(item, 'categoryId', this.selectedCategory.id) |
|||
}) |
|||
this.$refs.cuform.title = '新增档号规则' |
|||
Vue.set(this.$refs.cuform.formData, 'fields', JSON.parse(JSON.stringify(this.table.left.selections))) |
|||
this.$refs.cuform.cuDialogVisible = true |
|||
}, |
|||
toEdit() { |
|||
this.$refs.cuform.title = '编辑档号规则' |
|||
Vue.set(this.$refs.cuform.formData, 'fields', JSON.parse(JSON.stringify(this.table.right.selections))) |
|||
this.$refs.cuform.cuDialogVisible = true |
|||
}, |
|||
toDelete() { |
|||
this.deleteVisible = true |
|||
}, |
|||
handleDelConfirm() { |
|||
this.deleteVisible = false |
|||
this.delAllLoading = true |
|||
const deleteData = this.table.right.selections |
|||
del(deleteData).then((res) => { |
|||
this.delAllLoading = false |
|||
this.$message({ |
|||
message: '删除成功', |
|||
type: 'success', |
|||
duration: 2500 |
|||
}) |
|||
this.initData() |
|||
}) |
|||
}, |
|||
toSort() { |
|||
this.$refs.sort.sortTableData = JSON.parse(JSON.stringify(this.table.right.data)) |
|||
this.$refs.sort.sortVisible = true |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style rel="stylesheet/scss" lang="scss" scoped> |
|||
// ::v-deep div.el-dialog__footer { |
|||
// text-align: center; |
|||
// } |
|||
// ::v-deep .el-table tr .el-table__cell { |
|||
// height: 40px; |
|||
// } |
|||
</style> |
|||
@ -1,84 +0,0 @@ |
|||
<template> |
|||
<el-dialog class="addEdit-category-form" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="cuDialogVisible" :title="title"> |
|||
<div class="setting-dialog"> |
|||
<el-form ref="formData" :model="formData" size="small" label-width="90px"> |
|||
<el-row v-for="(item) in formData.fields" :key="item.id"> |
|||
<el-col :span="12"> |
|||
<el-form-item label="组成字段"> |
|||
<el-input v-model="item.fieldCnName" :disabled="true" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="组成符号"> |
|||
<el-input v-model="item.connector" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button @click="cuDialogVisible=false">取消</el-button> |
|||
<el-button type="primary" :loading="loading" @click="save">确定</el-button> |
|||
</div> |
|||
</div> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import { add, edit } from '@/api/system/category/fileNoFormat' |
|||
export default { |
|||
data() { |
|||
return { |
|||
cuDialogVisible: false, |
|||
formData: {}, |
|||
title: '新增档号规则', |
|||
loading: false |
|||
} |
|||
}, |
|||
methods: { |
|||
save() { |
|||
this.loading = true |
|||
if (this.title === '新增档号规则') { |
|||
const addData = this.formData.fields.map((item) => { |
|||
return { |
|||
dictionaryId: item.id, |
|||
fieldName: item.fieldName, |
|||
fieldCnName: item.fieldCnName, |
|||
connector: item.connector, |
|||
categoryId: item.categoryId |
|||
} |
|||
}) |
|||
add(addData).then((res) => { |
|||
this.$message({ |
|||
message: '保存成功', |
|||
type: 'success', |
|||
duration: 2500 |
|||
}) |
|||
this.cuDialogVisible = false |
|||
this.loading = false |
|||
this.$emit('refresh') |
|||
}) |
|||
} else { |
|||
edit(this.formData.fields).then((res) => { |
|||
this.$message({ |
|||
message: '保存成功', |
|||
type: 'success', |
|||
duration: 2500 |
|||
}) |
|||
this.cuDialogVisible = false |
|||
this.loading = false |
|||
this.$emit('refresh') |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style rel="stylesheet/scss" lang="scss" scoped> |
|||
.fields-list { |
|||
max-height: calc(100vh - 312px); |
|||
overflow-x: hidden; |
|||
overflow-y: auto; |
|||
position: relative; |
|||
} |
|||
</style> |
|||
@ -1,72 +0,0 @@ |
|||
<template> |
|||
<!--表单组件--> |
|||
<el-dialog class="sort-dialog" title="排序" :visible.sync="sortVisible" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body @opened="opened"> |
|||
<div class="setting-dialog"> |
|||
<i class="drag-tip">提示：使用鼠标拖动调整顺序</i> |
|||
<el-table :data="sortTableData" class="fileno-format-sort" style="width: 100%;" :max-height="tableHeight" row-key="id"> |
|||
<el-table-column type="index" label="序号" width="100" align="center" /> |
|||
<el-table-column prop="fieldCnName" label="字段名称" /> |
|||
</el-table> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button @click.native="sortVisible=false">取消</el-button> |
|||
<el-button type="primary" @click.native="handleSort">保存</el-button> |
|||
</div> |
|||
</div> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import Sortable from 'sortablejs' |
|||
import { order } from '@/api/system/category/fileNoFormat' |
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
sortVisible: false, |
|||
sortTableData: [], |
|||
tableHeight: 0 |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$nextTick(() => { |
|||
this.tableHeight = window.innerHeight * 0.6 |
|||
}) |
|||
}, |
|||
methods: { |
|||
// 行拖拽 |
|||
rowDrop(className, targetName) { |
|||
// 此时找到的元素是要拖拽元素的父容器 |
|||
const tbody = document.querySelector('.' + className + ' .el-table__body-wrapper tbody') |
|||
const that = this |
|||
Sortable.create(tbody, { |
|||
// 指定父元素下可被拖拽的子元素 |
|||
draggable: '.el-table__row', |
|||
onEnd({ newIndex, oldIndex }) { |
|||
if (newIndex === oldIndex) return |
|||
that[targetName].splice(newIndex, 0, that[targetName].splice(oldIndex, 1)[0]) |
|||
} |
|||
}) |
|||
}, |
|||
opened() { |
|||
this.rowDrop('fileno-format-sort', 'sortTableData') |
|||
}, |
|||
handleSort() { |
|||
this.sortTableData.forEach((item, index) => { |
|||
item.sequence = index + 1 |
|||
}) |
|||
order(this.sortTableData).then(() => { |
|||
this.sortVisible = false |
|||
this.$message({ |
|||
message: '保存成功', |
|||
type: 'success', |
|||
duration: 2500 |
|||
}) |
|||
this.$emit('refresh') |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue