界面修改/其他档案新增文件上传

main
cyl 1 year ago
parent edd0dd59b0
commit 7a5957531b

@ -86,7 +86,14 @@
<el-table v-loading="loading" :data="list"> <el-table v-loading="loading" :data="list">
<!-- <el-table-column label="主键" align="center" prop="id" />--> <!-- <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"/> <el-table-column label="业务类型" align="center" prop="businessType">
<template v-slot="scope">
<dict-tag
:type="DICT_TYPE.BUSINESS_TYPE"
:value="scope.row.businessType"
/>
</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"> <template v-slot="scope">
<span>{{ parseTime(scope.row.createTime) }}</span> <span>{{ parseTime(scope.row.createTime) }}</span>
@ -142,7 +149,7 @@
<i class="el-icon-upload"></i> <i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处<em>点击上传</em></div> <div class="el-upload__text">将文件拖到此处<em>点击上传</em></div>
</el-upload> </el-upload>
<el-form ref="form" :model="form" :rules="rules" label-width="98px"> <el-form ref="form" :model="form" :rules="rules" label-width="130px" style="margin-top: 20px">
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="业务id" prop="businessId"> <el-form-item label="业务id" prop="businessId">
@ -332,7 +339,7 @@ export default {
}, },
openLink(fileUrl) { openLink(fileUrl) {
const url = process.env.VUE_APP_ONLINE_API + const url = process.env.VUE_APP_ONLINE_API +
`/onlinePreview?url=${encodeURIComponent(this.base64Encode(fileUrl))}`; `/onlinePreview?url=${encodeURIComponent(this.base64Encode(fileUrl))}`;
window.open(url); window.open(url);
}, },
/** 搜索按钮操作 */ /** 搜索按钮操作 */

@ -174,7 +174,14 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="纸档位置 " align="center" prop="position"/> <el-table-column label="纸档位置 " align="center" prop="position"/>
<el-table-column label="完整性 " align="center" prop="cherks"/> <el-table-column label="完整性 " align="center" prop="cherks">
<template v-slot="scope">
<dict-tag
:type="DICT_TYPE.CHERKS"
:value="scope.row.cherks"
/>
</template>
</el-table-column>
<el-table-column label="归档状态" align="center" prop="fileStatus"> <el-table-column label="归档状态" align="center" prop="fileStatus">
<template v-slot="scope"> <template v-slot="scope">
<dict-tag :type="DICT_TYPE.ARCHIVES_FILE_STATUS" :value="scope.row.fileStatus"/> <dict-tag :type="DICT_TYPE.ARCHIVES_FILE_STATUS" :value="scope.row.fileStatus"/>
@ -321,7 +328,16 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="完整性 " prop="cherks"> <el-form-item label="完整性 " prop="cherks">
<el-input v-model="form.cherks" placeholder="请输入完整性 "/> <el-select v-model="form.cherks" placeholder="请选择归档状态">
<el-option
v-for="dict in this.getDictDatas(
DICT_TYPE.CHERKS
)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">

@ -346,7 +346,14 @@
> >
</el-table-column> </el-table-column>
<el-table-column label="纸档位置" align="center" prop="position" /> <el-table-column label="纸档位置" align="center" prop="position" />
<el-table-column label="完整性" align="center" prop="cherks" /> <el-table-column label="完整性" align="center" prop="cherks" >
<template v-slot="scope">
<dict-tag
:type="DICT_TYPE.CHERKS"
:value="scope.row.cherks"
/>
</template>
</el-table-column>
<el-table-column label="归档状态" align="center" prop="fileStatus"> <el-table-column label="归档状态" align="center" prop="fileStatus">
<template v-slot="scope"> <template v-slot="scope">
@ -629,7 +636,16 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="完整性" prop="cherks"> <el-form-item label="完整性" prop="cherks">
<el-input v-model="form.cherks" placeholder="请输入完整性" /> <el-select v-model="form.cherks" placeholder="请选择归档状态">
<el-option
v-for="dict in this.getDictDatas(
DICT_TYPE.CHERKS
)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>

