全局配置在线预览地址

main
mo 1 year ago
parent ed156c4be3
commit c7f9bd08d9

@ -5,8 +5,8 @@ ENV = 'development'
VUE_APP_TITLE = 链友融财务数字一体化信息系统 VUE_APP_TITLE = 链友融财务数字一体化信息系统
# 芋道管理系统/本地环境 # 芋道管理系统/本地环境
# VUE_APP_BASE_API = '/proxy-api' VUE_APP_BASE_API = '/proxy-api'
VUE_APP_BASE_API = 'http://127.0.0.1:48080' # VUE_APP_BASE_API = 'http://127.0.0.1:48080'
# 路由懒加载 # 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true VUE_CLI_BABEL_TRANSPILE_MODULES = true
@ -22,3 +22,6 @@ VUE_APP_DOC_ENABLE = true
# 百度统计 # 百度统计
VUE_APP_BAIDU_CODE = fadc1bd5db1a1d6f581df60a1807f8ab VUE_APP_BAIDU_CODE = fadc1bd5db1a1d6f581df60a1807f8ab
#线上预览
VUE_APP_ONLINE_API = 'http://139.224.253.31:48012'

@ -23,3 +23,6 @@ VUE_APP_DOC_ENABLE = false
# 百度统计 # 百度统计
VUE_APP_BAIDU_CODE = fadc1bd5db1a1d6f581df60a1807f8ab VUE_APP_BAIDU_CODE = fadc1bd5db1a1d6f581df60a1807f8ab
#线上预览
VUE_APP_ONLINE_API = 'http://139.224.253.31:48012'

