test
This commit is contained in:
@@ -1,215 +1,101 @@
|
|||||||
<template>
|
<template>
|
||||||
<!-- 档案管理——未入库档案著录、已入库数据浏览、OA数据管理、已入库收藏夹,点击原文数量弹框 -->
|
<!-- 档案管理——未入库档案著录、已入库数据浏览、OA数据管理、已入库收藏夹,点击原文数量弹框 -->
|
||||||
<div>
|
<div>
|
||||||
<el-drawer
|
<el-drawer title="原文详情" :visible.sync="drawer" :append-to-body="true" direction="ltr" :before-close="handleClose"
|
||||||
title="原文详情"
|
size="100%" :wrapperClosable="false">
|
||||||
:visible.sync="drawer"
|
<div class="tip-info" v-if="
|
||||||
:append-to-body="true"
|
|
||||||
direction="ltr"
|
|
||||||
:before-close="handleClose"
|
|
||||||
size="100%"
|
|
||||||
:wrapperClosable="false"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="tip-info"
|
|
||||||
v-if="
|
|
||||||
routerName === 'dataBrowsing' || routerName === 'notStoredArchives'
|
routerName === 'dataBrowsing' || routerName === 'notStoredArchives'
|
||||||
"
|
">
|
||||||
>
|
|
||||||
{{ checkText }}
|
{{ checkText }}
|
||||||
</div>
|
</div>
|
||||||
<div class="btnClass">
|
<div class="btnClass">
|
||||||
<el-card :body-style="{ padding: '10px' }">
|
<el-card :body-style="{ padding: '10px' }">
|
||||||
<!-- {{drawer}}{{oriTable}} -->
|
<!-- {{drawer}}{{oriTable}} -->
|
||||||
<el-button
|
<el-button size="mini" v-if="catalogueType" type="danger" @click="deletec">
|
||||||
size="mini"
|
|
||||||
v-if="catalogueType"
|
|
||||||
type="danger"
|
|
||||||
@click="deletec"
|
|
||||||
>
|
|
||||||
删除
|
删除
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button size="mini" v-if="catalogueType && treeRow.className != '电子档案'" type="primary"
|
||||||
size="mini"
|
@click="btnClick(1)">
|
||||||
v-if="catalogueType && treeRow.className != '电子档案'"
|
|
||||||
type="primary"
|
|
||||||
@click="btnClick(1)"
|
|
||||||
>
|
|
||||||
批量下载
|
批量下载
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button size="mini" v-if="catalogueType && treeRow.className != '电子档案'" type="primary"
|
||||||
size="mini"
|
@click="btnClick(2)">
|
||||||
v-if="catalogueType && treeRow.className != '电子档案'"
|
|
||||||
type="primary"
|
|
||||||
@click="btnClick(2)"
|
|
||||||
>
|
|
||||||
归档章
|
归档章
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- <el-button size="mini" v-if="catalogueType && treeRow.className!='录像' && treeRow.className!='录音'"
|
<!-- <el-button size="mini" v-if="catalogueType && treeRow.className!='录像' && treeRow.className!='录音'"
|
||||||
type="primary" @click="btnClick(3)">
|
type="primary" @click="btnClick(3)">
|
||||||
合并文件 </el-button> -->
|
合并文件 </el-button> -->
|
||||||
<el-button
|
<el-button size="mini" v-if="treeRow.className != '电子档案'" type="primary" @click="btnClick(4)">
|
||||||
size="mini"
|
|
||||||
v-if="treeRow.className != '电子档案'"
|
|
||||||
type="primary"
|
|
||||||
@click="btnClick(4)"
|
|
||||||
>
|
|
||||||
合并下载
|
合并下载
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- <el-button size="mini"
|
<!-- <el-button size="mini"
|
||||||
v-if="catalogueType && treeRow.className!='录像' && treeRow.className!='录音' && routerName==='notStoredArchives'"
|
v-if="catalogueType && treeRow.className!='录像' && treeRow.className!='录音' && routerName==='notStoredArchives'"
|
||||||
type="primary" @click="btnClick(5)">
|
type="primary" @click="btnClick(5)">
|
||||||
扫描原文 </el-button> -->
|
扫描原文 </el-button> -->
|
||||||
<el-button
|
<el-button size="mini" v-if="
|
||||||
size="mini"
|
|
||||||
v-if="
|
|
||||||
catalogueType &&
|
catalogueType &&
|
||||||
treeRow.className != '电子档案' &&
|
treeRow.className != '电子档案' &&
|
||||||
routerName === 'notStoredArchives'
|
routerName === 'notStoredArchives'
|
||||||
"
|
" type="primary" @click="btnClick(6)">
|
||||||
type="primary"
|
|
||||||
@click="btnClick(6)"
|
|
||||||
>
|
|
||||||
撤销归档章
|
撤销归档章
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button size="mini" v-if="treeRow.className != '电子档案'" type="primary" @click="btnClick(9)">
|
||||||
size="mini"
|
|
||||||
v-if="treeRow.className != '电子档案'"
|
|
||||||
type="primary"
|
|
||||||
@click="btnClick(9)"
|
|
||||||
>
|
|
||||||
电子签名
|
电子签名
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button size="mini" type="primary" v-if="routerName === 'dataBrowsing'" @click="btnClick(7)">电子档案复制申请
|
||||||
size="mini"
|
|
||||||
type="primary"
|
|
||||||
v-if="routerName === 'dataBrowsing'"
|
|
||||||
@click="btnClick(7)"
|
|
||||||
>电子档案复制申请
|
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button size="mini" type="primary" v-if="routerName === 'dataBrowsing'" @click="btnClick(8)">实体档案复制申请
|
||||||
size="mini"
|
|
||||||
type="primary"
|
|
||||||
v-if="routerName === 'dataBrowsing'"
|
|
||||||
@click="btnClick(8)"
|
|
||||||
>实体档案复制申请
|
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-card>
|
</el-card>
|
||||||
</div>
|
</div>
|
||||||
<div class="contentBox">
|
<div class="contentBox">
|
||||||
<el-card :body-style="{ padding: '10px' }" style="width: 26%">
|
<el-card :body-style="{ padding: '10px' }" style="width: 26%">
|
||||||
<el-button
|
<el-button v-if="oriRowObj.useStyle === 'print' || typeStatus === 'ruku'" type="primary" size="small"
|
||||||
v-if="oriRowObj.useStyle === 'print' || typeStatus === 'ruku'"
|
:disabled="!multipleSelection.length" @click="download">
|
||||||
type="primary"
|
|
||||||
size="small"
|
|
||||||
:disabled="!multipleSelection.length"
|
|
||||||
@click="download"
|
|
||||||
>
|
|
||||||
原文下载
|
原文下载
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- @row-click="previewImg" -->
|
<!-- @row-click="previewImg" -->
|
||||||
<el-table
|
<el-table ref="tableForEach" highlight-current-row border size="mini" :data="tableDataOrigin"
|
||||||
ref="tableForEach"
|
@row-click="previewImg" tooltip-effect="dark" max-height="800px" @selection-change="handleSelectionChange">
|
||||||
highlight-current-row
|
|
||||||
border
|
|
||||||
size="mini"
|
|
||||||
:data="tableDataOrigin"
|
|
||||||
@row-click="previewImg"
|
|
||||||
tooltip-effect="dark"
|
|
||||||
max-height="800px"
|
|
||||||
@selection-change="handleSelectionChange"
|
|
||||||
>
|
|
||||||
<!-- 原文下载的多选框 -->
|
<!-- 原文下载的多选框 -->
|
||||||
<el-table-column
|
<el-table-column v-if="
|
||||||
v-if="
|
|
||||||
catalogueType ||
|
catalogueType ||
|
||||||
(!catalogueType && oriRowObj.useStyle === 'print') ||
|
(!catalogueType && oriRowObj.useStyle === 'print') ||
|
||||||
typeStatus === 'ruku'
|
typeStatus === 'ruku'
|
||||||
"
|
" type="selection" width="43">
|
||||||
type="selection"
|
|
||||||
width="43"
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column type="index" width="55" label="序号" align="center">
|
||||||
type="index"
|
|
||||||
width="55"
|
|
||||||
label="序号"
|
|
||||||
align="center"
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column show-overflow-tooltip prop="file_name" label="文件名称" align="center">
|
||||||
show-overflow-tooltip
|
|
||||||
prop="file_name"
|
|
||||||
label="文件名称"
|
|
||||||
align="center"
|
|
||||||
>
|
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<template v-if="scope.row.isEditFlag">
|
<template v-if="scope.row.isEditFlag">
|
||||||
<el-input
|
<el-input type="text" @change.native.stop="originClick('blur', scope.row)" size="mini"
|
||||||
type="text"
|
:title="scope.row.file_name" v-model="scope.row.file_name" clearable />
|
||||||
@change.native.stop="originClick('blur', scope.row)"
|
|
||||||
size="mini"
|
|
||||||
:title="scope.row.file_name"
|
|
||||||
v-model="scope.row.file_name"
|
|
||||||
clearable
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
<template v-else>{{ scope.row.file_name }}</template>
|
<template v-else>{{ scope.row.file_name }}</template>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column label="操作" align="center" width="100" v-if="$route.name === 'notStoredArchives'">
|
||||||
label="操作"
|
|
||||||
align="center"
|
|
||||||
width="100"
|
|
||||||
v-if="$route.name === 'notStoredArchives'"
|
|
||||||
>
|
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button
|
<el-button @click.native.stop="originClick('down', scope.row)" type="text" icon="el-icon-bottom"
|
||||||
@click.native.stop="originClick('down', scope.row)"
|
title="向下" size="mini"></el-button>
|
||||||
type="text"
|
<el-button @click.native.stop="originClick('up', scope.row)" type="text" icon="el-icon-top" title="向上"
|
||||||
icon="el-icon-bottom"
|
size="mini"></el-button>
|
||||||
title="向下"
|
<el-button @click.native.stop="originClick('rename', scope.row)" type="text" icon="el-icon-edit"
|
||||||
size="mini"
|
title="重命名" size="mini"></el-button>
|
||||||
></el-button>
|
|
||||||
<el-button
|
|
||||||
@click.native.stop="originClick('up', scope.row)"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-top"
|
|
||||||
title="向上"
|
|
||||||
size="mini"
|
|
||||||
></el-button>
|
|
||||||
<el-button
|
|
||||||
@click.native.stop="originClick('rename', scope.row)"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-edit"
|
|
||||||
title="重命名"
|
|
||||||
size="mini"
|
|
||||||
></el-button>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-card
|
<el-card :body-style="{ padding: '10px' }" style="width: 73%" class="box-card">
|
||||||
:body-style="{ padding: '10px' }"
|
|
||||||
style="width: 73%"
|
|
||||||
class="box-card"
|
|
||||||
>
|
|
||||||
<el-tabs v-model="activeName">
|
<el-tabs v-model="activeName">
|
||||||
<el-tab-pane
|
<el-tab-pane label="查看原文" name="1" v-loading.fullscreen.lock="imageLoad" :element-loading-text="loadingText"
|
||||||
label="查看原文"
|
element-loading-spinner="el-icon-loading" element-loading-background="rgba(255, 255, 255, 0.1)">
|
||||||
name="1"
|
|
||||||
v-loading.fullscreen.lock="imageLoad"
|
|
||||||
:element-loading-text="loadingText"
|
|
||||||
element-loading-spinner="el-icon-loading"
|
|
||||||
element-loading-background="rgba(255, 255, 255, 0.1)"
|
|
||||||
>
|
|
||||||
<!-- 查看原文 -->
|
<!-- 查看原文 -->
|
||||||
<div class="demo-image__lazy">
|
<div class="demo-image__lazy">
|
||||||
<!-- 备注scrolling属性原来是'no'现在是'auto' -->
|
<!-- 备注scrolling属性原来是'no'现在是'auto' -->
|
||||||
<!-- <el-image v-show="imgType &&imgType != 'pdf' " class="imgs" :src="picUrl" fit="cover"></el-image> -->
|
<!-- <el-image v-show="imgType &&imgType != 'pdf' " class="imgs" :src="picUrl" fit="cover"></el-image> -->
|
||||||
<iframe
|
<iframe ref="showIframeRef" v-if="
|
||||||
ref="showIframeRef"
|
|
||||||
v-if="
|
|
||||||
![
|
![
|
||||||
'mp3',
|
'mp3',
|
||||||
'mp4',
|
'mp4',
|
||||||
@@ -220,117 +106,45 @@
|
|||||||
'mxf',
|
'mxf',
|
||||||
'ofd',
|
'ofd',
|
||||||
].includes(this.fileType)
|
].includes(this.fileType)
|
||||||
"
|
" style="text-align: center" noresize align="center" width="100%" height="750px" :src="picUrl"
|
||||||
style="text-align: center"
|
frameborder="0" scrolling="auto"></iframe>
|
||||||
noresize
|
<template v-if="rowTable.file_type === 'ofd' && isIframeFlag == true">
|
||||||
align="center"
|
<iframe :key="ofdUrl" style="text-align: center" noresize align="center" width="100%" height="750px"
|
||||||
width="100%"
|
:src="`./yhofd/yhofd.html?name=${rowTable.file_name_server}&url=${ofdUrl}`" frameborder="0"
|
||||||
height="750px"
|
scrolling="auto"></iframe>
|
||||||
:src="picUrl"
|
|
||||||
frameborder="0"
|
|
||||||
scrolling="auto"
|
|
||||||
></iframe>
|
|
||||||
<template
|
|
||||||
v-if="rowTable.file_type === 'ofd' && isIframeFlag == true"
|
|
||||||
>
|
|
||||||
<iframe
|
|
||||||
:key="ofdUrl"
|
|
||||||
style="text-align: center"
|
|
||||||
noresize
|
|
||||||
align="center"
|
|
||||||
width="100%"
|
|
||||||
height="750px"
|
|
||||||
:src="`./yhofd/yhofd.html?name=${rowTable.file_name_server}&url=${ofdUrl}`"
|
|
||||||
frameborder="0"
|
|
||||||
scrolling="auto"
|
|
||||||
></iframe>
|
|
||||||
</template>
|
</template>
|
||||||
<div v-if="rowTable.file_type === 'svg'" v-html="picUrl"></div>
|
<div v-if="rowTable.file_type === 'svg'" v-html="picUrl"></div>
|
||||||
<video
|
<video v-if="
|
||||||
v-if="
|
|
||||||
(this.fileType === 'mp4' ||
|
(this.fileType === 'mp4' ||
|
||||||
this.fileType === 'avi' ||
|
this.fileType === 'avi' ||
|
||||||
this.fileType === 'mxf') &&
|
this.fileType === 'mxf') &&
|
||||||
videoSrc
|
videoSrc
|
||||||
"
|
" ref="videoS" :src="videoSrc" controls="controls" height="600px" :muted="muteStatus" width="100%">
|
||||||
ref="videoS"
|
|
||||||
:src="videoSrc"
|
|
||||||
controls="controls"
|
|
||||||
height="600px"
|
|
||||||
:muted="muteStatus"
|
|
||||||
width="100%"
|
|
||||||
>
|
|
||||||
您的浏览器不支持视频播放
|
您的浏览器不支持视频播放
|
||||||
</video>
|
</video>
|
||||||
<video
|
<video v-if="this.fileType === 'flv'" id="videoElementByFlv" class="flvplayer-app" controls
|
||||||
v-if="this.fileType === 'flv'"
|
:muted="muteStatus" height="600px" width="100%"></video>
|
||||||
id="videoElementByFlv"
|
<audio v-if="
|
||||||
class="flvplayer-app"
|
|
||||||
controls
|
|
||||||
:muted="muteStatus"
|
|
||||||
height="600px"
|
|
||||||
width="100%"
|
|
||||||
></video>
|
|
||||||
<audio
|
|
||||||
v-if="
|
|
||||||
(this.fileType === 'mp3' || this.fileType === 'wav') &&
|
(this.fileType === 'mp3' || this.fileType === 'wav') &&
|
||||||
musicSrc
|
musicSrc
|
||||||
"
|
" ref="audioS" :src="musicSrc" controls autoloop></audio>
|
||||||
ref="audioS"
|
<viewer v-if="this.fileType === 'tif'" id="printimg" :images="canvasList">
|
||||||
:src="musicSrc"
|
<img v-for="item in canvasList" :src="item" :key="item" :class="tif_length > 1 ? '' : 'tif_img'"
|
||||||
controls
|
height="300" title="请点击查看" />
|
||||||
autoloop
|
|
||||||
></audio>
|
|
||||||
<viewer
|
|
||||||
v-if="this.fileType === 'tif'"
|
|
||||||
id="printimg"
|
|
||||||
:images="canvasList"
|
|
||||||
>
|
|
||||||
<img
|
|
||||||
v-for="item in canvasList"
|
|
||||||
:src="item"
|
|
||||||
:key="item"
|
|
||||||
:class="tif_length > 1 ? '' : 'tif_img'"
|
|
||||||
height="300"
|
|
||||||
title="请点击查看"
|
|
||||||
/>
|
|
||||||
<!-- <div style='padding: 0px 15px'>{{rowTable.file_name}}</div> -->
|
<!-- <div style='padding: 0px 15px'>{{rowTable.file_name}}</div> -->
|
||||||
</viewer>
|
</viewer>
|
||||||
</div>
|
</div>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane
|
<el-tab-pane label="添加原文" name="2" v-loading.fullscreen.lock="loadingStatus"
|
||||||
label="添加原文"
|
:element-loading-text="loadingText" element-loading-spinner="el-icon-loading"
|
||||||
name="2"
|
element-loading-background="rgba(255, 255, 255, 0.1)" v-if="catalogueType">
|
||||||
v-loading.fullscreen.lock="loadingStatus"
|
|
||||||
:element-loading-text="loadingText"
|
|
||||||
element-loading-spinner="el-icon-loading"
|
|
||||||
element-loading-background="rgba(255, 255, 255, 0.1)"
|
|
||||||
v-if="catalogueType"
|
|
||||||
>
|
|
||||||
<!-- 添加原文 -->
|
<!-- 添加原文 -->
|
||||||
<div class="uploadBox">
|
<div class="uploadBox">
|
||||||
<el-upload
|
<el-upload accept="*" class="upload-demo" ref="upload" :file-list="fileList" action="#"
|
||||||
accept="*"
|
:auto-upload="false" multiple :on-exceed="beforeAvatarUpload" :on-success="upSuccess"
|
||||||
class="upload-demo"
|
:on-change="handleFileChange" :before-remove="handleFileRemove">
|
||||||
ref="upload"
|
<el-button slot="trigger" size="small" type="primary">选择文件</el-button>
|
||||||
:file-list="fileList"
|
<el-button style="margin-left: 10px" size="small" type="success" @click="submitUpload">开始上传
|
||||||
action="#"
|
|
||||||
:auto-upload="false"
|
|
||||||
multiple
|
|
||||||
:on-exceed="beforeAvatarUpload"
|
|
||||||
:on-success="upSuccess"
|
|
||||||
:on-change="handleFileChange"
|
|
||||||
:before-remove="handleFileRemove"
|
|
||||||
>
|
|
||||||
<el-button slot="trigger" size="small" type="primary"
|
|
||||||
>选择文件</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
style="margin-left: 10px"
|
|
||||||
size="small"
|
|
||||||
type="success"
|
|
||||||
@click="submitUpload"
|
|
||||||
>开始上传
|
|
||||||
</el-button>
|
</el-button>
|
||||||
<div slot="tip" class="el-upload__tip">
|
<div slot="tip" class="el-upload__tip">
|
||||||
上传文件支持jpg/png/pdf/tif/svg/flv/mp4/mp3/avi/wav
|
上传文件支持jpg/png/pdf/tif/svg/flv/mp4/mp3/avi/wav
|
||||||
@@ -377,122 +191,53 @@
|
|||||||
</el-tab-pane> -->
|
</el-tab-pane> -->
|
||||||
<el-tab-pane label="原文回收站" name="3" v-if="catalogueType">
|
<el-tab-pane label="原文回收站" name="3" v-if="catalogueType">
|
||||||
<!-- 原文回收站 -->
|
<!-- 原文回收站 -->
|
||||||
<el-table
|
<el-table :data="backData" style="width: 100%" max-height="350" ref="ytabs" border size="mini">
|
||||||
:data="backData"
|
<el-table-column prop="file_name" label="文件名称" align="center">
|
||||||
style="width: 100%"
|
|
||||||
max-height="350"
|
|
||||||
ref="ytabs"
|
|
||||||
border
|
|
||||||
size="mini"
|
|
||||||
>
|
|
||||||
<el-table-column
|
|
||||||
prop="file_name"
|
|
||||||
label="文件名称"
|
|
||||||
align="center"
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column prop="file_type" label="文件类型" width="150" align="center">
|
||||||
prop="file_type"
|
|
||||||
label="文件类型"
|
|
||||||
width="150"
|
|
||||||
align="center"
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column prop="file_len" label="文件大小(KB)" align="center">
|
||||||
prop="file_len"
|
|
||||||
label="文件大小(KB)"
|
|
||||||
align="center"
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" width="150" align="center">
|
<el-table-column label="操作" width="150" align="center">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button type="text" @click="returnContRec(scope.row)"
|
<el-button type="text" @click="returnContRec(scope.row)">恢复</el-button>
|
||||||
>恢复</el-button
|
<el-button type="text" style="color: #ff0000" @click="delOriRecycle(scope.row)">删除</el-button>
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
type="text"
|
|
||||||
style="color: #ff0000"
|
|
||||||
@click="delOriRecycle(scope.row)"
|
|
||||||
>删除</el-button
|
|
||||||
>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane
|
<el-tab-pane label="元数据" name="4" v-if="treeRow.className != '电子档案'">
|
||||||
label="元数据"
|
<el-form label-position="left" class="formDIa" :model="metadata" size="mini" style="padding: 10px 25px"
|
||||||
name="4"
|
label-width="100px">
|
||||||
v-if="treeRow.className != '电子档案'"
|
<el-form-item v-for="item in metadataList" :key="item.columnName" :label="item.columnChnName">
|
||||||
>
|
|
||||||
<el-form
|
|
||||||
label-position="left"
|
|
||||||
class="formDIa"
|
|
||||||
:model="metadata"
|
|
||||||
size="mini"
|
|
||||||
style="padding: 10px 25px"
|
|
||||||
label-width="100px"
|
|
||||||
>
|
|
||||||
<el-form-item
|
|
||||||
v-for="(item, index) in metadataList"
|
|
||||||
:key="item.columnName"
|
|
||||||
:label="item.columnChnName"
|
|
||||||
>
|
|
||||||
<span>{{ metadata[item.columnName] }}</span>
|
<span>{{ metadata[item.columnName] }}</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<template
|
<template v-if="
|
||||||
v-if="
|
|
||||||
metadata.signature != '' &&
|
metadata.signature != '' &&
|
||||||
metadata.signature != null &&
|
metadata.signature != null &&
|
||||||
metadata.signature != undefined
|
metadata.signature != undefined
|
||||||
"
|
">
|
||||||
>
|
|
||||||
<el-form-item label="签名真实性:">
|
<el-form-item label="签名真实性:">
|
||||||
<el-tag
|
<el-tag :type="metadata.certificateValidity ? 'success' : 'warning'
|
||||||
:type="
|
">{{ metadata.certificateValidity ? "真" : "假" }}</el-tag>
|
||||||
metadata.certificateValidity ? 'success' : 'warning'
|
|
||||||
"
|
|
||||||
>{{ metadata.certificateValidity ? "真" : "假" }}</el-tag
|
|
||||||
>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="签名算法:">
|
<el-form-item label="签名算法:">
|
||||||
<span>{{ metadata.signature }}</span>
|
<span>{{ metadata.signature }}</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="数据加密:">
|
<el-form-item label="数据加密:">
|
||||||
<el-button
|
<el-button type="primary" plain size="mini"
|
||||||
type="primary"
|
@click="copyCellContent(metadata.signatureData)">复制数据加密</el-button>
|
||||||
plain
|
|
||||||
size="mini"
|
|
||||||
@click="copyCellContent(metadata.signatureData)"
|
|
||||||
>复制数据加密</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
</el-form>
|
</el-form>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane
|
<el-tab-pane label="OCR识别" name="5" v-if="treeRow.className != '电子档案'">
|
||||||
label="OCR识别"
|
|
||||||
name="5"
|
|
||||||
v-if="treeRow.className != '电子档案'"
|
|
||||||
>
|
|
||||||
<div>
|
<div>
|
||||||
<el-input
|
<el-input v-model="ocrText" type="textarea" :rows="12" readonly></el-input>
|
||||||
v-model="ocrText"
|
|
||||||
type="textarea"
|
|
||||||
:rows="12"
|
|
||||||
readonly
|
|
||||||
></el-input>
|
|
||||||
</div>
|
</div>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane
|
<el-tab-pane label="原文查询" name="6" v-if="!catalogueType && treeRow.className != '电子档案'">
|
||||||
label="原文查询"
|
<search-box :orirow="orirow" :drawer="drawer" :oriTable="oriTable" />
|
||||||
name="6"
|
|
||||||
v-if="!catalogueType && treeRow.className != '电子档案'"
|
|
||||||
>
|
|
||||||
<search-box
|
|
||||||
:orirow="orirow"
|
|
||||||
:drawer="drawer"
|
|
||||||
:oriTable="oriTable"
|
|
||||||
/>
|
|
||||||
<!-- {{oriTable}} -->
|
<!-- {{oriTable}} -->
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
@@ -1366,6 +1111,7 @@ export default {
|
|||||||
letter-spacing: 2px;
|
letter-spacing: 2px;
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tip-info {
|
.tip-info {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 110px;
|
left: 110px;
|
||||||
@@ -1373,6 +1119,7 @@ export default {
|
|||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #ff4f46;
|
color: #ff4f46;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btnClass {
|
.btnClass {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
@@ -1380,11 +1127,13 @@ export default {
|
|||||||
.contentBox {
|
.contentBox {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
|
|
||||||
iframe {
|
iframe {
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.box-card {
|
.box-card {
|
||||||
.demo-image__lazy {
|
.demo-image__lazy {
|
||||||
background: rgb(245, 245, 245);
|
background: rgb(245, 245, 245);
|
||||||
|
|||||||
@@ -69,7 +69,7 @@ Vue.use(selectscroll);
|
|||||||
if (process.env.NODE_ENV === 'development') {
|
if (process.env.NODE_ENV === 'development') {
|
||||||
const {
|
const {
|
||||||
mockXHR
|
mockXHR
|
||||||
} = require('../../mock')
|
} = require('../mock')
|
||||||
mockXHR()
|
mockXHR()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -210,11 +210,13 @@
|
|||||||
console.log('diaFlage', newVal, oldVal)
|
console.log('diaFlage', newVal, oldVal)
|
||||||
if(newVal){
|
if(newVal){
|
||||||
console.log('add ruleForm', this.ruleForm)
|
console.log('add ruleForm', this.ruleForm)
|
||||||
|
// 只在新增模式下初始化空值,编辑模式下不覆盖已有数据
|
||||||
|
if(this.title === '新增'){
|
||||||
this.form.forEach(item=>{
|
this.form.forEach(item=>{
|
||||||
console.log('item',item)
|
console.log('item',item)
|
||||||
this.ruleForm[item.fieldName] = item.value
|
this.ruleForm[item.fieldName] = item.value
|
||||||
})
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
immediate: false
|
immediate: false
|
||||||
|
|||||||
@@ -1716,18 +1716,24 @@ export default {
|
|||||||
this.sumbitTableName = item.tableName;
|
this.sumbitTableName = item.tableName;
|
||||||
this.selectId = item.selectTable[0].id;
|
this.selectId = item.selectTable[0].id;
|
||||||
this.sumbitTablekey = key;
|
this.sumbitTablekey = key;
|
||||||
|
// 清空ruleForm,确保数据干净
|
||||||
|
this.ruleForm = {};
|
||||||
item.form.forEach((ele) => {
|
item.form.forEach((ele) => {
|
||||||
for (let info in item.selectTable[0]) {
|
for (let info in item.selectTable[0]) {
|
||||||
if (info === ele.fieldName) {
|
if (info === ele.fieldName) {
|
||||||
this.$set(this.ruleForm, ele.fieldName, "");
|
|
||||||
if (ele.ctype === "datetimerange") {
|
if (ele.ctype === "datetimerange") {
|
||||||
this.ruleForm[ele.fieldName] = [];
|
// 处理日期范围类型
|
||||||
this.ruleForm[ele.fieldName][0] =
|
this.$set(this.ruleForm, ele.fieldName, []);
|
||||||
item.selectTable[0][info].split("~")[0];
|
if (item.selectTable[0][info] && item.selectTable[0][info].includes("~")) {
|
||||||
this.ruleForm[ele.fieldName][1] =
|
this.ruleForm[ele.fieldName][0] = item.selectTable[0][info].split("~")[0];
|
||||||
item.selectTable[0][info].split("~")[1];
|
this.ruleForm[ele.fieldName][1] = item.selectTable[0][info].split("~")[1];
|
||||||
|
}
|
||||||
|
} else if (ele.ctype === "datetime" && item.selectTable[0][info]) {
|
||||||
|
// 处理日期类型
|
||||||
|
this.$set(this.ruleForm, ele.fieldName, new Date(item.selectTable[0][info]));
|
||||||
} else {
|
} else {
|
||||||
this.ruleForm[ele.fieldName] = item.selectTable[0][info];
|
// 处理普通字段
|
||||||
|
this.$set(this.ruleForm, ele.fieldName, item.selectTable[0][info]);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -217,23 +217,28 @@
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 点击树形结构
|
// 点击树形结构
|
||||||
handleNodeClick(data) {
|
async handleNodeClick(data) {
|
||||||
console.log('handle node click', data)
|
console.log('handle node click', data)
|
||||||
this.treeRow = data;
|
this.treeRow = data;
|
||||||
if (data.classType === "C") {
|
if (data.classType === "C") {
|
||||||
let params = {
|
let params = {
|
||||||
classId: data.id
|
classId: data.id
|
||||||
};
|
};
|
||||||
getTable(params)
|
const res = await getTable(params);
|
||||||
.then(res => {
|
const promises = [];
|
||||||
res.body.InterfaceSystem.forEach(item => {
|
res.body.InterfaceSystem.forEach(item => {
|
||||||
let ruleForm = {};
|
let ruleForm = {};
|
||||||
let form = JSON.parse(item["interfaceShow"]);
|
let form = JSON.parse(item["interfaceShow"]);
|
||||||
let interfaceQuery = JSON.parse(item["interfaceQuery"]);
|
let interfaceQuery = JSON.parse(item["interfaceQuery"]);
|
||||||
|
|
||||||
// 查询设置中增加全宗号
|
// 查询设置中增加全宗号
|
||||||
if (interfaceQuery.length == 0) {
|
if (interfaceQuery.length == 0) {
|
||||||
interfaceQuery.push({ctype:"input",fieldName:"fonds_no",fieldNameZh:"全宗号",value:"",label:'全宗号'});
|
interfaceQuery.push({
|
||||||
|
ctype: "input",
|
||||||
|
fieldName: "fonds_no",
|
||||||
|
fieldNameZh: "全宗号",
|
||||||
|
value: "",
|
||||||
|
label: '全宗号'
|
||||||
|
});
|
||||||
} else {
|
} else {
|
||||||
const index = interfaceQuery.findIndex(item => item.fieldName === 'fonds_no');
|
const index = interfaceQuery.findIndex(item => item.fieldName === 'fonds_no');
|
||||||
if (index !== -1) {
|
if (index !== -1) {
|
||||||
@@ -242,16 +247,22 @@
|
|||||||
interfaceQuery.unshift(matchItem);
|
interfaceQuery.unshift(matchItem);
|
||||||
} else {
|
} else {
|
||||||
// 没找到
|
// 没找到
|
||||||
interfaceQuery.unshift({ctype:"input",fieldName:"fonds_no",fieldNameZh:"全宗号",value:"",label:'全宗号'});
|
interfaceQuery.unshift({
|
||||||
|
ctype: "input",
|
||||||
|
fieldName: "fonds_no",
|
||||||
|
fieldNameZh: "全宗号",
|
||||||
|
value: "",
|
||||||
|
label: '全宗号'
|
||||||
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
form.forEach(ele => {
|
form.forEach(ele => {
|
||||||
if (ele.ctype === 'select') {
|
if (ele.ctype === 'select') {
|
||||||
getFindList({
|
promises.push(getFindList({
|
||||||
type: ele.note.type
|
type: ele.note.type
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
ele.note.note = res.body.list
|
ele.note.note = res.body.list
|
||||||
})
|
}))
|
||||||
}
|
}
|
||||||
if (ele.label === '全宗号') {
|
if (ele.label === '全宗号') {
|
||||||
ele.ctype = "select"
|
ele.ctype = "select"
|
||||||
@@ -271,11 +282,11 @@
|
|||||||
});
|
});
|
||||||
interfaceQuery.forEach(ele => {
|
interfaceQuery.forEach(ele => {
|
||||||
if (ele.ctype === 'select') {
|
if (ele.ctype === 'select') {
|
||||||
getFindList({
|
promises.push(getFindList({
|
||||||
type: ele.note.type
|
type: ele.note.type
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
ele.note.note = res.body.list
|
ele.note.note = res.body.list
|
||||||
})
|
}))
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
this.$set(item, "search", interfaceQuery); //搜索
|
this.$set(item, "search", interfaceQuery); //搜索
|
||||||
@@ -292,13 +303,11 @@
|
|||||||
});
|
});
|
||||||
this.$set(item, "tableData", []);
|
this.$set(item, "tableData", []);
|
||||||
});
|
});
|
||||||
|
await Promise.all(promises);
|
||||||
this.Alltable = res.body.InterfaceSystem;
|
this.Alltable = res.body.InterfaceSystem;
|
||||||
})
|
|
||||||
.then(res => {
|
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.table.clickSearch(0, 1, 1);
|
this.$refs.table.clickSearch(0, 1, 1);
|
||||||
})
|
})
|
||||||
});
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
triggerTree(key) {
|
triggerTree(key) {
|
||||||
@@ -413,5 +422,4 @@
|
|||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user