23 changed files with 544 additions and 277 deletions
-
16src/assets/styles/archives-manage.scss
-
14src/assets/styles/mixin.scss
-
68src/assets/styles/yxk-admin.scss
-
28src/views/components/category/SettingForm.vue
-
16src/views/system/archivesCategory/archiveSealSetting/index.vue
-
21src/views/system/archivesCategory/descriptionPreview/index.vue
-
31src/views/system/archivesCategory/fieldManage/index.vue
-
9src/views/system/archivesCategory/fieldManage/module/form.vue
-
56src/views/system/archivesCategory/fieldManage/module/quickSetting.vue
-
44src/views/system/archivesCategory/fileNoFormat/index.vue
-
39src/views/system/archivesCategory/fileNoFormat/module/form.vue
-
15src/views/system/archivesCategory/fileNoFormat/module/sortDialog.vue
-
4src/views/system/archivesCategory/index.vue
-
54src/views/system/archivesCategory/listBrowsing/index.vue
-
58src/views/system/archivesCategory/listBrowsing/module/form.vue
-
15src/views/system/archivesCategory/listBrowsing/module/sortDialog.vue
-
44src/views/system/archivesCategory/orderingRule/index.vue
-
5src/views/system/archivesCategory/orderingRule/module/form.vue
-
15src/views/system/archivesCategory/orderingRule/module/sortDialog.vue
-
94src/views/system/archivesCategory/processManage/index.vue
-
151src/views/system/archivesCategory/processManage/module/form.vue
-
1src/views/system/archivesCategory/publicScreening/index.vue
-
23src/views/system/archivesCategory/sortDialog.vue
@ -0,0 +1,56 @@ |
|||
<template> |
|||
<!--表单组件--> |
|||
<el-dialog title="快速设置" :visible.sync="quickVisible"> |
|||
<div class="setting-dialog"> |
|||
<el-table :data="quickTableData" 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-column prop="fieldName" label="字段标识" /> |
|||
<el-table-column label="输入字段" min-width="85" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-checkbox v-model="scope.row.isInput" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="必填字段" min-width="85" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-checkbox v-model="scope.row.isRequired" /> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button @click.native="quickVisible=false">取消</el-button> |
|||
<el-button type="primary" @click.native="handleSort">保存</el-button> |
|||
</div> |
|||
</div> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
quickVisible: false, |
|||
quickTableData: [], |
|||
tableHeight: 0 |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$nextTick(() => { |
|||
this.tableHeight = window.innerHeight * 0.6 |
|||
}) |
|||
}, |
|||
methods: { |
|||
handleSort() { |
|||
this.quickTableData.forEach((item, index) => { |
|||
item.sequence = index + 1 |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
::v-deep .el-dialog .el-dialog__body{ |
|||
padding-top: 20px; |
|||
} |
|||
</style> |
|||
@ -1,9 +1,101 @@ |
|||
<template> |
|||
<div>流程管理</div> |
|||
<div class="process-container"> |
|||
<div class="process-item"> |
|||
<span>入管理库流程</span> |
|||
<p>01-归档审批流程<i class="iconfont icon-shezhi" @click="toProcessSelected()" /></p> |
|||
<el-switch v-model="manageEnable" class="isEnable-chapter" /> |
|||
</div> |
|||
<div class="process-item"> |
|||
<span>退接收库流程</span> |
|||
<p>02-退回审批流程<i class="iconfont icon-shezhi" /></p> |
|||
<el-switch v-model="returnEnable" class="isEnable-chapter" /> |
|||
</div> |
|||
<div class="process-item"> |
|||
<span>内部移交流程</span> |
|||
<p>03-内部移交流程<i class="iconfont icon-shezhi" /></p> |
|||
<el-switch v-model="insideEnable" class="isEnable-chapter" /> |
|||
</div> |
|||
<div class="process-item"> |
|||
<span>外部移交流程</span> |
|||
<p>04-外部移交流程<i class="iconfont icon-shezhi" /></p> |
|||
<el-switch v-model="externalEnable" class="isEnable-chapter" /> |
|||
</div> |
|||
<div class="process-item"> |
|||
<span>借阅审批流程</span> |
|||
<p>05-借阅审批流程<i class="iconfont icon-shezhi" /></p> |
|||
<el-switch v-model="borrowEnable" class="isEnable-chapter" /> |
|||
</div> |
|||
<div class="process-item"> |
|||
<span>销毁审批流程</span> |
|||
<p>06-销毁审批流程<i class="iconfont icon-shezhi" /></p> |
|||
<el-switch v-model="destroyEnable" class="isEnable-chapter" /> |
|||
</div> |
|||
<div class="process-item"> |
|||
<span>开发审批流程</span> |
|||
<p>07-开发审批流程<i class="iconfont icon-shezhi" /></p> |
|||
<el-switch v-model="developEnable" class="isEnable-chapter" /> |
|||
</div> |
|||
<eForm ref="cuform" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import eForm from './module/form' |
|||
export default { |
|||
name: 'ProcessManage', |
|||
components: { eForm }, |
|||
data() { |
|||
return { |
|||
manageEnable: true, |
|||
returnEnable: true, |
|||
insideEnable: true, |
|||
externalEnable: true, |
|||
borrowEnable: false, |
|||
destroyEnable: false, |
|||
developEnable: false |
|||
} |
|||
}, |
|||
watch: { |
|||
}, |
|||
created() { |
|||
}, |
|||
methods: { |
|||
toProcessSelected() { |
|||
this.$refs.cuform.cuDialogVisible = true |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang='scss' scoped> |
|||
.process-item{ |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
padding: 36px 40px 0 40px; |
|||
font-size: 14px; |
|||
height: 32px; |
|||
line-height: 32px; |
|||
margin-bottom: 20px; |
|||
span{ |
|||
display: block; |
|||
margin-right: 12px; |
|||
} |
|||
p{ |
|||
position: relative; |
|||
width: 324px; |
|||
height: 32px; |
|||
line-height: 32px; |
|||
padding: 0 13px; |
|||
margin-right: 16px; |
|||
color: #0C0E1E; |
|||
background-color: #F5F7FA; |
|||
i{ |
|||
position: absolute; |
|||
right: 10px; |
|||
top: 50%; |
|||
transform: translateY(-50%); |
|||
color: #0348F3; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,151 @@ |
|||
<template> |
|||
<el-dialog class="process-dialog" :close-on-click-modal="false" :visible.sync="cuDialogVisible" title="工作流选择"> |
|||
<div class="setting-dialog"> |
|||
<el-form ref="form" class="process-form" inline :model="form" :rules="rules" size="small" label-width="80px"> |
|||
<div class="process-template"> |
|||
<el-form-item label="流程模板" prop="template"> |
|||
<el-select v-model="form.template" style="width: 580px;"> |
|||
<el-option v-for="item in selectOptions" :key="item.value" :label="item.label" :value="item.label" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<div class="template-img"> |
|||
<img src="" alt=""> |
|||
</div> |
|||
</div> |
|||
<div class="process-task"> |
|||
<div class="task-tip">任务需指定执行岗位。当流程进行到该任务时，指定岗位下同一全宗的管理员可进入流程操作</div> |
|||
<div class="task-list"> |
|||
<div class="task-item"> |
|||
<p>任务1：任务名称</p> |
|||
<el-form-item label="执行岗位" prop="task01"> |
|||
<el-select v-model="form.task01"> |
|||
<el-option v-for="item in jobOptions" :key="item.value" :label="item.label" :value="item.label" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
</div> |
|||
<div class="task-item"> |
|||
<p>任务2：任务名称</p> |
|||
<el-form-item label="执行岗位" prop="task02"> |
|||
<el-select v-model="form.task02"> |
|||
<el-option v-for="item in jobOptions" :key="item.value" :label="item.label" :value="item.label" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</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> |
|||
export default { |
|||
data() { |
|||
return { |
|||
cuDialogVisible: false, |
|||
loading: false, |
|||
form: { |
|||
template: null, |
|||
task01: null, |
|||
task02: null |
|||
}, |
|||
selectOptions: [ |
|||
{ |
|||
id: 1, |
|||
value: '默认模板', |
|||
label: '默认模板' |
|||
}, |
|||
{ |
|||
id: 2, |
|||
value: '模板A', |
|||
label: '模板A' |
|||
}, |
|||
{ |
|||
id: 3, |
|||
value: '模板B', |
|||
label: '模板B' |
|||
} |
|||
], |
|||
jobOptions: [ |
|||
{ |
|||
id: 1, |
|||
value: '岗位A', |
|||
label: '岗位A' |
|||
}, |
|||
{ |
|||
id: 2, |
|||
value: '岗位B', |
|||
label: '岗位B' |
|||
} |
|||
], |
|||
rules: { |
|||
template: [ |
|||
{ required: true, message: '流程模板不可为空', trigger: 'change' } |
|||
], |
|||
task01: [ |
|||
{ required: true, message: '执行岗位不可为空', trigger: 'change' } |
|||
], |
|||
task02: [ |
|||
{ required: true, message: '执行岗位不可为空', trigger: 'change' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
save() { |
|||
// this.loading = true |
|||
this.$refs['form'].validate((valid) => { |
|||
if (valid) { |
|||
this.loading = true |
|||
} else { |
|||
return false |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
|
|||
.process-dialog{ |
|||
::v-deep .el-dialog{ |
|||
width: 1100px; |
|||
} |
|||
} |
|||
.process-form{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
.process-template{ |
|||
margin-right: 20px; |
|||
} |
|||
.template-img{ |
|||
width: 690px; |
|||
height: 460px; |
|||
border: 1px solid #eee; |
|||
} |
|||
.task-tip{ |
|||
margin-bottom: 20px; |
|||
padding-left: 24px; |
|||
font-size: 14px; |
|||
line-height: 18px; |
|||
color: #0c0e1e; |
|||
background: url('~@/assets/images/icon/tip-icon.png') no-repeat left top; |
|||
background-size: 18px 18px; |
|||
} |
|||
.task-list{ |
|||
height: 454px; |
|||
overflow: hidden; |
|||
overflow-y: scroll; |
|||
} |
|||
.task-item{ |
|||
p{ |
|||
line-height: 32px; |
|||
} |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue