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

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

@ -1,216 +1,234 @@
<template>
<div class="app-container">
<el-card>
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="98px">
<div class="filter-box">
<div class="filter-lf">
<!-- <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-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-form-item>
<el-form-item label="用户id" prop="userId">
<el-input v-model="queryParams.userId" placeholder="请输入用户id" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="所属部门id" prop="deptId">
<el-input v-model="queryParams.deptId" placeholder="请输入所属部门id" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="所属部门" prop="deptName">
<el-input v-model="queryParams.deptName" placeholder="请输入所属部门" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="支付账户" prop="account">
<el-input v-model="queryParams.account" placeholder="请输入支付账户" clearable @keyup.enter.native="handleQuery"/>
</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 :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<!-- <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-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-form-item>-->
<!-- <el-form-item label="用户id" prop="userId">-->
<!-- <el-input v-model="queryParams.userId" placeholder="请输入用户id" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="所属部门id" prop="deptId">-->
<!-- <el-input v-model="queryParams.deptId" placeholder="请输入所属部门id" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="所属部门" prop="deptName">-->
<!-- <el-input v-model="queryParams.deptName" placeholder="请输入所属部门" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="支付账户" prop="account">-->
<!-- <el-input v-model="queryParams.account" placeholder="请输入支付账户" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </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-input v-model="queryParams.price" placeholder="请输入金额" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="状态" prop="status">-->
<!-- <el-select v-model="queryParams.status" placeholder="请选择状态" clearable size="small">-->
<!-- <el-option v-for="dict in this.getDictDatas(DICT_TYPE.CONTRACT_STATUS)"-->
<!-- :key="dict.value" :label="dict.label" :value="dict.value"/>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="纸档位置" prop="position">-->
<!-- <el-input v-model="queryParams.position" placeholder="请输入纸档位置" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="完整性" prop="cherks">-->
<!-- <el-select v-model="queryParams.cherks" placeholder="请选择完整性" clearable size="small">-->
<!-- <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 label="归档id" prop="recordId">-->
<!-- <el-input v-model="queryParams.recordId" placeholder="请输入归档id" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<el-form-item label="交易日期" prop="tradeDate">
<el-date-picker v-model="queryParams.tradeDate" 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']"
/>
</el-form-item>
<el-form-item label="交易类型" prop="tradeType">
<el-select v-model="queryParams.tradeType" placeholder="请选择交易类型" clearable size="small">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.TRADE_TYPE)"
:key="dict.value" :label="dict.label" :value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="收据发票" prop="invoiceNumber">
<el-input v-model="queryParams.invoiceNumber" placeholder="请输入收据/发票号码" clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="支付方式" prop="payType">
<el-select v-model="queryParams.payType" placeholder="请选择支付方式" clearable size="small">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.PAY_TYPE)"
:key="dict.value" :label="dict.label" :value="dict.value"
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="归档状态" prop="fileStatus">-->
<!-- <el-select v-model="queryParams.fileStatus" placeholder="请选择归档状态" clearable size="small">-->
<!-- <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-form-item label="备注" prop="remarks">-->
<!-- <el-input v-model="queryParams.remarks" placeholder="请输入备注" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>-->
<!-- <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"-->
<!-- range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />-->
<!-- </el-form-item>-->
<!-- <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"-->
<!-- range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />-->
<!-- </el-form-item>-->
<el-form-item>
<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>
<el-form-item label="金额" prop="price">
<el-input v-model="queryParams.price" placeholder="请输入金额" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable size="small">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.CONTRACT_STATUS)"
:key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select>
</el-form-item>
<el-form-item label="纸档位置" prop="position">
<el-input v-model="queryParams.position" placeholder="请输入纸档位置" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="完整性" prop="cherks">
<el-select v-model="queryParams.cherks" placeholder="请选择完整性" clearable size="small">
<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 label="归档id" prop="recordId">
<el-input v-model="queryParams.recordId" placeholder="请输入归档id" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>-->
<el-form-item label="交易日期" prop="tradeDate">
<el-date-picker v-model="queryParams.tradeDate" 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']"
/>
</el-form-item>
<el-form-item label="交易类型" prop="tradeType">
<el-select v-model="queryParams.tradeType" placeholder="请选择交易类型" clearable size="small">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.TRADE_TYPE)"
:key="dict.value" :label="dict.label" :value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="收据发票" prop="invoiceNumber">
<el-input v-model="queryParams.invoiceNumber" placeholder="请输入收据/发票号码" clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="支付方式" prop="payType">
<el-select v-model="queryParams.payType" placeholder="请选择支付方式" clearable size="small">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.PAY_TYPE)"
:key="dict.value" :label="dict.label" :value="dict.value"
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="归档状态" prop="fileStatus">
<el-select v-model="queryParams.fileStatus" placeholder="请选择归档状态" clearable size="small">
<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-form-item label="备注" prop="remarks">
<el-input v-model="queryParams.remarks" placeholder="请输入备注" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<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"
range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
</el-form-item>
<!-- 操作工具栏 -->
<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="['electronic:finance:create']"
>新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除</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="['electronic:finance:export']"
>导出
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<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"
range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
</el-form-item>-->
<el-form-item>
<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>
</div>
</div>
</el-form>
<!-- 列表 -->
<el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="交易日期" align="center" prop="tradeDate" width="180">
<template v-slot="scope">
<span>{{ parseTime(scope.row.tradeDate) }}</span>
</template>
</el-table-column>
<!-- <el-table-column label="主键" align="center" prop="id" />-->
<!-- <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="用户id" align="center" prop="userId" />-->
<!-- <el-table-column label="所属部门id" align="center" prop="deptId" />-->
<!-- <el-table-column label="所属部门" align="center" prop="deptName" />-->
<el-table-column label="交易类型" align="center" prop="tradeType">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.TRADE_TYPE" :value="scope.row.tradeType"/>
</template>
</el-table-column>
<!-- 操作工具栏 -->
<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="['electronic:finance:create']"
>新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除
</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="['electronic:finance:export']"
>导出
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table-column label="金额" align="center" prop="price"/>
<!-- 列表 -->
<el-table v-loading="loading" :data="list" stripe border @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center"/>
<el-table-column label="交易日期" align="center" prop="tradeDate" width="180">
<template v-slot="scope">
<span>{{ parseTime(scope.row.tradeDate) }}</span>
</template>
</el-table-column>
<!-- <el-table-column label="主键" align="center" prop="id" />
<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="用户id" align="center" prop="userId" />
<el-table-column label="所属部门id" align="center" prop="deptId" />
<el-table-column label="所属部门" align="center" prop="deptName" />-->
<el-table-column label="交易类型" align="center" prop="tradeType">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.TRADE_TYPE" :value="scope.row.tradeType"/>
</template>
</el-table-column>
<el-table-column label="收据/发票号码" align="center" prop="invoiceNumber"/>
<!-- <el-table-column label="纸档位置" align="center" prop="position" />-->
<!-- <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="归档id" align="center" prop="recordId" />-->
<el-table-column label="金额" align="center" prop="price"/>
<el-table-column label="支付方式" align="center" prop="payType">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.PAY_TYPE" :value="scope.row.payType"/>
</template>
</el-table-column>
<el-table-column label="账户" align="center" prop="account"/>
<el-table-column label="项目" align="center" prop="project"/>
<el-table-column label="状态" align="center" prop="status">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.CONTRACT_STATUS" :value="scope.row.status"/>
</template>
</el-table-column>
<!-- <el-table-column label="归档状态" align="center" prop="fileStatus">-->
<!-- <template v-slot="scope">-->
<!-- <dict-tag :type="DICT_TYPE.ARCHIVES_FILE_STATUS" :value="scope.row.fileStatus" />-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="备注" align="center" prop="remarks"/>
<!-- <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="invoiceNumber"/>
<!--<el-table-column label="纸档位置" align="center" prop="position" />
<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="归档id" align="center" prop="recordId" />-->
<!-- <el-table-column label="归档日期" align="center" prop="recordTime" />-->
<el-table-column label="支付方式" align="center" prop="payType">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.PAY_TYPE" :value="scope.row.payType"/>
</template>
</el-table-column>
<el-table-column label="账户" align="center" prop="account"/>
<el-table-column label="项目" align="center" prop="project"/>
<el-table-column label="状态" align="center" prop="status">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.CONTRACT_STATUS" :value="scope.row.status"/>
</template>
</el-table-column>
<!--<el-table-column label="归档状态" align="center" prop="fileStatus">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.ARCHIVES_FILE_STATUS" :value="scope.row.fileStatus" />
</template>
</el-table-column>-->
<el-table-column label="备注" align="center" prop="remarks">
<!-- 文本域的数据包含html标签，需要使用v-html进行展示 -->
<template v-slot="scope">
<div v-html="scope.row.remarks"></div>
</template>
</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" class-name="small-padding fixed-width">
<template v-slot="scope">
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleView(scope.row)"
>查看
</el-button>
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['electronic:finance:update']"
>修改
</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['electronic:finance: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"
/>
<el-table-column label="归档日期" align="center" prop="recordTime" />-->
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="180px">
<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
size="mini"
type="text"
icon="el-icon-view"
@click="handleView(scope.row)"
>查看
</el-button>
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['electronic:finance:update']"
>修改
</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['electronic:finance: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"
/>
</el-card>
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="1000px" v-dialogDrag append-to-body>
<el-upload
@ -238,11 +256,11 @@
<el-input v-model="form.createBy" placeholder="请输入制单人"/>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item label="业务实体id" prop="companyId">
<el-input v-model="form.companyId" placeholder="请输入业务实体id"/>
</el-form-item>
</el-col>
</el-form-item>
</el-col>-->
<el-col :span="8">
<el-form-item label="业务实体" prop="company">
<el-select
@ -262,18 +280,6 @@
</el-select>
</el-form-item>
</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-form-item label="部门名称" prop="deptName">
<treeselect
@ -283,11 +289,24 @@
:clearable="true"
placeholder="请选择归属部门"
:normalizer="normalizer"
:disabled = "treeDisabled"
:disabled="treeDisabled"
/>
</el-form-item>
</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-row>-->
<el-row>
<el-col :span="8">
<el-form-item label="支付账户" prop="account">
@ -343,11 +362,11 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<!--<el-col :span="8">
<el-form-item label="归档id" prop="recordId">
<el-input v-model="form.recordId" placeholder="请输入归档id"/>
</el-form-item>
</el-col>
</el-col>-->
<el-col :span="8">
<el-form-item label="交易类型" prop="tradeType">
<el-select v-model="form.tradeType" placeholder="请选择交易类型">
@ -357,8 +376,6 @@
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="支付方式" prop="payType">
<el-select v-model="form.payType" placeholder="请选择支付方式">
@ -368,21 +385,8 @@
</el-select>
</el-form-item>
</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-col :span="8">
<el-form-item label="交易日期" prop="tradeDate">
@ -398,7 +402,26 @@
/>
</el-form-item>
</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-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>
<div slot="footer" class="dialog-footer">
<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 { listSimplePosts } from '@/api/system/post'
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'
export default {
name: 'Finance',
components: {FileUpload,Treeselect,},
components: { FileUpload, Treeselect,Editor, WxVideoPlayer ,ImagePreview},
data() {
return {
propName: {
label: "pName",
value: "pId",
multiple: false,
label: 'pName',
value: 'pId',
multiple: false
},
// 遮罩层
loading: true,
@ -487,7 +514,7 @@ export default {
Authorization: 'Bearer ' + getAccessToken(),
'tenant-id': getTenantId()
}, // 设置上传的请求头
fileList: [], // 文件列表
fileList: [], // 上传的文件列表
getFileUrl: process.env.VUE_APP_BASE_API + '/admin-api/infra/file/',
uploadDisabled: undefined,
optType: undefined,
@ -496,19 +523,19 @@ export default {
organizationList: [],
// 部门树选项
deptOptions: undefined,
treeDisabled:undefined,
treeDisabled: undefined,
// 非多个禁用
multiple: true,
// 非单个禁用
single: true,
// 多选框数组
ids: [],
ids: []
}
},
created() {
this.getList();
this.getSiteList();
this.getOrganizationList();
this.getList()
this.getSiteList()
this.getOrganizationList()
this.getTreeselect()
},
methods: {
@ -550,6 +577,7 @@ export default {
fileStatus: undefined,
remarks: undefined,
tradeDate: undefined,
contractAttachment: undefined,
recordTime: undefined
}
this.resetForm('form')
@ -559,6 +587,20 @@ export default {
this.queryParams.pageNo = 1
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() {
this.resetForm('queryForm')
@ -568,6 +610,7 @@ export default {
handleAdd() {
this.reset()
this.open = true
this.fileList = []
this.optType = 'add'
this.uploadDisabled = true
this.title = '添加财务档案'
@ -622,7 +665,7 @@ export default {
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id || this.ids;
const id = row.id || this.ids
this.$modal.confirm('是否确认删除财务档案编号为"' + id + '"的数据项?').then(function() {
return deleteFinance(id)
}).then(() => {
@ -648,14 +691,14 @@ export default {
},
// 业务实体选择事件
handleCompanyChange(val) {
this.form.companyId = val.id;
this.form.company = val.organizationName;
this.form.companyId = val.id
this.form.company = val.organizationName
},
// 获取业务实体
getOrganizationList() {
getOrganizationPage().then((response) => {
this.organizationList = response.data.list;
});
this.organizationList = response.data.list
})
},
// 上传成功的函数
handleSuccess(res) {
@ -667,62 +710,66 @@ export default {
return {
id: node.id,
label: node.name,
children: node.children,
};
children: node.children
}
},
/** 查询部门下拉树结构 + 岗位下拉 */
getTreeselect() {
listSimpleDepts().then((response) => {
// 处理 deptOptions 参数
this.deptOptions = [];
this.deptOptions.push(...this.handleTree(response.data, "id"));
});
this.deptOptions = []
this.deptOptions.push(...this.handleTree(response.data, 'id'))
})
listSimplePosts().then((response) => {
// 处理 postOptions 参数
this.postOptions = [];
this.postOptions.push(...response.data);
});
this.postOptions = []
this.postOptions.push(...response.data)
})
},
//选择默认的归档位置
handleSiteChanged(obj) {
if (obj != null) {
this.form.organizationId = obj[0];
this.form.depotId = obj[1];
this.form.cabinetId = obj[2];
this.form.organizationId = obj[0]
this.form.depotId = obj[1]
this.form.cabinetId = obj[2]
}
},
//获取归档位置
getSiteList() {
getSiteTree().then((response) => {
this.siteOptions = response.data;
this.siteOptions = response.data
this.siteOptions.map((w) => {
w.children.map((l) => {
let lstr = JSON.stringify(l.children)
.replace(/depotId/g, "lId")
.replace(/cabinetId/g, "pId")
.replace(/cabinetName/g, "pName");
l.children = JSON.parse(lstr);
});
.replace(/depotId/g, 'lId')
.replace(/cabinetId/g, 'pId')
.replace(/cabinetName/g, 'pName')
l.children = JSON.parse(lstr)
})
let wstr = JSON.stringify(w.children)
.replace(/organizationId/g, "wId")
.replace(/depotId/g, "pId")
.replace(/depotName/g, "pName");
w.children = JSON.parse(wstr);
});
.replace(/organizationId/g, 'wId')
.replace(/depotId/g, 'pId')
.replace(/depotName/g, 'pName')
w.children = JSON.parse(wstr)
})
let ostr = JSON.stringify(this.siteOptions)
.replace(/organizationId/g, "pId")
.replace(/organizationName/g, "pName");
this.siteOptions = JSON.parse(ostr);
.replace(/organizationId/g, 'pId')
.replace(/organizationName/g, 'pName')
this.siteOptions = JSON.parse(ostr)
// console.log(this.siteOptions);
});
})
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map((item) => item.id);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
this.ids = selection.map((item) => item.id)
this.single = selection.length !== 1
this.multiple = !selection.length
}
}
}
</script>
<style lang="scss" scoped>
@import "@/assets/styles/header/index.scss";
@import "@/assets/styles/common/index.scss";
</style>

Write Preview
Loading…
Cancel
Save