@ -310,9 +310,11 @@ export default {
* @param fileUrl * @param fileUrl
*/ */
openLink(fileUrl) { openLink(fileUrl) {
const url = `http://139.224.253.31:48012/onlinePreview?url=${encodeURIComponent( console.log(process.env.VUE_APP_ONLINE_API);
this.base64Encode(fileUrl) // const url = `http://139.224.253.31:48012/onlinePreview?url=${encodeURIComponent(this.base64Encode(fileUrl))}`;
)}`; const url =
process.env.VUE_APP_ONLINE_API +
`/onlinePreview?url=${encodeURIComponent(this.base64Encode(fileUrl))}`;
window.open(url); window.open(url);
}, },
/** 取消按钮 */ /** 取消按钮 */

@ -79,11 +79,11 @@
<!-- 列表 --> <!-- 列表 -->
<el-table v-loading="loading" :data="list"> <el-table v-loading="loading" :data="list">
<el-table-column label="账簿名称" align="center" prop="name"> <el-table-column label="账簿名称" align="center" prop="name">
<!-- <template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" @click="openLink(scope.row.uri)"> <el-button type="text" @click="openLink(scope.row.uri)">
{{ scope.row.name }} {{ scope.row.name }}
</el-button> </el-button>
</template> --> </template>
</el-table-column> </el-table-column>
<el-table-column label="业务实体" align="center" prop="company" /> <el-table-column label="业务实体" align="center" prop="company" />
<el-table-column label="细分类型" align="center" prop="type" /> <el-table-column label="细分类型" align="center" prop="type" />
@ -359,12 +359,12 @@ export default {
// * // *
// * @param fileUrl // * @param fileUrl
// */ // */
// openLink(fileUrl) { openLink(fileUrl) {
// const url = `http://139.224.253.31:48012/onlinePreview?url=${encodeURIComponent( const url =
// this.base64Encode(fileUrl) process.env.VUE_APP_ONLINE_API +
// )}`; `/onlinePreview?url=${encodeURIComponent(this.base64Encode(fileUrl))}`;
// window.open(url); window.open(url);
// }, },
/** 查询列表 */ /** 查询列表 */
getList() { getList() {
this.loading = true; this.loading = true;

@ -918,9 +918,9 @@ export default {
* @param fileUrl * @param fileUrl
*/ */
openLink(fileUrl) { openLink(fileUrl) {
const url = `http://139.224.253.31:48012/onlinePreview?url=${encodeURIComponent( const url =
this.base64Encode(fileUrl) process.env.VUE_APP_ONLINE_API +
)}`; `/onlinePreview?url=${encodeURIComponent(this.base64Encode(fileUrl))}`;
window.open(url); window.open(url);
}, },
handleClick(tab) { handleClick(tab) {

@ -340,9 +340,9 @@ export default {
* @param fileUrl 地址 * @param fileUrl 地址
*/ */
openLink(fileUrl) { openLink(fileUrl) {
const url = `http://139.224.253.31:48012/onlinePreview?url=${encodeURIComponent( const url =
this.base64Encode(fileUrl) process.env.VUE_APP_ONLINE_API +
)}`; `/onlinePreview?url=${encodeURIComponent(this.base64Encode(fileUrl))}`;
window.open(url); window.open(url);
}, },
/** 查询列表 */ /** 查询列表 */

@ -1,67 +1,121 @@
<template> <template>
<div class="app-container"> <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="制单人" prop="createBy"> <el-form-item label="制单人" prop="createBy">
<el-input v-model="queryParams.createBy" placeholder="请输入制单人" clearable <el-input
@keyup.enter.native="handleQuery"/> v-model="queryParams.createBy"
placeholder="请输入制单人"
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--> <!-- <el-input v-model="queryParams.company" placeholder="请输入业务实体" clearable-->
<!-- @keyup.enter.native="handleQuery"/>--> <!-- @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"--> <!-- <el-date-picker v-model="queryParams.createTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"-->
<!-- type="daterange"--> <!-- type="daterange"-->
<!-- range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"--> <!-- range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"-->
<!-- :default-time="['00:00:00', '23:59:59']"/>--> <!-- :default-time="['00:00:00', '23:59:59']"/>-->
<!-- </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--> <!-- <el-input v-model="queryParams.deptName" placeholder="请输入所属部门" clearable-->
<!-- @keyup.enter.native="handleQuery"/>--> <!-- @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<el-form-item label="合同编号" prop="contractCode"> <el-form-item label="合同编号" prop="contractCode">
<el-input v-model="queryParams.contractCode" placeholder="请输入合同编号" clearable <el-input
@keyup.enter.native="handleQuery"/> v-model="queryParams.contractCode"
placeholder="请输入合同编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="合同名称" prop="contractTitle"> <el-form-item label="合同名称" prop="contractTitle">
<el-input v-model="queryParams.contractTitle" placeholder="请输入合同名称" clearable <el-input
@keyup.enter.native="handleQuery"/> v-model="queryParams.contractTitle"
placeholder="请输入合同名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="合同类型" prop="contractType"> <el-form-item label="合同类型" prop="contractType">
<el-select v-model="queryParams.contractType" placeholder="请选择合同类型" clearable size="small"> <el-select
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.CONTRACT_TYPE)" v-model="queryParams.contractType"
:key="dict.value" :label="dict.label" :value="dict.value"/> placeholder="请选择合同类型"
clearable
size="small"
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.CONTRACT_TYPE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="签署方" prop="signatory"> <el-form-item label="签署方" prop="signatory">
<el-input v-model="queryParams.signatory" placeholder="请输入签署方" clearable <el-input
@keyup.enter.native="handleQuery"/> v-model="queryParams.signatory"
placeholder="请输入签署方"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="签署日期" prop="signDate"> <el-form-item label="签署日期" prop="signDate">
<el-date-picker v-model="queryParams.signDate" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" <el-date-picker
type="daterange" v-model="queryParams.signDate"
range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" style="width: 240px"
:default-time="['00:00:00', '23:59:59']"/> 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-form-item label="合同状态" prop="contractStatus"> <el-form-item label="合同状态" prop="contractStatus">
<el-select v-model="queryParams.contractStatus" placeholder="请选择状态" clearable size="small"> <el-select
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.CONTRACT_STATUS)" v-model="queryParams.contractStatus"
:key="dict.value" :label="dict.label" :value="dict.value"/> 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-select>
</el-form-item> </el-form-item>
<el-form-item label="处理结果" prop="handleResult"> <el-form-item label="处理结果" prop="handleResult">
<el-select v-model="queryParams.handleResult" placeholder="请选择处理结果" clearable size="small"> <el-select
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.HANDLE_RESULT)" v-model="queryParams.handleResult"
:key="dict.value" :label="dict.label" :value="dict.value"/> placeholder="请选择处理结果"
clearable
size="small"
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.HANDLE_RESULT)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="年度" prop="year"> <el-form-item label="年度" prop="year">
<el-date-picker <el-date-picker
popper-class="due_year" popper-class="due_year"
v-model="queryParams.year" v-model="queryParams.year"
value-format="Y" value-format="Y"
type="year" type="year"
placeholder="请选择会计月份" placeholder="请选择会计月份"
@ -82,33 +136,53 @@
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="借阅状态" prop="borrowStatus"> <el-form-item label="借阅状态" prop="borrowStatus">
<el-select v-model="queryParams.borrowStatus" placeholder="请选择借阅状态" clearable size="small"> <el-select
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)" v-model="queryParams.borrowStatus"
:key="dict.value" :label="dict.label" :value="dict.value"/> placeholder="请选择借阅状态"
clearable
size="small"
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select> </el-select>
</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"--> <!-- <el-date-picker v-model="queryParams.recordTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"-->
<!-- type="daterange"--> <!-- type="daterange"-->
<!-- range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"--> <!-- range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"-->
<!-- :default-time="['00:00:00', '23:59:59']"/>--> <!-- :default-time="['00:00:00', '23:59:59']"/>-->
<!-- </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--> <!-- <el-input v-model="queryParams.position" placeholder="请输入纸档位置" clearable-->
<!-- @keyup.enter.native="handleQuery"/>--> <!-- @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<!-- <el-form-item label="完整性" prop="cherks">--> <!-- <el-form-item label="完整性" prop="cherks">-->
<!-- <el-input v-model="queryParams.cherks" placeholder="请输入完整性" clearable @keyup.enter.native="handleQuery"/>--> <!-- <el-input v-model="queryParams.cherks" placeholder="请输入完整性" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </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
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)" v-model="queryParams.fileStatus"
:key="dict.value" :label="dict.label" :value="dict.value"/> 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-select>
</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>
</el-form> </el-form>
@ -116,70 +190,116 @@
<!-- 操作工具栏 --> <!-- 操作工具栏 -->
<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
v-hasPermi="['ea:electronic-contracts:create']">新增 type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['ea:electronic-contracts:create']"
>新增
</el-button> </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" <el-button
:loading="exportLoading" type="warning"
v-hasPermi="['ea:electronic-contracts:export']">导出 plain
icon="el-icon-download"
size="mini"
@click="handleExport"
:loading="exportLoading"
v-hasPermi="['ea:electronic-contracts:export']"
>导出
</el-button> </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="createBy" />
<el-table-column label="制单人" align="center" prop="createBy"/> <el-table-column
<el-table-column label="创建日期" align="center" prop="createTime" width="180"> 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="company"/> <el-table-column label="业务实体" align="center" prop="company" />
<el-table-column label="所属部门" align="center" prop="deptName"/> <el-table-column label="所属部门" align="center" prop="deptName" />
<el-table-column label="合同编号" align="center" prop="contractCode"/> <el-table-column label="合同编号" align="center" prop="contractCode" />
<el-table-column label="合同名称" align="center" prop="contractTitle"/> <el-table-column label="合同名称" align="center" prop="contractTitle" />
<el-table-column label="合同类型" align="center" prop="contractType"> <el-table-column label="合同类型" align="center" prop="contractType">
<template v-slot="scope"> <template v-slot="scope">
<dict-tag :type="DICT_TYPE.CONTRACT_TYPE" :value="scope.row.contractType" /> <dict-tag
:type="DICT_TYPE.CONTRACT_TYPE"
:value="scope.row.contractType"
/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="签署方" align="center" prop="signatory"/> <el-table-column label="签署方" align="center" prop="signatory" />
<el-table-column label="签署日期" align="center" prop="signDate" width="98px"> <el-table-column
label="签署日期"
align="center"
prop="signDate"
width="98px"
>
<template v-slot="scope"> <template v-slot="scope">
<span>{{ parseTime(scope.row.signDate) }}</span> <span>{{ parseTime(scope.row.signDate) }}</span>
<!-- <span>{{dateArray(scope.row.signDate) }}</span>--> <!-- <span>{{dateArray(scope.row.signDate) }}</span>-->
<!-- <span>{{ dateArrayTransfer(scope.row.signDate,'yyyy-MM-dd ') }}</span>--> <!-- <span>{{ dateArrayTransfer(scope.row.signDate,'yyyy-MM-dd ') }}</span>-->
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="生效日期" align="center" prop="effectiveDate" width="98px"> <el-table-column
label="生效日期"
align="center"
prop="effectiveDate"
width="98px"
>
<template v-slot="scope"> <template v-slot="scope">
<span>{{ parseTime(scope.row.effectiveDate) }}</span> <span>{{ parseTime(scope.row.effectiveDate) }}</span>
<!-- <span>{{dateArray(scope.row.effectiveDate) }}</span>--> <!-- <span>{{dateArray(scope.row.effectiveDate) }}</span>-->
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="截止日期" align="center" prop="expiryDate" width="98px" > <el-table-column
label="截止日期"
align="center"
prop="expiryDate"
width="98px"
>
<template v-slot="scope"> <template v-slot="scope">
<span>{{ parseTime(scope.row.expiryDate) }}</span> <span>{{ parseTime(scope.row.expiryDate) }}</span>
<!-- <span>{{dateArray(scope.row.expiryDate) }}</span>--> <!-- <span>{{dateArray(scope.row.expiryDate) }}</span>-->
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="合同状态" align="center" prop="contractStatus"> <el-table-column label="合同状态" align="center" prop="contractStatus">
<template v-slot="scope"> <template v-slot="scope">
<dict-tag :type="DICT_TYPE.CONTRACT_STATUS" :value="scope.row.contractStatus" /> <dict-tag
:type="DICT_TYPE.CONTRACT_STATUS"
:value="scope.row.contractStatus"
/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="金额" align="center" prop="contractAmount"/> <el-table-column label="金额" align="center" prop="contractAmount" />
<el-table-column label="查看附件" align="center" prop="contractAttachment" width="180"> <el-table-column
label="查看附件"
align="center"
prop="contractAttachment"
width="180"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" @click="openLink(scope.row.contractAttachment)"> <el-button
type="text"
@click="openLink(scope.row.contractAttachment)"
>
{{ scope.row.contractAttachment }} {{ scope.row.contractAttachment }}
</el-button> </el-button>
</template> </template>
@ -202,42 +322,73 @@
<el-table-column label="处理结果" align="center" prop="handleResult"> <el-table-column label="处理结果" align="center" prop="handleResult">
<template v-slot="scope"> <template v-slot="scope">
<dict-tag :type="DICT_TYPE.HANDLE_RESULT" :value="scope.row.handleResult" /> <dict-tag
:type="DICT_TYPE.HANDLE_RESULT"
:value="scope.row.handleResult"
/>
</template> </template>
</el-table-column> </el-table-column>
<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="borrowStatus"> <el-table-column label="借阅状态" align="center" prop="borrowStatus">
<template v-slot="scope"> <template v-slot="scope">
<dict-tag :type="DICT_TYPE.BORROW_STATUS" :value="scope.row.borrowStatus" /> <dict-tag
:type="DICT_TYPE.BORROW_STATUS"
:value="scope.row.borrowStatus"
/>
</template> </template>
</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> </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" />
<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" 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
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" size="mini"
v-hasPermi="['ea:electronic-contracts:update']">修改 type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['ea:electronic-contracts:update']"
>修改
</el-button> </el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" <el-button
v-hasPermi="['ea:electronic-contracts:delete']">删除 size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['ea:electronic-contracts:delete']"
>删除
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<!-- 分页组件 --> <!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" <pagination
@pagination="getList"/> v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNo"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!--预览--> <!--预览-->
<!-- <el-dialog :title="previewtitle" :visible.sync="preview" width="1000px" v-dialogDrag append-to-body>--> <!-- <el-dialog :title="previewtitle" :visible.sync="preview" width="1000px" v-dialogDrag append-to-body>-->
<!-- <el-form ref="form" :model="form" :rules="rules" label-width="98px">--> <!-- <el-form ref="form" :model="form" :rules="rules" label-width="98px">-->
@ -272,49 +423,67 @@
<!-- </el-table-column>--> <!-- </el-table-column>-->
<!-- </el-table>--> <!-- </el-table>-->
<!-- </el-tab-pane>--> <!-- </el-tab-pane>-->
<!-- </el-tabs>--> <!-- </el-tabs>-->
<!-- </el-dialog>--> <!-- </el-dialog>-->
<!-- 对话框(添加 / 修改) --> <!-- 对话框(添加 / 修改) -->
<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-form ref="form" :model="form" :rules="rules" label-width="98px"> <el-form ref="form" :model="form" :rules="rules" label-width="98px">
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="制单人" prop="createBy"> <el-form-item label="制单人" prop="createBy">
<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="业务实体" prop="company"> <el-form-item label="业务实体" prop="company">
<el-input v-model="form.company" placeholder="请输入业务实体"/> <el-input v-model="form.company" placeholder="请输入业务实体" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="所属部门" prop="deptName"> <el-form-item label="所属部门" prop="deptName">
<el-input v-model="form.deptName" placeholder="请输入所属部门"/> <el-input v-model="form.deptName" placeholder="请输入所属部门" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="合同编号" prop="contractCode"> <el-form-item label="合同编号" prop="contractCode">
<el-input v-model="form.contractCode" placeholder="请输入合同编号"/> <el-input
v-model="form.contractCode"
placeholder="请输入合同编号"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="合同名称" prop="contractTitle"> <el-form-item label="合同名称" prop="contractTitle">
<el-input v-model="form.contractTitle" placeholder="请输入合同名称"/> <el-input
v-model="form.contractTitle"
placeholder="请输入合同名称"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="合同类型" prop="contractType"> <el-form-item label="合同类型" prop="contractType">
<el-select v-model="form.contractType" placeholder="请选择合同类型"> <el-select
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.CONTRACT_TYPE)" v-model="form.contractType"
:key="dict.value" :label="dict.label" :value="dict.value"/> placeholder="请选择合同类型"
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.CONTRACT_TYPE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -322,53 +491,81 @@
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="签署方" prop="signatory"> <el-form-item label="签署方" prop="signatory">
<el-input v-model="form.signatory" placeholder="请输入签署方"/> <el-input v-model="form.signatory" placeholder="请输入签署方" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="签署日期" prop="signDate"> <el-form-item label="签署日期" prop="signDate">
<el-date-picker clearable v-model="form.signDate" type="date" value-format="yyyy-MM-dd" <el-date-picker
placeholder="选择签署日期"/> clearable
v-model="form.signDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择签署日期"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="生效日期" prop="effectiveDate"> <el-form-item label="生效日期" prop="effectiveDate">
<el-date-picker clearable v-model="form.effectiveDate" type="date" value-format="yyyy-MM-dd" <el-date-picker
placeholder="选择生效日期"/> clearable
v-model="form.effectiveDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择生效日期"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="截止日期" prop="expiryDate"> <el-form-item label="截止日期" prop="expiryDate">
<el-date-picker clearable v-model="form.expiryDate" type="date" value-format="yyyy-MM-dd" <el-date-picker
placeholder="选择截止日期"/> clearable
v-model="form.expiryDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择截止日期"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="合同状态" prop="contractStatus"> <el-form-item label="合同状态" prop="contractStatus">
<el-select v-model="form.contractStatus" placeholder="请选择状态"> <el-select v-model="form.contractStatus" placeholder="请选择状态">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.CONTRACT_STATUS)" <el-option
:key="dict.value" :label="dict.label" :value="dict.value"/> v-for="dict in this.getDictDatas(DICT_TYPE.CONTRACT_STATUS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</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="金额" prop="contractAmount"> <el-form-item label="金额" prop="contractAmount">
<el-input v-model="form.contractAmount" placeholder="请输入金额"/> <el-input
v-model="form.contractAmount"
placeholder="请输入金额"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-form-item label="附件"> <el-form-item label="附件">
<fileUpload <fileUpload v-model="form.contractAttachment" />
v-model="form.contractAttachment"/>
</el-form-item> </el-form-item>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="处理结果" prop="handleResult"> <el-form-item label="处理结果" prop="handleResult">
<el-select v-model="form.handleResult" placeholder="请选择处理结果"> <el-select
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.HANDLE_RESULT)" v-model="form.handleResult"
:key="dict.value" :label="dict.label" :value="dict.value"/> placeholder="请选择处理结果"
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.HANDLE_RESULT)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -401,34 +598,52 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="借阅状态" prop="borrowStatus"> <el-form-item label="借阅状态" prop="borrowStatus">
<el-select v-model="form.borrowStatus" placeholder="请选择借阅状态"> <el-select
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)" v-model="form.borrowStatus"
:key="dict.value" :label="dict.label" :value="dict.value"/> placeholder="请选择借阅状态"
>
<el-option
v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</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="归档时间" prop="recordTime"> <el-form-item label="归档时间" prop="recordTime">
<el-date-picker clearable v-model="form.recordTime" type="date" value-format="yyyy-MM-dd" <el-date-picker
placeholder="选择归档时间"/> clearable
v-model="form.recordTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择归档时间"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="纸档位置" prop="position"> <el-form-item label="纸档位置" prop="position">
<el-input v-model="form.position" placeholder="请输入纸档位置"/> <el-input v-model="form.position" placeholder="请输入纸档位置" />
</el-form-item> </el-form-item>
</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-input v-model="form.cherks" placeholder="请输入完整性" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="归档状态" prop="fileStatus"> <el-form-item label="归档状态" prop="fileStatus">
<el-select v-model="form.fileStatus" placeholder="请选择归档状态"> <el-select v-model="form.fileStatus" placeholder="请选择归档状态">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)" <el-option
:key="dict.value" :label="dict.label" :value="dict.value"/> v-for="dict in this.getDictDatas(
DICT_TYPE.ARCHIVES_FILE_STATUS
)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -450,11 +665,11 @@ import {
deleteElectronicContracts, deleteElectronicContracts,
getElectronicContracts, getElectronicContracts,
getElectronicContractsPage, getElectronicContractsPage,
exportElectronicContractsExcel exportElectronicContractsExcel,
} from "@/api/ea/electronicContracts/electronicContracts"; } from "@/api/ea/electronicContracts/electronicContracts";
import FileUpload from '@/components/FileUpload'; import FileUpload from "@/components/FileUpload";
import ImagePreview from "@/components/ImagePreview"; import ImagePreview from "@/components/ImagePreview";
import Video from "@/components/VideoUpload" import Video from "@/components/VideoUpload";
import WxVideoPlayer from "@/views/mp/components/wx-video-play/main"; import WxVideoPlayer from "@/views/mp/components/wx-video-play/main";
export default { export default {
@ -522,7 +737,7 @@ export default {
// //
form: {}, form: {},
// //
rules: {} rules: {},
}; };
}, },
created() { created() {
@ -534,11 +749,11 @@ export default {
getList() { getList() {
this.loading = true; this.loading = true;
// //
getElectronicContractsPage(this.queryParams).then(response => { getElectronicContractsPage(this.queryParams).then((response) => {
this.list = response.data.list; this.list = response.data.list;
this.total = response.data.total; this.total = response.data.total;
this.loading = false; this.loading = false;
console.log(this.list) console.log(this.list);
}); });
}, },
/** /**
@ -546,44 +761,43 @@ export default {
* @param fileUrl * @param fileUrl
*/ */
openLink(fileUrl) { openLink(fileUrl) {
const url = `http://139.224.253.31:48012/onlinePreview?url=${encodeURIComponent( const url =
this.base64Encode(fileUrl) process.env.VUE_APP_ONLINE_API +
)}`; `/onlinePreview?url=${encodeURIComponent(this.base64Encode(fileUrl))}`;
window.open(url); window.open(url);
}, },
isImg(url) { isImg(url) {
let suffix = url.substring(url.lastIndexOf(".")) let suffix = url.substring(url.lastIndexOf("."));
let typeList = ['.jpg', '.png', '.gif', '.jpeg'] let typeList = [".jpg", ".png", ".gif", ".jpeg"];
for (let type of typeList) { for (let type of typeList) {
if (suffix == type) { if (suffix == type) {
return true return true;
} }
} }
return false; return false;
}, },
isVideo(url) { isVideo(url) {
let suffix = url.substring(url.lastIndexOf(".")) let suffix = url.substring(url.lastIndexOf("."));
let typeList = ['.mp3', '.mp4', '.mov', '.avi'] let typeList = [".mp3", ".mp4", ".mov", ".avi"];
for (let type of typeList) { for (let type of typeList) {
debugger debugger;
if (suffix == type) { if (suffix == type) {
return true return true;
} }
} }
return false; return false;
}, },
cutFile(url) { cutFile(url) {
let path = url.substring(url.lastIndexOf("/")) let path = url.substring(url.lastIndexOf("/"));
return path return path;
}, },
dateArray(list){ dateArray(list) {
if (list == null){ if (list == null) {
return "" return "";
} }
let date = list[0]+"-"+list[1]+"-"+list[2] let date = list[0] + "-" + list[1] + "-" + list[2];
debugger debugger;
return date return date;
}, },
/** 取消按钮 */ /** 取消按钮 */
cancel() { cancel() {
@ -641,33 +855,30 @@ export default {
/* 预览按钮*/ /* 预览按钮*/
handlePreview() { handlePreview() {
this.preview = true; this.preview = true;
this.previewtitle = "附件预览" this.previewtitle = "附件预览";
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.reset(); this.reset();
const id = row.id; const id = row.id;
getElectronicContracts(id).then(response => { getElectronicContracts(id).then((response) => {
this.form = response.data; this.form = response.data;
this.form.signDate = this.form.signDate = this.form.effectiveDate;
this.form.effectiveDate this.form.expiryDate;
this.form.expiryDate
this.open = true; this.open = true;
this.title = "修改合同档案"; this.title = "修改合同档案";
}); });
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
this.$refs["form"].validate(valid => { this.$refs["form"].validate((valid) => {
if (!valid) { if (!valid) {
return; return;
} }
// //
if (this.form.id != null) { if (this.form.id != null) {
updateElectronicContracts(this.form).then(response => { updateElectronicContracts(this.form).then((response) => {
this.$modal.msgSuccess("修改成功"); this.$modal.msgSuccess("修改成功");
this.open = false; this.open = false;
this.getList(); this.getList();
@ -675,8 +886,7 @@ export default {
return; return;
} }
// //
createElectronicContracts(this.form).then(response => { createElectronicContracts(this.form).then((response) => {
this.$modal.msgSuccess("新增成功"); this.$modal.msgSuccess("新增成功");
this.open = false; this.open = false;
this.getList(); this.getList();
@ -686,30 +896,35 @@ export default {
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { handleDelete(row) {
const id = row.id; const id = row.id;
this.$modal.confirm('是否确认删除合同档案编号为"' + id + '"的数据项?').then(function () { this.$modal
return deleteElectronicContracts(id); .confirm('是否确认删除合同档案编号为"' + id + '"的数据项?')
}).then(() => { .then(function () {
this.getList(); return deleteElectronicContracts(id);
this.$modal.msgSuccess("删除成功"); })
}).catch(() => { .then(() => {
}); this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport() {
// //
let params = {...this.queryParams}; let params = { ...this.queryParams };
params.pageNo = undefined; params.pageNo = undefined;
params.pageSize = undefined; params.pageSize = undefined;
this.$modal.confirm('是否确认导出所有合同档案数据项?').then(() => { this.$modal
this.exportLoading = true; .confirm("是否确认导出所有合同档案数据项?")
return exportElectronicContractsExcel(params); .then(() => {
}).then(response => { this.exportLoading = true;
this.$download.excel(response, '合同档案.xls'); return exportElectronicContractsExcel(params);
this.exportLoading = false; })
}).catch(() => { .then((response) => {
}); this.$download.excel(response, "合同档案.xls");
this.exportLoading = false;
})
.catch(() => {});
}, },
},
}
}; };
</script> </script>

Loading…
Cancel
Save