Js
/
lyr-one-test
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

电子档案-ui修改

Browse Source
main
zk 1 year ago
parent ef42ba826b
commit 715886d755
1 changed files with 328 additions and 281 deletions
Show Stats Download Patch File Download Diff File

387
src/views/ea/electronicFinance/index.vue
Unescape Escape View File

@ -1,54 +1,56 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-card>
<!-- 搜索工作栏 --> <!-- 搜索工作栏 -->
<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="98px">
<!-- <el-form-item label="制单人" prop="createBy">--> <div class="filter-box">
<!-- <el-input v-model="queryParams.createBy" placeholder="请输入制单人" clearable @keyup.enter.native="handleQuery"/>--> <div class="filter-lf">
<!-- </el-form-item>--> <!-- <el-form-item label="制单人" prop="createBy">
<!-- <el-form-item label="业务实体id" prop="companyId">--> <el-input v-model="queryParams.createBy" placeholder="请输入制单人" 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="业务实体id" prop="companyId">
<!-- <el-form-item label="业务实体" prop="company">--> <el-input v-model="queryParams.companyId" placeholder="请输入业务实体id" clearable @keyup.enter.native="handleQuery"/>
<!-- <el-input v-model="queryParams.company" placeholder="请输入业务实体" clearable @keyup.enter.native="handleQuery"/>--> </el-form-item>
<!-- </el-form-item>--> <el-form-item label="业务实体" prop="company">
<!-- <el-form-item label="用户id" prop="userId">--> <el-input v-model="queryParams.company" placeholder="请输入业务实体" 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="用户id" prop="userId">
<!-- <el-form-item label="所属部门id" prop="deptId">--> <el-input v-model="queryParams.userId" 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="所属部门id" prop="deptId">
<!-- <el-form-item label="所属部门" prop="deptName">--> <el-input v-model="queryParams.deptId" placeholder="请输入所属部门id" clearable @keyup.enter.native="handleQuery"/>
<!-- <el-input v-model="queryParams.deptName" placeholder="请输入所属部门" clearable @keyup.enter.native="handleQuery"/>--> </el-form-item>
<!-- </el-form-item>--> <el-form-item label="所属部门" prop="deptName">
<!-- <el-form-item label="支付账户" prop="account">--> <el-input v-model="queryParams.deptName" placeholder="请输入所属部门" clearable @keyup.enter.native="handleQuery"/>
<!-- <el-input v-model="queryParams.account" placeholder="请输入支付账户" clearable @keyup.enter.native="handleQuery"/>--> </el-form-item>
<!-- </el-form-item>--> <el-form-item label="支付账户" prop="account">
<!-- <el-form-item label="项目" prop="project">--> <el-input v-model="queryParams.account" placeholder="请输入支付账户" clearable @keyup.enter.native="handleQuery"/>
<!-- <el-input v-model="queryParams.project" placeholder="请输入项目" clearable @keyup.enter.native="handleQuery"/>--> </el-form-item>
<!-- </el-form-item>--> <el-form-item label="项目" prop="project">
<el-input v-model="queryParams.project" placeholder="请输入项目" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<!-- <el-form-item label="金额" prop="price">--> <el-form-item label="金额" prop="price">
<!-- <el-input v-model="queryParams.price" placeholder="请输入金额" clearable @keyup.enter.native="handleQuery"/>--> <el-input v-model="queryParams.price" placeholder="请输入金额" clearable @keyup.enter.native="handleQuery"/>
<!-- </el-form-item>--> </el-form-item>
<!-- <el-form-item label="状态" prop="status">--> <el-form-item label="状态" prop="status">
<!-- <el-select v-model="queryParams.status" placeholder="请选择状态" clearable size="small">--> <el-select v-model="queryParams.status" placeholder="请选择状态" clearable size="small">
<!-- <el-option v-for="dict in this.getDictDatas(DICT_TYPE.CONTRACT_STATUS)"--> <el-option v-for="dict in this.getDictDatas(DICT_TYPE.CONTRACT_STATUS)"
<!-- :key="dict.value" :label="dict.label" :value="dict.value"/>--> :key="dict.value" :label="dict.label" :value="dict.value"/>
<!-- </el-select>--> </el-select>
<!-- </el-form-item>--> </el-form-item>
<!-- <el-form-item label="纸档位置" prop="position">--> <el-form-item label="纸档位置" prop="position">
<!-- <el-input v-model="queryParams.position" placeholder="请输入纸档位置" clearable @keyup.enter.native="handleQuery"/>--> <el-input v-model="queryParams.position" placeholder="请输入纸档位置" clearable @keyup.enter.native="handleQuery"/>
<!-- </el-form-item>--> </el-form-item>
<!-- <el-form-item label="完整性" prop="cherks">--> <el-form-item label="完整性" prop="cherks">
<!-- <el-select v-model="queryParams.cherks" placeholder="请选择完整性" clearable size="small">--> <el-select v-model="queryParams.cherks" placeholder="请选择完整性" clearable size="small">
<!-- <el-option v-for="dict in this.getDictDatas(DICT_TYPE.CHERKS)"--> <el-option v-for="dict in this.getDictDatas(DICT_TYPE.CHERKS)"
<!-- :key="dict.value" :label="dict.label" :value="dict.value"/>--> :key="dict.value" :label="dict.label" :value="dict.value"/>
<!-- </el-select>--> </el-select>
<!-- </el-form-item>--> </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="交易日期" prop="tradeDate"> <el-form-item label="交易日期" prop="tradeDate">
<el-date-picker v-model="queryParams.tradeDate" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" <el-date-picker v-model="queryParams.tradeDate" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
type="daterange" type="daterange"
@ -75,28 +77,30 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- <el-form-item label="归档状态" prop="fileStatus">--> <!-- <el-form-item label="归档状态" prop="fileStatus">
<!-- <el-select v-model="queryParams.fileStatus" placeholder="请选择归档状态" clearable size="small">--> <el-select v-model="queryParams.fileStatus" placeholder="请选择归档状态" clearable size="small">
<!-- <el-option v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"--> <el-option v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
<!-- :key="dict.value" :label="dict.label" :value="dict.value"/>--> :key="dict.value" :label="dict.label" :value="dict.value"/>
<!-- </el-select>--> </el-select>
<!-- </el-form-item>--> </el-form-item>
<!-- <el-form-item label="备注" prop="remarks">--> <el-form-item label="备注" prop="remarks">
<!-- <el-input v-model="queryParams.remarks" placeholder="请输入备注" clearable @keyup.enter.native="handleQuery"/>--> <el-input v-model="queryParams.remarks" placeholder="请输入备注" clearable @keyup.enter.native="handleQuery"/>
<!-- </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" type="daterange"
<!-- range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />--> range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
<!-- </el-form-item>--> </el-form-item>
<!-- <el-form-item label="归档日期" prop="recordTime">--> <el-form-item label="归档日期" prop="recordTime">
<!-- <el-date-picker v-model="queryParams.recordTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"--> <el-date-picker v-model="queryParams.recordTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"
<!-- range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />--> range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
<!-- </el-form-item>--> </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>
</el-form-item> </el-form-item>
</div>
</div>
</el-form> </el-form>
<!-- 操作工具栏 --> <!-- 操作工具栏 -->
@ -115,7 +119,8 @@
size="mini" size="mini"
:disabled="multiple" :disabled="multiple"
@click="handleDelete" @click="handleDelete"
>删除</el-button >删除
</el-button
> >
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
@ -129,20 +134,20 @@
</el-row> </el-row>
<!-- 列表 --> <!-- 列表 -->
<el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="list" stripe border @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center"/> <el-table-column type="selection" width="55" align="center"/>
<el-table-column label="交易日期" align="center" prop="tradeDate" width="180"> <el-table-column label="交易日期" align="center" prop="tradeDate" width="180">
<template v-slot="scope"> <template v-slot="scope">
<span>{{ parseTime(scope.row.tradeDate) }}</span> <span>{{ parseTime(scope.row.tradeDate) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column label="主键" align="center" prop="id" />--> <!-- <el-table-column label="主键" align="center" prop="id" />
<!-- <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="用户id" align="center" prop="userId" />--> <el-table-column label="用户id" align="center" prop="userId" />
<!-- <el-table-column label="所属部门id" align="center" prop="deptId" />--> <el-table-column label="所属部门id" align="center" prop="deptId" />
<!-- <el-table-column label="所属部门" align="center" prop="deptName" />--> <el-table-column label="所属部门" align="center" prop="deptName" />-->
<el-table-column label="交易类型" align="center" prop="tradeType"> <el-table-column label="交易类型" align="center" prop="tradeType">
<template v-slot="scope"> <template v-slot="scope">
<dict-tag :type="DICT_TYPE.TRADE_TYPE" :value="scope.row.tradeType"/> <dict-tag :type="DICT_TYPE.TRADE_TYPE" :value="scope.row.tradeType"/>
@ -152,13 +157,13 @@
<el-table-column label="金额" align="center" prop="price"/> <el-table-column label="金额" align="center" prop="price"/>
<el-table-column label="收据/发票号码" align="center" prop="invoiceNumber"/> <el-table-column label="收据/发票号码" align="center" prop="invoiceNumber"/>
<!-- <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">--> <template v-slot="scope">
<!-- <dict-tag :type="DICT_TYPE.CHERKS" :value="scope.row.cherks" />--> <dict-tag :type="DICT_TYPE.CHERKS" :value="scope.row.cherks" />
<!-- </template>--> </template>
<!-- </el-table-column>--> </el-table-column>
<!-- <el-table-column label="归档id" align="center" prop="recordId" />--> <el-table-column label="归档id" align="center" prop="recordId" />-->
<el-table-column label="支付方式" align="center" prop="payType"> <el-table-column label="支付方式" align="center" prop="payType">
<template v-slot="scope"> <template v-slot="scope">
@ -172,22 +177,35 @@
<dict-tag :type="DICT_TYPE.CONTRACT_STATUS" :value="scope.row.status"/> <dict-tag :type="DICT_TYPE.CONTRACT_STATUS" :value="scope.row.status"/>
</template> </template>
</el-table-column> </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" />
<!-- </template>--> </template>
<!-- </el-table-column>--> </el-table-column>-->
<el-table-column label="备注" align="center" prop="remarks"/> <el-table-column label="备注" align="center" prop="remarks">
<!-- <el-table-column label="创建日期" align="center" prop="createTime" width="180">--> <!-- 文本域的数据包含html标签，需要使用v-html进行展示 -->
<!-- <template v-slot="scope">--> <template v-slot="scope">
<!-- <span>{{ parseTime(scope.row.createTime) }}</span>--> <div v-html="scope.row.remarks"></div>
<!-- </template>--> </template>
<!-- </el-table-column>--> </el-table-column>
<!-- <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="recordTime" />--> <el-table-column label="归档日期" align="center" prop="recordTime" />-->
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="180px">
<template v-slot="scope"> <template v-slot="scope">
<el-button
size="mini"
type="text"
icon="el-icon-view"
v-if="scope.row.contractAttachment"
@click="handleViewFJ(scope.row)"
>查看附件
</el-button>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
@ -210,7 +228,7 @@
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList" @pagination="getList"
/> />
</el-card>
<!-- 对话框(添加 / 修改) --> <!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="1000px" v-dialogDrag append-to-body> <el-dialog :title="title" :visible.sync="open" width="1000px" v-dialogDrag append-to-body>
<el-upload <el-upload
@ -238,11 +256,11 @@
<el-input v-model="form.createBy" placeholder="请输入制单人"/> <el-input v-model="form.createBy" placeholder="请输入制单人"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <!-- <el-col :span="8">
<el-form-item label="业务实体id" prop="companyId"> <el-form-item label="业务实体id" prop="companyId">
<el-input v-model="form.companyId" placeholder="请输入业务实体id"/> <el-input v-model="form.companyId" placeholder="请输入业务实体id"/>
</el-form-item> </el-form-item>
</el-col> </el-col>-->
<el-col :span="8"> <el-col :span="8">
<el-form-item label="业务实体" prop="company"> <el-form-item label="业务实体" prop="company">
<el-select <el-select
@ -262,18 +280,6 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="用户id" prop="userId">
<el-input v-model="form.userId" placeholder="请输入用户id"/>
</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-col :span="8">
<el-form-item label="部门名称" prop="deptName"> <el-form-item label="部门名称" prop="deptName">
<treeselect <treeselect
@ -288,6 +294,19 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<!-- <el-row>
<el-col :span="8">
<el-form-item label="用户id" prop="userId">
<el-input v-model="form.userId" placeholder="请输入用户id"/>
</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-row>-->
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="支付账户" prop="account"> <el-form-item label="支付账户" prop="account">
@ -343,11 +362,11 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <!--<el-col :span="8">
<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-col> </el-col>-->
<el-col :span="8"> <el-col :span="8">
<el-form-item label="交易类型" prop="tradeType"> <el-form-item label="交易类型" prop="tradeType">
<el-select v-model="form.tradeType" placeholder="请选择交易类型"> <el-select v-model="form.tradeType" placeholder="请选择交易类型">
@ -357,8 +376,6 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="支付方式" prop="payType"> <el-form-item label="支付方式" prop="payType">
<el-select v-model="form.payType" placeholder="请选择支付方式"> <el-select v-model="form.payType" placeholder="请选择支付方式">
@ -368,21 +385,8 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8">
<el-form-item label="归档状态" prop="fileStatus">
<el-select v-model="form.fileStatus" 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-col :span="8">
<el-form-item label="备注" prop="remarks">
<el-input v-model="form.remarks" placeholder="请输入备注"/>
</el-form-item>
</el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="交易日期" prop="tradeDate"> <el-form-item label="交易日期" prop="tradeDate">
@ -398,7 +402,26 @@
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8">
<el-form-item label="归档状态" prop="fileStatus">
<el-select v-model="form.fileStatus" 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-row>
<!-- <el-row>
<el-col :span="8">
<el-form-item label="备注" prop="remarks">
<el-input v-model="form.remarks" placeholder="请输入备注"/>
</el-form-item>
</el-col>
</el-row>-->
<el-form-item label="备注">
<editor v-model="form.remarks" :min-height="192" />
</el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm" v-if="optType != 'view'">确 定</el-button> <el-button type="primary" @click="submitForm" v-if="optType != 'view'">确 定</el-button>
@ -422,17 +445,21 @@ import { getOrganizationPage, getSiteTree } from '@/api/setting/organization'
import { listSimpleDepts } from '@/api/system/dept' import { listSimpleDepts } from '@/api/system/dept'
import { listSimplePosts } from '@/api/system/post' import { listSimplePosts } from '@/api/system/post'
import Treeselect from '@riophae/vue-treeselect' import Treeselect from '@riophae/vue-treeselect'
import Editor from "@/components/Editor"
import WxVideoPlayer from "@/views/mp/components/wx-video-play/main"
import ImagePreview from "@/components/ImagePreview"
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
import FileUpload from '@/components/FileUpload' import FileUpload from '@/components/FileUpload'
export default { export default {
name: 'Finance', name: 'Finance',
components: {FileUpload,Treeselect,}, components: { FileUpload, Treeselect,Editor, WxVideoPlayer ,ImagePreview},
data() { data() {
return { return {
propName: { propName: {
label: "pName", label: 'pName',
value: "pId", value: 'pId',
multiple: false, multiple: false
}, },
// 遮罩层 // 遮罩层
loading: true, loading: true,
@ -487,7 +514,7 @@ export default {
Authorization: 'Bearer ' + getAccessToken(), Authorization: 'Bearer ' + getAccessToken(),
'tenant-id': getTenantId() 'tenant-id': getTenantId()
}, // 设置上传的请求头 }, // 设置上传的请求头
fileList: [], // 文件列表 fileList: [], // 上传的文件列表
getFileUrl: process.env.VUE_APP_BASE_API + '/admin-api/infra/file/', getFileUrl: process.env.VUE_APP_BASE_API + '/admin-api/infra/file/',
uploadDisabled: undefined, uploadDisabled: undefined,
optType: undefined, optType: undefined,
@ -502,13 +529,13 @@ export default {
// 非单个禁用 // 非单个禁用
single: true, single: true,
// 多选框数组 // 多选框数组
ids: [], ids: []
} }
}, },
created() { created() {
this.getList(); this.getList()
this.getSiteList(); this.getSiteList()
this.getOrganizationList(); this.getOrganizationList()
this.getTreeselect() this.getTreeselect()
}, },
methods: { methods: {
@ -550,6 +577,7 @@ export default {
fileStatus: undefined, fileStatus: undefined,
remarks: undefined, remarks: undefined,
tradeDate: undefined, tradeDate: undefined,
contractAttachment: undefined,
recordTime: undefined recordTime: undefined
} }
this.resetForm('form') this.resetForm('form')
@ -559,6 +587,20 @@ export default {
this.queryParams.pageNo = 1 this.queryParams.pageNo = 1
this.getList() this.getList()
}, },
/**
* 文件预览
* @param fileUrl
*/
openLink(fileUrl) {
const url =
process.env.VUE_APP_ONLINE_API +
`/onlinePreview?url=${encodeURIComponent(this.base64Encode(fileUrl))}`
window.open(url)
},
/** 查看附件按钮操作 */
handleViewFJ(row) {
this.openLink(row.contractAttachment)
},
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.resetForm('queryForm') this.resetForm('queryForm')
@ -568,6 +610,7 @@ export default {
handleAdd() { handleAdd() {
this.reset() this.reset()
this.open = true this.open = true
this.fileList = []
this.optType = 'add' this.optType = 'add'
this.uploadDisabled = true this.uploadDisabled = true
this.title = '添加财务档案' this.title = '添加财务档案'
@ -622,7 +665,7 @@ export default {
}, },
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { handleDelete(row) {
const id = row.id || this.ids; const id = row.id || this.ids
this.$modal.confirm('是否确认删除财务档案编号为"' + id + '"的数据项?').then(function() { this.$modal.confirm('是否确认删除财务档案编号为"' + id + '"的数据项?').then(function() {
return deleteFinance(id) return deleteFinance(id)
}).then(() => { }).then(() => {
@ -648,14 +691,14 @@ export default {
}, },
// 业务实体选择事件 // 业务实体选择事件
handleCompanyChange(val) { handleCompanyChange(val) {
this.form.companyId = val.id; this.form.companyId = val.id
this.form.company = val.organizationName; this.form.company = val.organizationName
}, },
// 获取业务实体 // 获取业务实体
getOrganizationList() { getOrganizationList() {
getOrganizationPage().then((response) => { getOrganizationPage().then((response) => {
this.organizationList = response.data.list; this.organizationList = response.data.list
}); })
}, },
// 上传成功的函数 // 上传成功的函数
handleSuccess(res) { handleSuccess(res) {
@ -667,62 +710,66 @@ export default {
return { return {
id: node.id, id: node.id,
label: node.name, label: node.name,
children: node.children, children: node.children
}; }
}, },
/** 查询部门下拉树结构 + 岗位下拉 */ /** 查询部门下拉树结构 + 岗位下拉 */
getTreeselect() { getTreeselect() {
listSimpleDepts().then((response) => { listSimpleDepts().then((response) => {
// 处理 deptOptions 参数 // 处理 deptOptions 参数
this.deptOptions = []; this.deptOptions = []
this.deptOptions.push(...this.handleTree(response.data, "id")); this.deptOptions.push(...this.handleTree(response.data, 'id'))
}); })
listSimplePosts().then((response) => { listSimplePosts().then((response) => {
// 处理 postOptions 参数 // 处理 postOptions 参数
this.postOptions = []; this.postOptions = []
this.postOptions.push(...response.data); this.postOptions.push(...response.data)
}); })
}, },
//选择默认的归档位置 //选择默认的归档位置
handleSiteChanged(obj) { handleSiteChanged(obj) {
if (obj != null) { if (obj != null) {
this.form.organizationId = obj[0]; this.form.organizationId = obj[0]
this.form.depotId = obj[1]; this.form.depotId = obj[1]
this.form.cabinetId = obj[2]; this.form.cabinetId = obj[2]
} }
}, },
//获取归档位置 //获取归档位置
getSiteList() { getSiteList() {
getSiteTree().then((response) => { getSiteTree().then((response) => {
this.siteOptions = response.data; this.siteOptions = response.data
this.siteOptions.map((w) => { this.siteOptions.map((w) => {
w.children.map((l) => { w.children.map((l) => {
let lstr = JSON.stringify(l.children) let lstr = JSON.stringify(l.children)
.replace(/depotId/g, "lId") .replace(/depotId/g, 'lId')
.replace(/cabinetId/g, "pId") .replace(/cabinetId/g, 'pId')
.replace(/cabinetName/g, "pName"); .replace(/cabinetName/g, 'pName')
l.children = JSON.parse(lstr); l.children = JSON.parse(lstr)
}); })
let wstr = JSON.stringify(w.children) let wstr = JSON.stringify(w.children)
.replace(/organizationId/g, "wId") .replace(/organizationId/g, 'wId')
.replace(/depotId/g, "pId") .replace(/depotId/g, 'pId')
.replace(/depotName/g, "pName"); .replace(/depotName/g, 'pName')
w.children = JSON.parse(wstr); w.children = JSON.parse(wstr)
}); })
let ostr = JSON.stringify(this.siteOptions) let ostr = JSON.stringify(this.siteOptions)
.replace(/organizationId/g, "pId") .replace(/organizationId/g, 'pId')
.replace(/organizationName/g, "pName"); .replace(/organizationName/g, 'pName')
this.siteOptions = JSON.parse(ostr); this.siteOptions = JSON.parse(ostr)
// console.log(this.siteOptions); // console.log(this.siteOptions);
}); })
}, },
// 多选框选中数据 // 多选框选中数据
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map((item) => item.id); this.ids = selection.map((item) => item.id)
this.single = selection.length !== 1; this.single = selection.length !== 1
this.multiple = !selection.length; this.multiple = !selection.length
}, }
} }
} }
</script> </script>
<style lang="scss" scoped>
@import "@/assets/styles/header/index.scss";
@import "@/assets/styles/common/index.scss";
</style>

Write Preview
Loading…
Cancel
Save