|
|
|
|
@ -1,13 +1,24 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="app-container">
|
|
|
|
|
|
|
|
|
|
<!-- 搜索工作栏 -->
|
|
|
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="98px">
|
|
|
|
|
<el-form
|
|
|
|
|
:model="queryParams"
|
|
|
|
|
ref="queryForm"
|
|
|
|
|
size="small"
|
|
|
|
|
:inline="true"
|
|
|
|
|
v-show="showSearch"
|
|
|
|
|
label-width="98px"
|
|
|
|
|
>
|
|
|
|
|
<!-- <el-form-item label="业务id" prop="businessId">-->
|
|
|
|
|
<!-- <el-input v-model="queryParams.businessId" placeholder="请输入业务id" clearable @keyup.enter.native="handleQuery"/>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<el-form-item label="业务类型" prop="businessType">
|
|
|
|
|
<el-select v-model="queryParams.businessType" placeholder="请选择业务类型" clearable size="small">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="queryParams.businessType"
|
|
|
|
|
placeholder="请选择业务类型"
|
|
|
|
|
clearable
|
|
|
|
|
size="small"
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="dict in this.getDictDatas(DICT_TYPE.BUSINESS_TYPE)"
|
|
|
|
|
:key="dict.value"
|
|
|
|
|
@ -27,8 +38,12 @@
|
|
|
|
|
<!-- <el-input v-model="queryParams.companyId" placeholder="请输入业务实体id" clearable @keyup.enter.native="handleQuery"/>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<el-form-item label="业务实体" prop="company">
|
|
|
|
|
<el-input v-model="queryParams.company" placeholder="请输入业务实体" clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"/>
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.company"
|
|
|
|
|
placeholder="请输入业务实体"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- <el-form-item label="删除状态" prop="delStatus">-->
|
|
|
|
|
<!-- <el-select v-model="queryParams.delStatus" placeholder="请选择删除状态" clearable size="small">-->
|
|
|
|
|
@ -45,8 +60,12 @@
|
|
|
|
|
<!-- <el-input v-model="queryParams.fileAp" placeholder="请输入绝对路径" clearable @keyup.enter.native="handleQuery"/>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<el-form-item label="流程号" prop="flowCode">
|
|
|
|
|
<el-input v-model="queryParams.flowCode" placeholder="请输入流程号" clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"/>
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.flowCode"
|
|
|
|
|
placeholder="请输入流程号"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- <el-form-item label="用户id" prop="userId">-->
|
|
|
|
|
<!-- <el-input v-model="queryParams.userId" placeholder="请输入用户id" clearable @keyup.enter.native="handleQuery"/>-->
|
|
|
|
|
@ -61,7 +80,9 @@
|
|
|
|
|
<!-- <el-input v-model="queryParams.deptName" placeholder="请输入所属部门" clearable @keyup.enter.native="handleQuery"/>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
|
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="handleQuery"
|
|
|
|
|
>搜索</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
@ -69,23 +90,38 @@
|
|
|
|
|
<!-- 操作工具栏 -->
|
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
|
|
|
<el-col :span="1.5">
|
|
|
|
|
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
|
|
|
|
|
v-hasPermi="['ea:electronic-attachment:create']">新增
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
plain
|
|
|
|
|
icon="el-icon-plus"
|
|
|
|
|
size="mini"
|
|
|
|
|
@click="handleAdd"
|
|
|
|
|
v-hasPermi="['ea:electronic-attachment:create']"
|
|
|
|
|
>新增
|
|
|
|
|
</el-button>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="1.5">
|
|
|
|
|
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
|
|
|
|
|
:loading="exportLoading"
|
|
|
|
|
v-hasPermi="['ea:electronic-attachment:export']">导出
|
|
|
|
|
<el-button
|
|
|
|
|
type="warning"
|
|
|
|
|
plain
|
|
|
|
|
icon="el-icon-download"
|
|
|
|
|
size="mini"
|
|
|
|
|
@click="handleExport"
|
|
|
|
|
:loading="exportLoading"
|
|
|
|
|
v-hasPermi="['ea:electronic-attachment:export']"
|
|
|
|
|
>导出
|
|
|
|
|
</el-button>
|
|
|
|
|
</el-col>
|
|
|
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
|
|
<right-toolbar
|
|
|
|
|
:showSearch.sync="showSearch"
|
|
|
|
|
@queryTable="getList"
|
|
|
|
|
></right-toolbar>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<!-- 列表 -->
|
|
|
|
|
<el-table v-loading="loading" :data="list">
|
|
|
|
|
<!-- <el-table-column label="主键" align="center" prop="id" />-->
|
|
|
|
|
<el-table-column label="业务id" align="center" prop="businessId"/>
|
|
|
|
|
<el-table-column label="业务id" align="center" prop="businessId" />
|
|
|
|
|
<el-table-column label="业务类型" align="center" prop="businessType">
|
|
|
|
|
<template v-slot="scope">
|
|
|
|
|
<dict-tag
|
|
|
|
|
@ -94,14 +130,19 @@
|
|
|
|
|
/>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="创建时间"
|
|
|
|
|
align="center"
|
|
|
|
|
prop="createTime"
|
|
|
|
|
width="180"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot="scope">
|
|
|
|
|
<span>{{ parseTime(scope.row.createTime) }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<!-- <el-table-column label="制单人" align="center" prop="createBy" />-->
|
|
|
|
|
<!-- <el-table-column label="业务实体id" align="center" prop="companyId" />-->
|
|
|
|
|
<el-table-column label="业务实体" align="center" prop="company"/>
|
|
|
|
|
<el-table-column label="业务实体" align="center" prop="company" />
|
|
|
|
|
<!-- <el-table-column label="删除状态" align="center" prop="delStatus" />-->
|
|
|
|
|
<!-- <el-table-column label="文件后缀" align="center" prop="suffix" />-->
|
|
|
|
|
<el-table-column label="文件地址" align="center" prop="fileUrl">
|
|
|
|
|
@ -112,28 +153,52 @@
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<!-- <el-table-column label="绝对路径" align="center" prop="fileAp" />-->
|
|
|
|
|
<el-table-column label="流程号" align="center" prop="flowCode"/>
|
|
|
|
|
<el-table-column label="流程号" align="center" prop="flowCode" />
|
|
|
|
|
<!-- <el-table-column label="用户id" align="center" prop="userId" />-->
|
|
|
|
|
<!-- <el-table-column label="摘要" align="center" prop="note" />-->
|
|
|
|
|
<!-- <el-table-column label="所属部门id" align="center" prop="deptId" />-->
|
|
|
|
|
<!-- <el-table-column label="所属部门" align="center" prop="deptName" />-->
|
|
|
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="操作"
|
|
|
|
|
align="center"
|
|
|
|
|
class-name="small-padding fixed-width"
|
|
|
|
|
>
|
|
|
|
|
<template v-slot="scope">
|
|
|
|
|
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
|
|
|
|
|
v-hasPermi="['ea:electronic-attachment:update']">修改
|
|
|
|
|
<el-button
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-edit"
|
|
|
|
|
@click="handleUpdate(scope.row)"
|
|
|
|
|
v-hasPermi="['ea:electronic-attachment:update']"
|
|
|
|
|
>修改
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
|
|
|
|
|
v-hasPermi="['ea:electronic-attachment:delete']">删除
|
|
|
|
|
<el-button
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-delete"
|
|
|
|
|
@click="handleDelete(scope.row)"
|
|
|
|
|
v-hasPermi="['ea:electronic-attachment:delete']"
|
|
|
|
|
>删除
|
|
|
|
|
</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<!-- 分页组件 -->
|
|
|
|
|
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
|
|
|
|
|
@pagination="getList"/>
|
|
|
|
|
<pagination
|
|
|
|
|
v-show="total > 0"
|
|
|
|
|
:total="total"
|
|
|
|
|
:page.sync="queryParams.pageNo"
|
|
|
|
|
:limit.sync="queryParams.pageSize"
|
|
|
|
|
@pagination="getList"
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
<!-- 对话框(添加 / 修改) -->
|
|
|
|
|
<el-dialog :title="title" :visible.sync="open" width="1000px" v-dialogDrag append-to-body>
|
|
|
|
|
<el-dialog
|
|
|
|
|
:title="title"
|
|
|
|
|
:visible.sync="open"
|
|
|
|
|
width="1000px"
|
|
|
|
|
append-to-body
|
|
|
|
|
>
|
|
|
|
|
<el-upload
|
|
|
|
|
class="upload-demo"
|
|
|
|
|
drag
|
|
|
|
|
@ -149,16 +214,25 @@
|
|
|
|
|
<i class="el-icon-upload"></i>
|
|
|
|
|
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
|
|
|
|
</el-upload>
|
|
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="130px" style="margin-top: 20px">
|
|
|
|
|
<el-form
|
|
|
|
|
ref="form"
|
|
|
|
|
:model="form"
|
|
|
|
|
:rules="rules"
|
|
|
|
|
label-width="130px"
|
|
|
|
|
style="margin-top: 20px"
|
|
|
|
|
>
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="业务id" prop="businessId">
|
|
|
|
|
<el-input v-model="form.businessId" placeholder="请输入业务id"/>
|
|
|
|
|
<el-input v-model="form.businessId" placeholder="请输入业务id" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="业务类型" prop="businessType">
|
|
|
|
|
<el-select v-model="form.businessType" placeholder="请选择业务类型">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="form.businessType"
|
|
|
|
|
placeholder="请选择业务类型"
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="dict in this.getDictDatas(DICT_TYPE.BUSINESS_TYPE)"
|
|
|
|
|
:key="dict.value"
|
|
|
|
|
@ -176,7 +250,7 @@
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="业务实体" prop="company">
|
|
|
|
|
<el-input v-model="form.company" placeholder="请输入业务实体"/>
|
|
|
|
|
<el-input v-model="form.company" placeholder="请输入业务实体" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
@ -197,7 +271,7 @@
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="流程号" prop="flowCode">
|
|
|
|
|
<el-input v-model="form.flowCode" placeholder="请输入流程号"/>
|
|
|
|
|
<el-input v-model="form.flowCode" placeholder="请输入流程号" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
@ -205,7 +279,7 @@
|
|
|
|
|
<!-- <el-input v-model="form.userId" placeholder="请输入用户id" />-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<el-form-item label="摘要" prop="note">
|
|
|
|
|
<el-input v-model="form.note" placeholder="请输入摘要"/>
|
|
|
|
|
<el-input v-model="form.note" placeholder="请输入摘要" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
@ -231,9 +305,9 @@ import {
|
|
|
|
|
deleteElectronicAttachment,
|
|
|
|
|
getElectronicAttachment,
|
|
|
|
|
getElectronicAttachmentPage,
|
|
|
|
|
exportElectronicAttachmentExcel
|
|
|
|
|
exportElectronicAttachmentExcel,
|
|
|
|
|
} from "@/api/ea/electronicAttachment/electronicAttachment";
|
|
|
|
|
import {getAccessToken, getTenantId} from "@/utils/auth";
|
|
|
|
|
import { getAccessToken, getTenantId } from "@/utils/auth";
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
name: "ElectronicAttachment",
|
|
|
|
|
@ -277,7 +351,8 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
fileList: [], // 文件列表
|
|
|
|
|
uploadUrl:
|
|
|
|
|
process.env.VUE_APP_BASE_API + "/admin-api/ea/electronic-attachment/upload", // 上传地址地址
|
|
|
|
|
process.env.VUE_APP_BASE_API +
|
|
|
|
|
"/admin-api/ea/electronic-attachment/upload", // 上传地址地址
|
|
|
|
|
headers: {
|
|
|
|
|
Authorization: "Bearer " + getAccessToken(),
|
|
|
|
|
"tenant-id": getTenantId(),
|
|
|
|
|
@ -286,9 +361,13 @@ export default {
|
|
|
|
|
form: {},
|
|
|
|
|
// 表单校验
|
|
|
|
|
rules: {
|
|
|
|
|
businessId: [{required: true, message: "业务id不能为空", trigger: "blur"}],
|
|
|
|
|
businessType: [{required: true, message: "业务类型不能为空", trigger: "change"}],
|
|
|
|
|
}
|
|
|
|
|
businessId: [
|
|
|
|
|
{ required: true, message: "业务id不能为空", trigger: "blur" },
|
|
|
|
|
],
|
|
|
|
|
businessType: [
|
|
|
|
|
{ required: true, message: "业务类型不能为空", trigger: "change" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
@ -299,7 +378,7 @@ export default {
|
|
|
|
|
getList() {
|
|
|
|
|
this.loading = true;
|
|
|
|
|
// 执行查询
|
|
|
|
|
getElectronicAttachmentPage(this.queryParams).then(response => {
|
|
|
|
|
getElectronicAttachmentPage(this.queryParams).then((response) => {
|
|
|
|
|
this.list = response.data.list;
|
|
|
|
|
this.total = response.data.total;
|
|
|
|
|
this.loading = false;
|
|
|
|
|
@ -338,7 +417,8 @@ export default {
|
|
|
|
|
this.form.fileUrl = res.data.url;
|
|
|
|
|
},
|
|
|
|
|
openLink(fileUrl) {
|
|
|
|
|
const url = process.env.VUE_APP_ONLINE_API +
|
|
|
|
|
const url =
|
|
|
|
|
process.env.VUE_APP_ONLINE_API +
|
|
|
|
|
`/onlinePreview?url=${encodeURIComponent(this.base64Encode(fileUrl))}`;
|
|
|
|
|
window.open(url);
|
|
|
|
|
},
|
|
|
|
|
@ -363,7 +443,7 @@ export default {
|
|
|
|
|
handleUpdate(row) {
|
|
|
|
|
this.reset();
|
|
|
|
|
const id = row.id;
|
|
|
|
|
getElectronicAttachment(id).then(response => {
|
|
|
|
|
getElectronicAttachment(id).then((response) => {
|
|
|
|
|
this.form = response.data;
|
|
|
|
|
this.open = true;
|
|
|
|
|
this.title = "修改电子档案附件";
|
|
|
|
|
@ -371,13 +451,13 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
/** 提交按钮 */
|
|
|
|
|
submitForm() {
|
|
|
|
|
this.$refs["form"].validate(valid => {
|
|
|
|
|
this.$refs["form"].validate((valid) => {
|
|
|
|
|
if (!valid) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
// 修改的提交
|
|
|
|
|
if (this.form.id != null) {
|
|
|
|
|
updateElectronicAttachment(this.form).then(response => {
|
|
|
|
|
updateElectronicAttachment(this.form).then((response) => {
|
|
|
|
|
this.$modal.msgSuccess("修改成功");
|
|
|
|
|
this.open = false;
|
|
|
|
|
this.getList();
|
|
|
|
|
@ -385,7 +465,7 @@ export default {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
// 添加的提交
|
|
|
|
|
createElectronicAttachment(this.form).then(response => {
|
|
|
|
|
createElectronicAttachment(this.form).then((response) => {
|
|
|
|
|
this.$modal.msgSuccess("新增成功");
|
|
|
|
|
this.open = false;
|
|
|
|
|
this.getList();
|
|
|
|
|
@ -395,29 +475,35 @@ export default {
|
|
|
|
|
/** 删除按钮操作 */
|
|
|
|
|
handleDelete(row) {
|
|
|
|
|
const id = row.id;
|
|
|
|
|
this.$modal.confirm('是否确认删除电子档案附件编号为"' + id + '"的数据项?').then(function () {
|
|
|
|
|
return deleteElectronicAttachment(id);
|
|
|
|
|
}).then(() => {
|
|
|
|
|
this.getList();
|
|
|
|
|
this.$modal.msgSuccess("删除成功");
|
|
|
|
|
}).catch(() => {
|
|
|
|
|
});
|
|
|
|
|
this.$modal
|
|
|
|
|
.confirm('是否确认删除电子档案附件编号为"' + id + '"的数据项?')
|
|
|
|
|
.then(function () {
|
|
|
|
|
return deleteElectronicAttachment(id);
|
|
|
|
|
})
|
|
|
|
|
.then(() => {
|
|
|
|
|
this.getList();
|
|
|
|
|
this.$modal.msgSuccess("删除成功");
|
|
|
|
|
})
|
|
|
|
|
.catch(() => {});
|
|
|
|
|
},
|
|
|
|
|
/** 导出按钮操作 */
|
|
|
|
|
handleExport() {
|
|
|
|
|
// 处理查询参数
|
|
|
|
|
let params = {...this.queryParams};
|
|
|
|
|
let params = { ...this.queryParams };
|
|
|
|
|
params.pageNo = undefined;
|
|
|
|
|
params.pageSize = undefined;
|
|
|
|
|
this.$modal.confirm('是否确认导出所有电子档案附件数据项?').then(() => {
|
|
|
|
|
this.exportLoading = true;
|
|
|
|
|
return exportElectronicAttachmentExcel(params);
|
|
|
|
|
}).then(response => {
|
|
|
|
|
this.$download.excel(response, '电子档案附件.xls');
|
|
|
|
|
this.exportLoading = false;
|
|
|
|
|
}).catch(() => {
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
this.$modal
|
|
|
|
|
.confirm("是否确认导出所有电子档案附件数据项?")
|
|
|
|
|
.then(() => {
|
|
|
|
|
this.exportLoading = true;
|
|
|
|
|
return exportElectronicAttachmentExcel(params);
|
|
|
|
|
})
|
|
|
|
|
.then((response) => {
|
|
|
|
|
this.$download.excel(response, "电子档案附件.xls");
|
|
|
|
|
this.exportLoading = false;
|
|
|
|
|
})
|
|
|
|
|
.catch(() => {});
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
