Merge remote-tracking branch 'origin/feature_活动电子档案' into release_20260829
# Conflicts: # src/main/resources/views/platform/zhgh/archive/docType/index.html # src/main/resources/views/platform/zhgh/archive/filing/index.html # src/main/resources/views/platform/zhgh/archive/project/index.html
This commit is contained in:
@@ -0,0 +1,166 @@
|
|||||||
|
<!--#
|
||||||
|
layout("/layouts/platform.html"){
|
||||||
|
#-->
|
||||||
|
|
||||||
|
<div id="app" v-cloak>
|
||||||
|
<el-card shadow="never">
|
||||||
|
<search @search="doSearch">
|
||||||
|
<search-item label="类型名称">
|
||||||
|
<el-input v-model="pageForm.name" clearable placeholder="请输入类型名称"
|
||||||
|
@keyup.enter.native="doSearch"></el-input>
|
||||||
|
</search-item>
|
||||||
|
<search-item label="项目阶段">
|
||||||
|
<el-select v-model="pageForm.projectStage" clearable placeholder="请选择项目阶段"
|
||||||
|
style="width: 100%" @change="doSearch">
|
||||||
|
<el-option v-for="item in stageOptions" :key="item.value"
|
||||||
|
:label="item.label" :value="item.value"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</search-item>
|
||||||
|
<search-item label="是否必选">
|
||||||
|
<el-select v-model="pageForm.requiredFlag" clearable placeholder="请选择"
|
||||||
|
style="width: 100%" @change="doSearch">
|
||||||
|
<el-option label="是" :value="true"></el-option>
|
||||||
|
<el-option label="否" :value="false"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</search-item>
|
||||||
|
</search>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<el-card shadow="never" class="mt20">
|
||||||
|
<table-tool label="文档类型设置">
|
||||||
|
<el-button type="primary" size="small" @click="openForm()">
|
||||||
|
<i class="ti-plus"></i> 新增类型
|
||||||
|
</el-button>
|
||||||
|
</table-tool>
|
||||||
|
<el-table :data="tableData" :size="tableSize">
|
||||||
|
<el-table-column label="序号" type="index" :index="indexMethod" width="60"></el-table-column>
|
||||||
|
<el-table-column label="项目阶段" prop="projectStageLabel" min-width="120" align="center">
|
||||||
|
<template v-slot="{row}">
|
||||||
|
<el-tag size="small">{{row.projectStageLabel}}</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="类型名称" prop="name" min-width="160" show-overflow-tooltip></el-table-column>
|
||||||
|
<el-table-column label="排序编号" prop="sortNo" width="100" align="center"></el-table-column>
|
||||||
|
<el-table-column label="是否必选" prop="requiredFlag" width="110" align="center">
|
||||||
|
<template v-slot="{row}">
|
||||||
|
<el-tag size="small" :type="row.requiredFlag ? 'danger' : 'info'">
|
||||||
|
{{row.requiredFlag ? '必选' : '非必选'}}
|
||||||
|
</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="引用文档数" prop="documentCount" width="110" align="center"></el-table-column>
|
||||||
|
<el-table-column label="备注" prop="remark" min-width="180" show-overflow-tooltip></el-table-column>
|
||||||
|
<el-table-column label="操作" width="150" align="center">
|
||||||
|
<template v-slot="{row}">
|
||||||
|
<el-button size="mini" type="primary" @click="openForm(row)">编辑</el-button>
|
||||||
|
<el-button size="mini" type="danger" @click="onDelete(row)">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<!--#include("/layouts/pagination.html"){}#-->
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<el-dialog :title="formData.id ? '编辑文档类型' : '新增文档类型'"
|
||||||
|
:visible.sync="formVisible" width="50%" :close-on-click-modal="false">
|
||||||
|
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px">
|
||||||
|
<el-form-item label="类型名称" prop="name">
|
||||||
|
<el-input v-model.trim="formData.name" maxlength="150" show-word-limit></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="项目阶段" prop="projectStage">
|
||||||
|
<el-select v-model="formData.projectStage" placeholder="请选择项目阶段" style="width: 100%">
|
||||||
|
<el-option v-for="item in stageOptions" :key="item.value"
|
||||||
|
:label="item.label" :value="item.value"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="排序编号" prop="sortNo">
|
||||||
|
<el-input-number v-model="formData.sortNo" :min="0" :step="1"
|
||||||
|
step-strictly controls-position="right" style="width: 100%"></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="必选类型" prop="requiredFlag">
|
||||||
|
<el-switch v-model="formData.requiredFlag" active-text="是" inactive-text="否"></el-switch>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="备注" prop="remark">
|
||||||
|
<el-input v-model.trim="formData.remark" type="textarea" :rows="3"
|
||||||
|
maxlength="600" show-word-limit></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<span slot="footer">
|
||||||
|
<el-button @click="formVisible=false">取消</el-button>
|
||||||
|
<el-button type="primary" @click="onSubmit">保存</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script nonce="${cspNonce!}">
|
||||||
|
new Vue({
|
||||||
|
el: "#app",
|
||||||
|
mixins: [initTableMixins],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
tableData: [],
|
||||||
|
stageOptions: [],
|
||||||
|
formVisible: false,
|
||||||
|
formData: {},
|
||||||
|
pageForm: {name: "", projectStage: "", requiredFlag: null},
|
||||||
|
formRules: {
|
||||||
|
name: [{required: true, message: "请输入类型名称", trigger: "blur"}],
|
||||||
|
projectStage: [{required: true, message: "请选择项目阶段", trigger: "change"}],
|
||||||
|
sortNo: [{required: true, message: "请输入排序编号", trigger: "blur"}]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
pageData() {
|
||||||
|
this.$axios.post("/platform/archive/docType/pageData", this.pageForm).then(res => {
|
||||||
|
if (res.code === 0) {
|
||||||
|
this.tableData = res.data.list
|
||||||
|
this.pageForm.totalCount = res.data.totalCount
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
loadStages() {
|
||||||
|
this.$axios.post("/platform/archive/common/stageOptions").then(res => {
|
||||||
|
if (res.code === 0) this.stageOptions = res.data || []
|
||||||
|
})
|
||||||
|
},
|
||||||
|
openForm(row) {
|
||||||
|
this.formData = row ? clone(row) : {sortNo: 0, requiredFlag: false}
|
||||||
|
this.formVisible = true
|
||||||
|
this.$nextTick(() => this.$refs.formRef && this.$refs.formRef.clearValidate())
|
||||||
|
},
|
||||||
|
onSubmit() {
|
||||||
|
this.$refs.formRef.validate(async valid => {
|
||||||
|
if (!valid) return
|
||||||
|
const res = await this.$axios.post("/platform/archive/docType/onSubmit", this.formData)
|
||||||
|
if (res.code === 0) {
|
||||||
|
this.$message.success("保存成功")
|
||||||
|
this.formVisible = false
|
||||||
|
this.pageData()
|
||||||
|
} else {
|
||||||
|
this.$message.warning(res.msg)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
onDelete(row) {
|
||||||
|
this.$confirm("确定删除文档类型“" + row.name + "”吗？", "提示", {type: "warning"})
|
||||||
|
.then(async () => {
|
||||||
|
const res = await this.$axios.post("/platform/archive/docType/onDelete", {id: row.id})
|
||||||
|
if (res.code === 0) {
|
||||||
|
this.$message.success("删除成功")
|
||||||
|
this.pageData()
|
||||||
|
} else {
|
||||||
|
this.$message.warning(res.msg)
|
||||||
|
}
|
||||||
|
}).catch(() => {})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.loadStages()
|
||||||
|
this.pageData()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!--#
|
||||||
|
}
|
||||||
|
#-->
|
||||||
@@ -0,0 +1,371 @@
|
|||||||
|
<!--#
|
||||||
|
layout("/layouts/platform.html"){
|
||||||
|
#-->
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.archive-summary {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px}
|
||||||
|
.archive-summary-title {font-size:16px; font-weight:600}
|
||||||
|
.archive-summary-meta {color:#909399; display:flex; gap:20px; flex-wrap:wrap}
|
||||||
|
.archive-file-count {cursor:pointer; color:#409eff}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div id="app" v-cloak>
|
||||||
|
<el-card shadow="never">
|
||||||
|
<search @search="doSearch">
|
||||||
|
<search-item label="年度">
|
||||||
|
<el-date-picker v-model="pageForm.year" type="year" value-format="yyyy"
|
||||||
|
clearable placeholder="请选择年度" style="width: 100%"
|
||||||
|
@change="onYearChange"></el-date-picker>
|
||||||
|
</search-item>
|
||||||
|
<search-item label="归档项目">
|
||||||
|
<el-select v-model="pageForm.projectId" clearable filterable placeholder="请选择归档项目"
|
||||||
|
style="width: 100%" @change="onProjectChange">
|
||||||
|
<el-option v-for="item in filteredProjects" :key="item.id"
|
||||||
|
:label="item.year + ' ' + item.projectName" :value="item.id"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</search-item>
|
||||||
|
<search-item label="项目阶段">
|
||||||
|
<el-select v-model="pageForm.projectStage" clearable placeholder="请选择项目阶段"
|
||||||
|
style="width: 100%" @change="onStageSearchChange">
|
||||||
|
<el-option v-for="item in stageOptions" :key="item.value"
|
||||||
|
:label="item.label" :value="item.value"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</search-item>
|
||||||
|
<search-item label="文档类型">
|
||||||
|
<el-select v-model="pageForm.docTypeId" clearable filterable placeholder="请选择文档类型"
|
||||||
|
style="width: 100%" @change="doSearch">
|
||||||
|
<el-option v-for="item in searchDocTypeOptions" :key="item.id"
|
||||||
|
:label="item.name" :value="item.id"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</search-item>
|
||||||
|
<search-item label="文档名称">
|
||||||
|
<el-input v-model="pageForm.documentName" clearable placeholder="请输入文档名称"
|
||||||
|
@keyup.enter.native="doSearch"></el-input>
|
||||||
|
</search-item>
|
||||||
|
<search-item label="归档状态">
|
||||||
|
<el-select v-model="pageForm.status" clearable placeholder="请选择归档状态"
|
||||||
|
style="width: 100%" @change="doSearch">
|
||||||
|
<el-option label="草稿" :value="0"></el-option>
|
||||||
|
<el-option label="已提交归档" :value="1"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</search-item>
|
||||||
|
</search>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<el-card v-if="currentProject" shadow="never" class="mt20">
|
||||||
|
<div class="archive-summary">
|
||||||
|
<div class="archive-summary-title">
|
||||||
|
{{currentProject.projectName}}
|
||||||
|
<el-tag size="small" :type="projectStatusType(currentProject.status)">
|
||||||
|
{{currentProject.statusLabel}}
|
||||||
|
</el-tag>
|
||||||
|
</div>
|
||||||
|
<div class="archive-summary-meta">
|
||||||
|
<span>年度：{{currentProject.year}}</span>
|
||||||
|
<span>所属工会：{{currentProject.unionName}}</span>
|
||||||
|
<span>归档文档：{{currentProject.documentCount || 0}}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<el-card shadow="never" class="mt20">
|
||||||
|
<table-tool label="资料归档">
|
||||||
|
<el-button type="primary" size="small" :disabled="!pageForm.projectId" @click="openForm()">
|
||||||
|
<i class="ti-plus"></i> 新增归档文档
|
||||||
|
</el-button>
|
||||||
|
</table-tool>
|
||||||
|
<el-alert v-if="!projectOptions.length" title="当前没有归档项目，请先到“创建项目”中新建项目。"
|
||||||
|
type="warning" :closable="false" show-icon class="mb10"></el-alert>
|
||||||
|
<el-table :data="tableData" :size="tableSize">
|
||||||
|
<el-table-column label="序号" type="index" :index="indexMethod" width="60"></el-table-column>
|
||||||
|
<el-table-column label="项目阶段" prop="projectStageLabel" width="120" align="center">
|
||||||
|
<template v-slot="{row}"><el-tag size="small">{{row.projectStageLabel}}</el-tag></template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="文档名称" prop="documentName" min-width="180" show-overflow-tooltip></el-table-column>
|
||||||
|
<el-table-column label="文档类型" prop="docTypeName" min-width="150" show-overflow-tooltip>
|
||||||
|
<template v-slot="{row}">
|
||||||
|
{{row.docTypeName || "-"}}
|
||||||
|
<el-tag v-if="row.docTypeRequiredFlag" size="mini" type="danger">必选</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="上传人" prop="uploader" width="110" align="center"></el-table-column>
|
||||||
|
<el-table-column label="上传时间" prop="uploadTime" width="170" align="center">
|
||||||
|
<template v-slot="{row}">{{row.uploadTime ? $moment(row.uploadTime).format("YYYY-MM-DD HH:mm") : "-"}}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="附件" width="90" align="center">
|
||||||
|
<template v-slot="{row}">
|
||||||
|
<span class="archive-file-count" @click="openPreview(row)">{{fileCount(row.files)}} 个</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="状态" prop="status" width="120" align="center">
|
||||||
|
<template v-slot="{row}">
|
||||||
|
<el-tag size="small" :type="row.status === 1 ? 'success' : 'info'">{{row.statusLabel}}</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" width="220" align="center">
|
||||||
|
<template v-slot="{row}">
|
||||||
|
<el-button size="mini" @click="openView(row)">查看</el-button>
|
||||||
|
<el-button size="mini" type="primary" @click="openForm(row)">编辑</el-button>
|
||||||
|
<el-button size="mini" type="danger" @click="onDelete(row)">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<!--#include("/layouts/pagination.html"){}#-->
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<el-dialog :title="readonly ? '查看归档文档' : (formData.id ? '编辑归档文档' : '新增归档文档')"
|
||||||
|
:visible.sync="formVisible" width="75%" :close-on-click-modal="false">
|
||||||
|
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px">
|
||||||
|
<el-form-item label="归档项目" prop="projectId">
|
||||||
|
<el-select v-model="formData.projectId" filterable placeholder="请选择归档项目"
|
||||||
|
style="width: 100%" :disabled="readonly">
|
||||||
|
<el-option v-for="item in projectOptions" :key="item.id"
|
||||||
|
:label="item.year + ' ' + item.projectName" :value="item.id"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="文档名称" prop="documentName">
|
||||||
|
<el-input v-model.trim="formData.documentName" maxlength="300"
|
||||||
|
show-word-limit :disabled="readonly"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="项目阶段" prop="projectStage">
|
||||||
|
<el-select v-model="formData.projectStage" placeholder="请选择项目阶段"
|
||||||
|
style="width: 100%" :disabled="readonly" @change="onFormStageChange">
|
||||||
|
<el-option v-for="item in stageOptions" :key="item.value"
|
||||||
|
:label="item.label" :value="item.value"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="文档类型" prop="docTypeId">
|
||||||
|
<el-select v-model="formData.docTypeId" clearable filterable placeholder="请选择文档类型"
|
||||||
|
style="width: 100%" :disabled="readonly">
|
||||||
|
<el-option v-for="item in formDocTypeOptions" :key="item.id"
|
||||||
|
:label="item.name + (item.requiredFlag ? '（必选）' : '')"
|
||||||
|
:value="item.id"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="上传附件" prop="files">
|
||||||
|
<file-upload v-if="!readonly" :value.sync="formData.files" :upload_number="20"
|
||||||
|
:upload_size="104857600" upload_result_type="url"
|
||||||
|
upload_result_category="array" complete_result upload_mode="drag"
|
||||||
|
accept=".doc,.docx,.pdf,.ppt,.pptx,.jpg,.jpeg,.png,.gif,.bmp,.webp,.mp4,.mov,.avi,.wmv,.mkv">
|
||||||
|
</file-upload>
|
||||||
|
<file-preview v-else :files="formData.files" complete_result></file-preview>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-if="formData.id" label="上传人">
|
||||||
|
<el-input :value="formData.uploader || '-'" disabled></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-if="formData.id" label="上传时间">
|
||||||
|
<el-input :value="formData.uploadTime ? $moment(formData.uploadTime).format('YYYY-MM-DD HH:mm') : '-'" disabled></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="备注">
|
||||||
|
<el-input v-model.trim="formData.remark" type="textarea" :rows="3"
|
||||||
|
maxlength="600" show-word-limit :disabled="readonly"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<span slot="footer">
|
||||||
|
<el-button @click="formVisible=false">关闭</el-button>
|
||||||
|
<template v-if="!readonly">
|
||||||
|
<el-button @click="saveDocument(false)">保存草稿</el-button>
|
||||||
|
<el-button type="primary" @click="saveDocument(true)">提交归档</el-button>
|
||||||
|
</template>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
<el-dialog title="附件预览" :visible.sync="previewVisible" width="760px">
|
||||||
|
<file-preview :files="previewFiles" complete_result></file-preview>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script nonce="${cspNonce!}">
|
||||||
|
new Vue({
|
||||||
|
el: "#app",
|
||||||
|
mixins: [initTableMixins],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
tableData: [],
|
||||||
|
stageOptions: [],
|
||||||
|
projectOptions: [],
|
||||||
|
searchDocTypeOptions: [],
|
||||||
|
formDocTypeOptions: [],
|
||||||
|
currentProject: null,
|
||||||
|
formVisible: false,
|
||||||
|
previewVisible: false,
|
||||||
|
readonly: false,
|
||||||
|
previewFiles: [],
|
||||||
|
formData: {},
|
||||||
|
pageForm: {
|
||||||
|
year: String(new Date().getFullYear()),
|
||||||
|
projectId: "",
|
||||||
|
projectStage: "",
|
||||||
|
docTypeId: "",
|
||||||
|
documentName: "",
|
||||||
|
status: null
|
||||||
|
},
|
||||||
|
formRules: {
|
||||||
|
projectId: [{required: true, message: "请选择归档项目", trigger: "change"}],
|
||||||
|
documentName: [{required: true, message: "请输入文档名称", trigger: "blur"}],
|
||||||
|
projectStage: [{required: true, message: "请选择项目阶段", trigger: "change"}]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
filteredProjects() {
|
||||||
|
if (!this.pageForm.year) return this.projectOptions
|
||||||
|
return this.projectOptions.filter(item => String(item.year) === String(this.pageForm.year))
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
normalizeFiles(files) {
|
||||||
|
if (Array.isArray(files)) return files
|
||||||
|
if (!files) return []
|
||||||
|
try { return JSON.parse(files) || [] } catch (e) { return [] }
|
||||||
|
},
|
||||||
|
fileCount(files) {
|
||||||
|
return this.normalizeFiles(files).length
|
||||||
|
},
|
||||||
|
projectStatusType(status) {
|
||||||
|
return status === 2 ? "success" : (status === 1 ? "warning" : "info")
|
||||||
|
},
|
||||||
|
pageData() {
|
||||||
|
if (!this.pageForm.projectId) {
|
||||||
|
this.tableData = []
|
||||||
|
this.pageForm.totalCount = 0
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.$axios.post("/platform/archive/filing/pageData", this.pageForm).then(res => {
|
||||||
|
if (res.code === 0) {
|
||||||
|
this.tableData = (res.data.list || []).map(item =>
|
||||||
|
Object.assign({}, item, {files: this.normalizeFiles(item.files)}))
|
||||||
|
this.pageForm.totalCount = res.data.totalCount
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
async loadBaseData() {
|
||||||
|
const [stages, projects] = await Promise.all([
|
||||||
|
this.$axios.post("/platform/archive/common/stageOptions"),
|
||||||
|
this.$axios.post("/platform/archive/project/listData")
|
||||||
|
])
|
||||||
|
this.stageOptions = stages.data || []
|
||||||
|
this.projectOptions = projects.data || []
|
||||||
|
const queryProjectId = new URLSearchParams(window.location.search).get("projectId")
|
||||||
|
if (queryProjectId && this.projectOptions.some(item => item.id === queryProjectId)) {
|
||||||
|
this.pageForm.projectId = queryProjectId
|
||||||
|
const project = this.projectOptions.find(item => item.id === queryProjectId)
|
||||||
|
this.pageForm.year = String(project.year)
|
||||||
|
} else if (this.filteredProjects.length) {
|
||||||
|
this.pageForm.projectId = this.filteredProjects[0].id
|
||||||
|
} else if (this.projectOptions.length) {
|
||||||
|
this.pageForm.projectId = this.projectOptions[0].id
|
||||||
|
this.pageForm.year = String(this.projectOptions[0].year)
|
||||||
|
}
|
||||||
|
this.syncProject()
|
||||||
|
this.pageData()
|
||||||
|
},
|
||||||
|
loadDocTypes(stage, target) {
|
||||||
|
if (!stage) {
|
||||||
|
this[target] = []
|
||||||
|
return Promise.resolve()
|
||||||
|
}
|
||||||
|
return this.$axios.post("/platform/archive/docType/listData", {projectStage: stage}).then(res => {
|
||||||
|
this[target] = res.data || []
|
||||||
|
})
|
||||||
|
},
|
||||||
|
syncProject() {
|
||||||
|
this.currentProject = this.projectOptions.find(item => item.id === this.pageForm.projectId) || null
|
||||||
|
},
|
||||||
|
onYearChange() {
|
||||||
|
if (!this.filteredProjects.some(item => item.id === this.pageForm.projectId)) {
|
||||||
|
this.pageForm.projectId = this.filteredProjects.length ? this.filteredProjects[0].id : ""
|
||||||
|
}
|
||||||
|
this.onProjectChange()
|
||||||
|
},
|
||||||
|
onProjectChange() {
|
||||||
|
this.syncProject()
|
||||||
|
this.doSearch()
|
||||||
|
},
|
||||||
|
async onStageSearchChange() {
|
||||||
|
this.pageForm.docTypeId = ""
|
||||||
|
await this.loadDocTypes(this.pageForm.projectStage, "searchDocTypeOptions")
|
||||||
|
this.doSearch()
|
||||||
|
},
|
||||||
|
async onFormStageChange() {
|
||||||
|
this.formData.docTypeId = ""
|
||||||
|
await this.loadDocTypes(this.formData.projectStage, "formDocTypeOptions")
|
||||||
|
},
|
||||||
|
async openForm(row) {
|
||||||
|
this.readonly = false
|
||||||
|
this.formData = row ? Object.assign({}, clone(row), {files: this.normalizeFiles(row.files)}) : {
|
||||||
|
projectId: this.pageForm.projectId,
|
||||||
|
documentName: "",
|
||||||
|
projectStage: "",
|
||||||
|
docTypeId: "",
|
||||||
|
files: [],
|
||||||
|
remark: ""
|
||||||
|
}
|
||||||
|
await this.loadDocTypes(this.formData.projectStage, "formDocTypeOptions")
|
||||||
|
this.formVisible = true
|
||||||
|
this.$nextTick(() => this.$refs.formRef && this.$refs.formRef.clearValidate())
|
||||||
|
},
|
||||||
|
async openView(row) {
|
||||||
|
this.readonly = true
|
||||||
|
this.formData = Object.assign({}, clone(row), {files: this.normalizeFiles(row.files)})
|
||||||
|
await this.loadDocTypes(this.formData.projectStage, "formDocTypeOptions")
|
||||||
|
this.formVisible = true
|
||||||
|
},
|
||||||
|
openPreview(row) {
|
||||||
|
this.previewFiles = this.normalizeFiles(row.files)
|
||||||
|
if (!this.previewFiles.length) {
|
||||||
|
this.$message.warning("当前文档没有附件")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.previewVisible = true
|
||||||
|
},
|
||||||
|
saveDocument(submit) {
|
||||||
|
this.$refs.formRef.validate(async valid => {
|
||||||
|
if (!valid) return
|
||||||
|
if (submit && !this.normalizeFiles(this.formData.files).length) {
|
||||||
|
this.$message.warning("提交归档前请先上传附件")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
const data = Object.assign({}, this.formData, {
|
||||||
|
files: JSON.stringify(this.normalizeFiles(this.formData.files))
|
||||||
|
})
|
||||||
|
const url = submit ? "/platform/archive/filing/submit" : "/platform/archive/filing/saveDraft"
|
||||||
|
const res = await this.$axios.post(url, data)
|
||||||
|
if (res.code === 0) {
|
||||||
|
this.$message.success(submit ? "提交归档成功" : "草稿保存成功")
|
||||||
|
this.formVisible = false
|
||||||
|
await this.reloadProjects()
|
||||||
|
this.pageData()
|
||||||
|
} else {
|
||||||
|
this.$message.warning(res.msg)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
onDelete(row) {
|
||||||
|
this.$confirm("确定删除归档文档“" + row.documentName + "”吗？", "提示", {type: "warning"})
|
||||||
|
.then(async () => {
|
||||||
|
const res = await this.$axios.post("/platform/archive/filing/onDelete", {id: row.id})
|
||||||
|
if (res.code === 0) {
|
||||||
|
this.$message.success("删除成功")
|
||||||
|
await this.reloadProjects()
|
||||||
|
this.pageData()
|
||||||
|
} else {
|
||||||
|
this.$message.warning(res.msg)
|
||||||
|
}
|
||||||
|
}).catch(() => {})
|
||||||
|
},
|
||||||
|
async reloadProjects() {
|
||||||
|
const res = await this.$axios.post("/platform/archive/project/listData")
|
||||||
|
this.projectOptions = res.data || []
|
||||||
|
this.syncProject()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.loadBaseData()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!--#
|
||||||
|
}
|
||||||
|
#-->
|
||||||
@@ -0,0 +1,183 @@
|
|||||||
|
<!--#
|
||||||
|
layout("/layouts/platform.html"){
|
||||||
|
#-->
|
||||||
|
|
||||||
|
<div id="app" v-cloak>
|
||||||
|
<el-card shadow="never">
|
||||||
|
<search @search="doSearch">
|
||||||
|
<search-item label="年度">
|
||||||
|
<el-date-picker v-model="pageForm.year" type="year" value-format="yyyy"
|
||||||
|
clearable placeholder="请选择年度" style="width: 100%"
|
||||||
|
@change="doSearch"></el-date-picker>
|
||||||
|
</search-item>
|
||||||
|
<search-item label="项目名称">
|
||||||
|
<el-input v-model="pageForm.projectName" clearable placeholder="请输入项目名称"
|
||||||
|
@keyup.enter.native="doSearch"></el-input>
|
||||||
|
</search-item>
|
||||||
|
<search-item label="所属工会">
|
||||||
|
<el-select v-model="pageForm.unionId" clearable filterable placeholder="请选择所属工会"
|
||||||
|
style="width: 100%" @change="doSearch">
|
||||||
|
<el-option v-for="item in unionOptions" :key="item.id"
|
||||||
|
:label="item.name" :value="item.id"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</search-item>
|
||||||
|
<search-item label="项目状态">
|
||||||
|
<el-select v-model="pageForm.status" clearable placeholder="请选择项目状态"
|
||||||
|
style="width: 100%" @change="doSearch">
|
||||||
|
<el-option label="草稿" :value="0"></el-option>
|
||||||
|
<el-option label="归档中" :value="1"></el-option>
|
||||||
|
<el-option label="已完成" :value="2"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</search-item>
|
||||||
|
</search>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<el-card shadow="never" class="mt20">
|
||||||
|
<table-tool label="归档项目">
|
||||||
|
<el-button type="primary" size="small" @click="openForm()">
|
||||||
|
<i class="ti-plus"></i> 新建项目
|
||||||
|
</el-button>
|
||||||
|
</table-tool>
|
||||||
|
<el-table :data="tableData" :size="tableSize">
|
||||||
|
<el-table-column label="序号" type="index" :index="indexMethod" width="60"></el-table-column>
|
||||||
|
<el-table-column label="年度" prop="year" width="90" align="center"></el-table-column>
|
||||||
|
<el-table-column label="项目名称" prop="projectName" min-width="200" show-overflow-tooltip></el-table-column>
|
||||||
|
<el-table-column label="项目状态" prop="status" width="110" align="center">
|
||||||
|
<template v-slot="{row}">
|
||||||
|
<el-tag size="small" :type="statusType(row.status)">{{row.statusLabel}}</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="所属工会" prop="unionName" min-width="160" show-overflow-tooltip></el-table-column>
|
||||||
|
<el-table-column label="归档文档数" prop="documentCount" width="110" align="center"></el-table-column>
|
||||||
|
<el-table-column label="创建时间" prop="createdAt" width="170" align="center">
|
||||||
|
<template v-slot="{row}">{{$moment(row.createdAt).format("YYYY-MM-DD HH:mm")}}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" width="245" align="center">
|
||||||
|
<template v-slot="{row}">
|
||||||
|
<el-button size="mini" type="primary" @click="openForm(row)">编辑</el-button>
|
||||||
|
<el-button size="mini" type="success" @click="goFiling(row)">资料归档</el-button>
|
||||||
|
<el-button size="mini" type="danger" @click="onDelete(row)">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<!--#include("/layouts/pagination.html"){}#-->
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<el-dialog :title="formData.id ? '编辑归档项目' : '新建归档项目'"
|
||||||
|
:visible.sync="formVisible" width="50%" :close-on-click-modal="false">
|
||||||
|
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px">
|
||||||
|
<el-form-item label="年度" prop="year">
|
||||||
|
<el-date-picker v-model="formData.year" type="year" value-format="yyyy"
|
||||||
|
placeholder="请选择年度" style="width: 100%"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="项目名称" prop="projectName">
|
||||||
|
<el-input v-model.trim="formData.projectName" maxlength="300" show-word-limit></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="所属工会" prop="unionId">
|
||||||
|
<el-select v-model="formData.unionId" filterable placeholder="请选择所属工会"
|
||||||
|
style="width: 100%">
|
||||||
|
<el-option v-for="item in unionOptions" :key="item.id"
|
||||||
|
:label="item.name" :value="item.id"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-if="formData.id" label="项目状态">
|
||||||
|
<el-input :value="formData.statusLabel || '草稿'" disabled></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<span slot="footer">
|
||||||
|
<el-button @click="formVisible=false">取消</el-button>
|
||||||
|
<el-button type="primary" @click="onSubmit">保存</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script nonce="${cspNonce!}">
|
||||||
|
new Vue({
|
||||||
|
el: "#app",
|
||||||
|
mixins: [initTableMixins],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
tableData: [],
|
||||||
|
unionOptions: [],
|
||||||
|
formVisible: false,
|
||||||
|
formData: {},
|
||||||
|
pageForm: {
|
||||||
|
year: String(new Date().getFullYear()),
|
||||||
|
projectName: "",
|
||||||
|
unionId: "",
|
||||||
|
status: null
|
||||||
|
},
|
||||||
|
formRules: {
|
||||||
|
year: [{required: true, message: "请选择年度", trigger: "change"}],
|
||||||
|
projectName: [{required: true, message: "请输入项目名称", trigger: "blur"}],
|
||||||
|
unionId: [{required: true, message: "请选择所属工会", trigger: "change"}]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
statusType(status) {
|
||||||
|
return status === 2 ? "success" : (status === 1 ? "warning" : "info")
|
||||||
|
},
|
||||||
|
pageData() {
|
||||||
|
this.$axios.post("/platform/archive/project/pageData", this.pageForm).then(res => {
|
||||||
|
if (res.code === 0) {
|
||||||
|
this.tableData = res.data.list
|
||||||
|
this.pageForm.totalCount = res.data.totalCount
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
loadUnions() {
|
||||||
|
this.$axios.post("/platform/archive/common/unionOptions").then(res => {
|
||||||
|
if (res.code === 0) this.unionOptions = res.data || []
|
||||||
|
})
|
||||||
|
},
|
||||||
|
openForm(row) {
|
||||||
|
this.formData = row ? clone(row) : {
|
||||||
|
year: String(new Date().getFullYear()),
|
||||||
|
projectName: "",
|
||||||
|
unionId: ""
|
||||||
|
}
|
||||||
|
if (this.formData.year != null) this.formData.year = String(this.formData.year)
|
||||||
|
this.formVisible = true
|
||||||
|
this.$nextTick(() => this.$refs.formRef && this.$refs.formRef.clearValidate())
|
||||||
|
},
|
||||||
|
onSubmit() {
|
||||||
|
this.$refs.formRef.validate(async valid => {
|
||||||
|
if (!valid) return
|
||||||
|
const data = Object.assign({}, this.formData, {year: Number(this.formData.year)})
|
||||||
|
const res = await this.$axios.post("/platform/archive/project/onSubmit", data)
|
||||||
|
if (res.code === 0) {
|
||||||
|
this.$message.success("保存成功")
|
||||||
|
this.formVisible = false
|
||||||
|
this.pageData()
|
||||||
|
} else {
|
||||||
|
this.$message.warning(res.msg)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
onDelete(row) {
|
||||||
|
this.$confirm("确定删除归档项目“" + row.projectName + "”吗？", "提示", {type: "warning"})
|
||||||
|
.then(async () => {
|
||||||
|
const res = await this.$axios.post("/platform/archive/project/onDelete", {id: row.id})
|
||||||
|
if (res.code === 0) {
|
||||||
|
this.$message.success("删除成功")
|
||||||
|
this.pageData()
|
||||||
|
} else {
|
||||||
|
this.$message.warning(res.msg)
|
||||||
|
}
|
||||||
|
}).catch(() => {})
|
||||||
|
},
|
||||||
|
goFiling(row) {
|
||||||
|
window.location.href = "/platform/archive/filing?projectId=" + encodeURIComponent(row.id)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.loadUnions()
|
||||||
|
this.pageData()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!--#
|
||||||
|
}
|
||||||
|
#-->
|
||||||
Reference in New Issue
Block a user