@ -152,7 +152,14 @@
<span>{{ parseTime(scope.row.complaintTime) }}</span> <span>{{ parseTime(scope.row.complaintTime) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="客诉类型" align="center" prop="complaintType"/> <el-table-column label="客诉类型" align="center" prop="complaintType" width="98px">
<template v-slot="scope">
<dict-tag
:type="DICT_TYPE.COMPLAINT_TYPE"
:value="scope.row.complaintType"
/>
</template>
</el-table-column>
<el-table-column label="客诉内容" align="center" prop="complaintContent"> <el-table-column label="客诉内容" align="center" prop="complaintContent">
<template v-slot="scope"> <template v-slot="scope">
<span v-html="scope.row.complaintContent"></span> <span v-html="scope.row.complaintContent"></span>
@ -185,7 +192,14 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="纸档位置" align="center" prop="position"/> <el-table-column label="纸档位置" align="center" prop="position"/>
<el-table-column label="完整性" align="center" prop="cherks"/> <el-table-column label="完整性" align="center" prop="cherks">
<template v-slot="scope">
<dict-tag
:type="DICT_TYPE.CHERKS"
:value="scope.row.cherks"
/>
</template>
</el-table-column>
<el-table-column label="归档状态" align="center" prop="fileStatus"> <el-table-column label="归档状态" align="center" prop="fileStatus">
<template v-slot="scope"> <template v-slot="scope">
<dict-tag :type="DICT_TYPE.ARCHIVES_FILE_STATUS" :value="scope.row.fileStatus"/> <dict-tag :type="DICT_TYPE.ARCHIVES_FILE_STATUS" :value="scope.row.fileStatus"/>
@ -251,9 +265,14 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="客诉类型" prop="complaintType"> <el-form-item label="客诉类型" prop="complaintType" >
<el-select v-model="form.complaintType" placeholder="请选择客诉类型"> <el-select v-model="form.complaintType" placeholder="请选择客诉类型">
<el-option label="请选择字典生成" value=""/> <el-option
v-for="dict in this.getDictDatas(DICT_TYPE.COMPLAINT_TYPE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -342,7 +361,16 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="完整性" prop="cherks"> <el-form-item label="完整性" prop="cherks">
<el-input v-model="form.cherks" placeholder="请输入完整性"/> <el-select v-model="form.cherks" placeholder="请选择归档状态">
<el-option
v-for="dict in this.getDictDatas(
DICT_TYPE.CHERKS
)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">

@ -135,7 +135,14 @@
</el-table-column> </el-table-column>
<el-table-column label="归档时间" align="center" prop="recordTime" width="98px"/> <el-table-column label="归档时间" align="center" prop="recordTime" width="98px"/>
<el-table-column label="纸档位置" align="center" prop="position"/> <el-table-column label="纸档位置" align="center" prop="position"/>
<el-table-column label="完整性" align="center" prop="cherks"/> <el-table-column label="完整性" align="center" prop="cherks">
<template v-slot="scope">
<dict-tag
:type="DICT_TYPE.CHERKS"
:value="scope.row.cherks"
/>
</template>
</el-table-column>
<el-table-column label="归档状态" align="center" prop="fileStatus"> <el-table-column label="归档状态" align="center" prop="fileStatus">
<template v-slot="scope"> <template v-slot="scope">
@ -428,7 +435,16 @@
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="完整性" prop="cherks"> <el-form-item label="完整性" prop="cherks">
<el-input v-model="form.cherks" placeholder="请输入完整性"/> <el-select v-model="form.cherks" placeholder="请选择归档状态">
<el-option
v-for="dict in this.getDictDatas(
DICT_TYPE.CHERKS
)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">

