全局配置在线预览地址

main
mo 1 year ago
parent ed156c4be3
commit c7f9bd08d9

@ -5,8 +5,8 @@ ENV = 'development'
VUE_APP_TITLE = 链友融财务数字一体化信息系统
# 芋道管理系统/本地环境
# VUE_APP_BASE_API = '/proxy-api'
VUE_APP_BASE_API = 'http://127.0.0.1:48080'
VUE_APP_BASE_API = '/proxy-api'
# VUE_APP_BASE_API = 'http://127.0.0.1:48080'
# 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true
@ -22,3 +22,6 @@ VUE_APP_DOC_ENABLE = true
# 百度统计
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_ONLINE_API = 'http://139.224.253.31:48012'

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

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

@ -918,9 +918,9 @@ export default {
* @param fileUrl
*/
openLink(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);
},
handleClick(tab) {

@ -340,9 +340,9 @@ export default {
* @param fileUrl 地址
*/
openLink(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);
},
/** 查询列表 */

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

Loading…
Cancel
Save