@ -2,75 +2,86 @@
<div class="app-container"> <div class="app-container">
<!-- 搜索工作栏 --> <!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="88px">
<el-form-item label="表名" prop="name"> <el-form-item label="表名" prop="name">
<el-input v-model="queryParams.name" placeholder="请输入表名" clearable @keyup.enter.native="handleQuery"/> <el-input v-model="queryParams.name" placeholder="请输入表名" clearable @keyup.enter.native="handleQuery"/>
</el-form-item> </el-form-item>
<el-form-item label="OA/ERP流程编号 " prop="flowCode"> <!-- <el-form-item label="OA/ERP流程编号 " prop="flowCode">-->
<el-input v-model="queryParams.flowCode" placeholder="请输入OA/ERP流程编号 " clearable @keyup.enter.native="handleQuery"/> <!-- <el-input v-model="queryParams.flowCode" placeholder="请输入OA/ERP流程编号 " clearable-->
</el-form-item> <!-- @keyup.enter.native="handleQuery"/>-->
<el-form-item label="文件来源" prop="source"> <!-- </el-form-item>-->
<el-input v-model="queryParams.source" placeholder="请输入文件来源" clearable @keyup.enter.native="handleQuery"/> <!-- <el-form-item label="文件来源" prop="source">-->
</el-form-item> <!-- <el-input v-model="queryParams.source" placeholder="请输入文件来源" clearable-->
<el-form-item label="年度" prop="year"> <!-- @keyup.enter.native="handleQuery"/>-->
<el-input v-model="queryParams.year" placeholder="请输入年度" clearable @keyup.enter.native="handleQuery"/> <!-- </el-form-item>-->
</el-form-item> <!-- <el-form-item label="年度" prop="year">-->
<el-form-item label="月份" prop="period"> <!-- <el-input v-model="queryParams.year" placeholder="请输入年度" clearable @keyup.enter.native="handleQuery"/>-->
<el-input v-model="queryParams.period" placeholder="请输入月份" clearable @keyup.enter.native="handleQuery"/> <!-- </el-form-item>-->
</el-form-item> <!-- <el-form-item label="月份" prop="period">-->
<!-- <el-input v-model="queryParams.period" placeholder="请输入月份" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<el-form-item label="业务类型" prop="businessType"> <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 label="请选择字典生成" value="" /> <el-option label="请选择字典生成" value=""/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="创建时间" prop="createTime"> <!-- <el-form-item label="创建时间" prop="createTime">-->
<el-date-picker v-model="queryParams.createTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange" <!-- <el-date-picker v-model="queryParams.createTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"-->
range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" /> <!-- type="daterange"-->
</el-form-item> <!-- range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"-->
<el-form-item label="制单人" prop="createBy"> <!-- :default-time="['00:00:00', '23:59:59']"/>-->
<el-input v-model="queryParams.createBy" placeholder="请输入制单人" clearable @keyup.enter.native="handleQuery"/> <!-- </el-form-item>-->
</el-form-item> <!-- <el-form-item label="制单人" prop="createBy">-->
<!-- <el-input v-model="queryParams.createBy" placeholder="请输入制单人" clearable-->
<!-- @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="业务实体id" prop="companyId"> <!-- <el-form-item label="业务实体id" prop="companyId">
<el-input v-model="queryParams.companyId" placeholder="请输入业务实体id" clearable @keyup.enter.native="handleQuery"/> <el-input v-model="queryParams.companyId" placeholder="请输入业务实体id" clearable @keyup.enter.native="handleQuery"/>
</el-form-item> --> </el-form-item> -->
<el-form-item label="业务实体" prop="company"> <!-- <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-->
</el-form-item> <!-- @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="删除状态" prop="delStatus"> <!-- <el-form-item label="删除状态" prop="delStatus">
<el-select v-model="queryParams.delStatus" placeholder="请选择删除状态" clearable size="small"> <el-select v-model="queryParams.delStatus" placeholder="请选择删除状态" clearable size="small">
<el-option label="请选择字典生成" value="" /> <el-option label="请选择字典生成" value="" />
</el-select> --> </el-select> -->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<el-form-item label="文件后缀" prop="suffix"> <!-- <el-form-item label="文件后缀" prop="suffix">-->
<el-input v-model="queryParams.suffix" placeholder="请输入文件后缀" clearable @keyup.enter.native="handleQuery"/> <!-- <el-input v-model="queryParams.suffix" placeholder="请输入文件后缀" clearable-->
</el-form-item> <!-- @keyup.enter.native="handleQuery"/>-->
<el-form-item label="文件地址" prop="fileUrl"> <!-- </el-form-item>-->
<el-input v-model="queryParams.fileUrl" placeholder="请输入文件地址" clearable @keyup.enter.native="handleQuery"/> <!-- <el-form-item label="文件地址" prop="fileUrl">-->
</el-form-item> <!-- <el-input v-model="queryParams.fileUrl" placeholder="请输入文件地址" clearable-->
<el-form-item label="绝对路径" prop="fileAp"> <!-- @keyup.enter.native="handleQuery"/>-->
<el-input v-model="queryParams.fileAp" placeholder="请输入绝对路径" clearable @keyup.enter.native="handleQuery"/> <!-- </el-form-item>-->
</el-form-item> <!-- <el-form-item label="绝对路径" prop="fileAp">-->
<el-form-item label="流程号" prop="flowId"> <!-- <el-input v-model="queryParams.fileAp" placeholder="请输入绝对路径" clearable-->
<el-input v-model="queryParams.flowId" placeholder="请输入流程号" clearable @keyup.enter.native="handleQuery"/> <!-- @keyup.enter.native="handleQuery"/>-->
</el-form-item> <!-- </el-form-item>-->
<el-form-item label="摘要" prop="note"> <!-- <el-form-item label="流程号" prop="flowId">-->
<el-input v-model="queryParams.note" placeholder="请输入摘要" clearable @keyup.enter.native="handleQuery"/> <!-- <el-input v-model="queryParams.flowId" placeholder="请输入流程号" clearable @keyup.enter.native="handleQuery"/>-->
</el-form-item> <!-- </el-form-item>-->
<!-- <el-form-item label="摘要" prop="note">-->
<!-- <el-input v-model="queryParams.note" placeholder="请输入摘要" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="所属部门id" prop="deptId"> <!-- <el-form-item label="所属部门id" prop="deptId">
<el-input v-model="queryParams.deptId" placeholder="请输入所属部门id" clearable @keyup.enter.native="handleQuery"/> <el-input v-model="queryParams.deptId" placeholder="请输入所属部门id" clearable @keyup.enter.native="handleQuery"/>
</el-form-item> --> </el-form-item> -->
<el-form-item label="所属部门" prop="deptName"> <!-- <el-form-item label="所属部门" prop="deptName">-->
<el-input v-model="queryParams.deptName" placeholder="请输入所属部门" clearable @keyup.enter.native="handleQuery"/> <!-- <el-input v-model="queryParams.deptName" placeholder="请输入所属部门" clearable-->
</el-form-item> <!-- @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="归档id" prop="recordId"> <!-- <el-form-item label="归档id" prop="recordId">
<el-input v-model="queryParams.recordId" placeholder="请输入归档id" clearable @keyup.enter.native="handleQuery"/> <el-input v-model="queryParams.recordId" placeholder="请输入归档id" clearable @keyup.enter.native="handleQuery"/>
</el-form-item> --> </el-form-item> -->
<!-- <el-form-item label="用户id" prop="userId"> <!-- <el-form-item label="用户id" prop="userId">
<el-input v-model="queryParams.userId" placeholder="请输入用户id" clearable @keyup.enter.native="handleQuery"/> <el-input v-model="queryParams.userId" placeholder="请输入用户id" clearable @keyup.enter.native="handleQuery"/>
</el-form-item> --> </el-form-item> -->
<el-form-item label="归档状态" prop="archiveState"> <!-- <el-form-item label="归档状态" prop="archiveState">-->
<el-input v-model="queryParams.archiveState" placeholder="请输入归档状态" clearable @keyup.enter.native="handleQuery"/> <!-- <el-input v-model="queryParams.archiveState" placeholder="请输入归档状态" clearable-->
</el-form-item> <!-- @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<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-button icon="el-icon-refresh" @click="resetQuery"></el-button>
@ -81,49 +92,67 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
v-hasPermi="['ea:electronic-other:create']">新增</el-button> v-hasPermi="['ea:electronic-other:create']">新增
</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading" <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
v-hasPermi="['ea:electronic-other:export']">导出</el-button> :loading="exportLoading"
v-hasPermi="['ea:electronic-other:export']">导出
</el-button>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<!-- 列表 --> <!-- 列表 -->
<el-table v-loading="loading" :data="list"> <el-table v-loading="loading" :data="list">
<el-table-column label="主键" align="center" prop="id" /> <!-- <el-table-column label="主键" align="center" prop="id"/>-->
<el-table-column label="表名" align="center" prop="name" /> <el-table-column label="表名" align="center" prop="name"/>
<el-table-column label="OA/ERP流程编号 " align="center" prop="flowCode" /> <el-table-column label="OA/ERP流程编号 " align="center" prop="flowCode"/>
<el-table-column label="文件来源" align="center" prop="source" /> <el-table-column label="文件来源" align="center" prop="source"/>
<el-table-column label="年度" align="center" prop="year" /> <el-table-column label="年度" align="center" prop="year"/>
<el-table-column label="月份" align="center" prop="period" /> <el-table-column label="月份" align="center" prop="period"/>
<el-table-column label="业务类型" align="center" prop="businessType" /> <el-table-column label="业务类型" align="center" prop="businessType"/>
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> <el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template v-slot="scope"> <template v-slot="scope">
<span>{{ parseTime(scope.row.createTime) }}</span> <span>{{ parseTime(scope.row.createTime) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="制单人" align="center" prop="createBy" /> <el-table-column label="制单人" align="center" prop="createBy"/>
<el-table-column label="业务实体id" align="center" prop="companyId" /> <!-- <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="delStatus"/>-->
<el-table-column label="文件后缀" align="center" prop="suffix" /> <!-- <el-table-column label="文件后缀" align="center" prop="suffix"/>-->
<el-table-column label="文件地址" align="center" prop="fileUrl" /> <el-table-column label="文件地址" align="center" prop="fileUrl">
<el-table-column label="绝对路径" align="center" prop="fileAp" /> <template slot-scope="scope">
<el-table-column label="流程号" align="center" prop="flowId" /> <el-button type="text" @click="openLink(scope.row.fileUrl)">
<el-table-column label="摘要" align="center" prop="note" /> {{ scope.row.fileUrl }}
<el-table-column label="所属部门id" align="center" prop="deptId" /> </el-button>
<el-table-column label="所属部门" align="center" prop="deptName" /> </template>
<el-table-column label="归档id" align="center" prop="recordId" /> </el-table-column>
<el-table-column label="用户id" align="center" prop="userId" /> <!-- <el-table-column label="绝对路径" align="center" prop="fileAp"/>-->
<el-table-column label="归档状态" align="center" prop="archiveState" /> <el-table-column label="流程号" align="center" prop="flowId"/>
<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="归档id" align="center" prop="recordId"/>-->
<!-- <el-table-column label="用户id" align="center" prop="userId"/>-->
<el-table-column label="归档状态" align="center" prop="archiveState">
<template v-slot="scope">
<dict-tag
:type="DICT_TYPE.ARCHIVES_FILE_STATUS"
:value="scope.row.archiveState"
/>
</template>
</el-table-column>
<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"> <template v-slot="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['ea:electronic-other:update']">修改</el-button> v-hasPermi="['ea:electronic-other:update']">修改
</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['ea:electronic-other:delete']">删除</el-button> v-hasPermi="['ea:electronic-other:delete']">删除
</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -132,71 +161,149 @@
@pagination="getList"/> @pagination="getList"/>
<!-- 对话框(添加 / 修改) --> <!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="500px" v-dialogDrag append-to-body> <el-dialog :title="title" :visible.sync="open" width="1000px" v-dialogDrag append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-upload
<el-form-item label="表名" prop="name"> class="upload-demo"
<el-input v-model="form.name" placeholder="请输入表名" /> drag
</el-form-item> :limit="1"
<el-form-item label="OA/ERP流程编号 " prop="flowCode"> :action="uploadUrl"
<el-input v-model="form.flowCode" placeholder="请输入OA/ERP流程编号 " /> :file-list="fileList"
</el-form-item> :headers="headers"
<el-form-item label="文件来源" prop="source"> :on-success="handleSuccess"
<el-input v-model="form.source" placeholder="请输入文件来源" /> name="multipartFile"
</el-form-item> :multiple="false"
<el-form-item label="年度" prop="year"> >
<el-input v-model="form.year" placeholder="请输入年度" /> <i class="el-icon-upload"></i>
</el-form-item> <div class="el-upload__text">将文件拖到此处<em>点击上传</em></div>
<el-form-item label="月份" prop="period"> </el-upload>
<el-input v-model="form.period" placeholder="请输入月份" />
</el-form-item>
<el-form-item label="业务类型" prop="businessType"> <el-form ref="form" :model="form" :rules="rules" label-width="130px"
<el-select v-model="form.businessType" placeholder="请选择业务类型"> style="margin-top: 20px">
<el-option label="请选择字典生成" value="" /> <el-row>
</el-select> <el-col :span="8">
</el-form-item> <el-form-item label="表名" prop="name">
<el-form-item label="制单人" prop="createBy"> <el-input v-model="form.name" placeholder="请输入表名"/>
<el-input v-model="form.createBy" placeholder="请输入制单人" /> </el-form-item>
</el-form-item> </el-col>
<!-- <el-form-item label="业务实体id" prop="companyId"> <el-col :span="8">
<el-input v-model="form.companyId" placeholder="请输入业务实体id" /> <el-form-item label="OA/ERP流程编号 " prop="flowCode">
</el-form-item> --> <el-input v-model="form.flowCode" placeholder="请输入OA/ERP流程编号 "/>
<el-form-item label="业务实体" prop="company"> </el-form-item>
<el-input v-model="form.company" placeholder="请输入业务实体" /> </el-col>
</el-form-item> <el-col :span="8">
<!-- <el-form-item label="删除状态" prop="delStatus"> <el-form-item label="文件来源" prop="source">
<el-radio-group v-model="form.delStatus"> <el-input v-model="form.source" placeholder="请输入文件来源"/>
<el-radio label="1">请选择字典生成</el-radio> </el-form-item>
</el-radio-group> </el-col>
</el-form-item> --> </el-row>
<el-form-item label="文件后缀" prop="suffix"> <el-row>
<el-input v-model="form.suffix" placeholder="请输入文件后缀" /> <el-col :span="8">
</el-form-item> <el-form-item label="年度" prop="year">
<el-form-item label="文件地址" prop="fileUrl"> <el-date-picker
<el-input v-model="form.fileUrl" placeholder="请输入文件地址" /> format="yyyy年"
</el-form-item> v-model="form.year"
<el-form-item label="绝对路径" prop="fileAp"> value-format="yyyy"
<el-input v-model="form.fileAp" placeholder="请输入绝对路径" /> type="year"
</el-form-item> placeholder="请选择年度"
<el-form-item label="流程号" prop="flowId"> >
<el-input v-model="form.flowId" placeholder="请输入流程号" /> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="摘要" prop="note"> </el-col>
<el-input v-model="form.note" placeholder="请输入摘要" /> <el-col :span="8">
</el-form-item> <el-form-item label="月份" prop="period">
<!-- <el-form-item label="所属部门id" prop="deptId"> <el-date-picker
<el-input v-model="form.deptId" placeholder="请输入所属部门id" /> popper-class="due_month"
</el-form-item> --> v-model="form.period"
<el-form-item label="所属部门" prop="deptName"> format="M月"
<el-input v-model="form.deptName" placeholder="请输入所属部门" /> value-format="M"
</el-form-item> type="month"
placeholder="请选择月份"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="业务类型" prop="businessType">
<el-select v-model="form.businessType" placeholder="请选择业务类型">
<el-option label="请选择字典生成" value=""/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="制单人" prop="createBy">
<el-input v-model="form.createBy" placeholder="请输入制单人"/>
</el-form-item>
</el-col>
<!-- <el-form-item label="业务实体id" prop="companyId">
<el-input v-model="form.companyId" placeholder="请输入业务实体id" />
</el-form-item> -->
<el-col :span="8">
<el-form-item label="业务实体" prop="company">
<el-input v-model="form.company" placeholder="请输入业务实体"/>
</el-form-item>
</el-col>
<!-- <el-form-item label="删除状态" prop="delStatus">
<el-radio-group v-model="form.delStatus">
<el-radio label="1">请选择字典生成</el-radio>
</el-radio-group>
</el-form-item> -->
<!-- <el-form-item label="文件后缀" prop="suffix">-->
<!-- <el-input v-model="form.suffix" placeholder="请输入文件后缀"/>-->
<!-- </el-form-item>-->
<el-col :span="8">
<el-form-item label="文件地址" prop="fileUrl">
<el-input v-model="form.fileUrl" placeholder="请输入文件地址" :disabled="true"/>
</el-form-item>
</el-col>
</el-row>
<!-- <el-form-item label="绝对路径" prop="fileAp">-->
<!-- <el-input v-model="form.fileAp" placeholder="请输入绝对路径"/>-->
<!-- </el-form-item>-->
<el-row>
<el-col :span="8">
<el-form-item label="流程号" prop="flowId">
<el-input v-model="form.flowId" placeholder="请输入流程号"/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所属部门" prop="deptName">
<el-input v-model="form.deptName" placeholder="请输入所属部门"/>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-form-item label="所属部门id" prop="deptId">
<el-input v-model="form.deptId" placeholder="请输入所属部门id" />
</el-form-item> -->
</el-col>
<el-col :span="8">
<el-form-item label="归档状态" prop="archiveState">
<el-select v-model="form.archiveState" placeholder="请选择归档状态">
<el-option
v-for="dict in this.getDictDatas(
DICT_TYPE.ARCHIVES_FILE_STATUS
)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<!-- <el-form-item label="归档id" prop="recordId"> <!-- <el-form-item label="归档id" prop="recordId">
<el-input v-model="form.recordId" placeholder="请输入归档id" /> <el-input v-model="form.recordId" placeholder="请输入归档id" />
</el-form-item> --> </el-form-item> -->
<!-- <el-form-item label="用户id" prop="userId"> <!-- <el-form-item label="用户id" prop="userId">
<el-input v-model="form.userId" placeholder="请输入用户id" /> <el-input v-model="form.userId" placeholder="请输入用户id" />
</el-form-item> --> </el-form-item> -->
<el-form-item label="归档状态" prop="archiveState"> <el-form-item label="摘要" prop="note">
<el-input v-model="form.archiveState" placeholder="请输入归档状态" /> <el-input v-model="form.note" placeholder="请输入摘要" type="textarea"
:autosize="{ minRows: 1, maxRows: 4}"/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
@ -208,12 +315,19 @@
</template> </template>
<script> <script>
import { createElectronicOther, updateElectronicOther, deleteElectronicOther, getElectronicOther, getElectronicOtherPage, exportElectronicOtherExcel } from "@/api/ea/electronicOther/electronicOther"; import {
createElectronicOther,
updateElectronicOther,
deleteElectronicOther,
getElectronicOther,
getElectronicOtherPage,
exportElectronicOtherExcel
} from "@/api/ea/electronicOther/electronicOther";
import {getAccessToken, getTenantId} from "@/utils/auth";
export default { export default {
name: "ElectronicOther", name: "ElectronicOther",
components: { components: {},
},
data() { data() {
return { return {
// //
@ -259,8 +373,14 @@ export default {
// //
form: {}, form: {},
// //
rules: { rules: {},
} fileList: [], //
uploadUrl:
process.env.VUE_APP_BASE_API + "/admin-api/ea/electronic-other/upload", //
headers: {
Authorization: "Bearer " + getAccessToken(),
"tenant-id": getTenantId(),
}, //
}; };
}, },
created() { created() {
@ -309,6 +429,21 @@ export default {
}; };
this.resetForm("form"); this.resetForm("form");
}, },
/**
* 文件预览
* @param fileUrl 地址
*/
openLink(fileUrl) {
const url =
process.env.VUE_APP_ONLINE_API +
`/onlinePreview?url=${encodeURIComponent(this.base64Encode(fileUrl))}`;
window.open(url);
},
//
handleSuccess(res) {
console.log(res);
this.form.fileUrl = res.data.url;
},
/** 搜索按钮操作 */ /** 搜索按钮操作 */
handleQuery() { handleQuery() {
this.queryParams.pageNo = 1; this.queryParams.pageNo = 1;
@ -322,6 +457,7 @@ export default {
/** 新增按钮操作 */ /** 新增按钮操作 */
handleAdd() { handleAdd() {
this.reset(); this.reset();
this.fileList = [];
this.open = true; this.open = true;
this.title = "添加其他档案"; this.title = "添加其他档案";
}, },
@ -361,12 +497,13 @@ export default {
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { handleDelete(row) {
const id = row.id; const id = row.id;
this.$modal.confirm('是否确认删除其他档案编号为"' + id + '"的数据项?').then(function() { this.$modal.confirm('是否确认删除其他档案编号为"' + id + '"的数据项?').then(function () {
return deleteElectronicOther(id); return deleteElectronicOther(id);
}).then(() => { }).then(() => {
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}).catch(() => {}); }).catch(() => {
});
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport() {
@ -375,12 +512,13 @@ export default {
params.pageNo = undefined; params.pageNo = undefined;
params.pageSize = undefined; params.pageSize = undefined;
this.$modal.confirm('是否确认导出所有其他档案数据项?').then(() => { this.$modal.confirm('是否确认导出所有其他档案数据项?').then(() => {
this.exportLoading = true; this.exportLoading = true;
return exportElectronicOtherExcel(params); return exportElectronicOtherExcel(params);
}).then(response => { }).then(response => {
this.$download.excel(response, '其他档案.xls'); this.$download.excel(response, '其他档案.xls');
this.exportLoading = false; this.exportLoading = false;
}).catch(() => {}); }).catch(() => {
});
} }
} }
}; };

Loading…
Cancel
Save