ZQ/laws-sinotruk-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update 文档拆分-查看

Browse Source
This commit is contained in:
赵霄
2023-10-19 15:12:19 +08:00
parent 6a0fcc09f7
commit 9283f77e18
5 changed files with 226 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/api/documentToolApi.js
+5 -2
View File
@@ -2,11 +2,13 @@
import { getAction, postAction } from './manage'
// 文档拆分-发布
const releaseSplitStandard = (params) => postAction('/split/sarFileSplitInfo/publish', params)
const releaseSplitStandard = (params) => postAction('/laws/DocumentTool/documentSplit/publish', params)
// 文档拆分-更改权限
const changePermission = (params) => postAction('/split/sarFileSplitInfo/updatePermissions', params)
// 文档拆分-撤回
const withdraw = (params) => postAction('', params)
const withdraw = (params) => postAction('/laws/DocumentTool/documentSplit/revocation', params)
// 文档拆分-查看
const previewDocSplit = (params) => postAction('/laws/DocumentTool/documentSplit/queryView', params)
// 文档拆分-拆分已入库文本-拆分
const addDocSplit = (params) => postAction('/split/sarFileSplitInfo/add', params)
@@ -75,6 +77,7 @@ export {
releaseSplitStandard,
changePermission,
withdraw,
previewDocSplit,
// 文档拆分-详情
getDocSplitTableHeader,
src/components/StandardResolutionSheet.vue
+185 -157
View File
@@ -1,75 +1,93 @@
<template>
<div class="sheet-box">
<!--标准目录-->
<div class="standard-catalogue part-common"
:class="isCatalogueExpand ? 'expand-catalogue' : 'no-expand-catalogue'">
<div class="control-standard-catalogue-expand" @click="expandCatalogue">
<a-icon :type="isCatalogueExpand ? 'left' : 'right'" />
</div>
<div class="part-title" v-show="isCatalogueExpand">{{ $t('standardRegulationLibrary.standardCatalogue') }}</div>
<div class="has-title-part-content" v-show="isCatalogueExpand">
<a-tree :tree-data="treeData" :selected-keys="selectedTreeKeys" @select="handleTreeSelected">
<a-icon slot="switcherIcon" type="down" :style="{ fontSize: '12px', color: '#103770' }" />
<template slot="title" slot-scope="{termsNum}">
<span :style="termsNum && termsNum.indexOf('.')===-1?'font-weight: 600;':''">{{ termsNum + '' + termsName }}</span>
</template>
</a-tree>
</div>
</div>
<!--标准内容-->
<div class="sheet-container part-ml">
<!--标准名称-->
<div class="standard-name">
<a-tooltip placement="topLeft">
<template #title>
{{}}
</template>
<span></span>
</a-tooltip>
<a-button type="link" :icon="isContainerExpand ? 'fullscreen-exit' : 'fullscreen'" @click="handleContainerExpand">
{{ isContainerExpand ? $t('putAway') : $t('open') }}
</a-button>
</div>
<!--条文内容-->
<div class="standard-content"></div>
</div>
<!--条文标签-->
<div class="clause-label part-ml part-common" :class="{'hide-clause-label': !showClauseLabel || isContainerExpand}">
<div class="part-title">{{ $t('standardRegulationLibrary.clauseLabel') }}</div>
<div class="has-title-part-content">
<div class="clause-item" v-for="(clause, index) in clauseField" :key="index">
<label>{{ clause.title }}</label>
<span></span>
<a-spin :spinning="loading">
<div class="sheet-box">
<!--标准目录-->
<div class="standard-catalogue part-common"
:class="isCatalogueExpand ? 'expand-catalogue' : 'no-expand-catalogue'">
<div class="control-standard-catalogue-expand" @click="expandCatalogue">
<a-icon :type="isCatalogueExpand ? 'left' : 'right'" />
</div>
<div class="part-title" v-show="isCatalogueExpand">{{ $t('standardRegulationLibrary.standardCatalogue') }}</div>
<div class="has-title-part-content" v-show="isCatalogueExpand">
<a-tree :tree-data="treeData"
:selected-keys="selectedTreeKeys"
@select="handleTreeSelected"
:replaceFields="{children: 'children', key: 'id'}">
<a-icon slot="switcherIcon" type="down" :style="{ fontSize: '12px', color: '#103770' }" />
<template slot="title" slot-scope="{name, itemName}">
<span :style="name && name.indexOf('.')===-1?'font-weight: 600;':''">{{ `${name} ${itemName || ''}` }}</span>
</template>
</a-tree>
</div>
</div>
</div>
<!--条文、条文标签切换-->
<div class="clause-label-change part-ml part-common" :class="{'no-expand-clause-label': !isClauseLabelExpand}">
<div class="control-clause-label-expand" @click="expandClauseLabel">
<a-icon :type="isClauseLabelExpand ? 'right' : 'left'" />
</div>
<!--条文-->
<a-tooltip placement="left">
<template #title>{{ $t('docTool.split.article') }}</template>
<div class="clause-label-change-item" :class="{'clause-label-change-item-selected': !showClauseLabel}" @click="handleClauseChange(false)">
<i class="iconfont icon-ios-list-box" />
<span v-show="isClauseLabelExpand">{{ $t('docTool.split.article') }}</span>
<!--标准内容-->
<div class="sheet-container part-ml">
<!--标准名称-->
<div class="standard-name">
<a-tooltip placement="topLeft">
<template #title>
{{ spiltInfo.serialNumber }}
</template>
<span> {{ spiltInfo.serialNumber }}《{{ spiltInfo.fileName }}》</span>
</a-tooltip>
<a-button type="link" :icon="isContainerExpand ? 'fullscreen-exit' : 'fullscreen'" @click="handleContainerExpand">
{{ isContainerExpand ? $t('putAway') : $t('open') }}
</a-button>
</div>
</a-tooltip>
<!--条文内容-->
<div class="standard-content">
<div class="clause-content-item" v-for="clause in clauseContentList" :key="clause.id">
<div class="clause-content-item-title">{{ clause.item_num }} {{ clause.item_title }}</div>
<div class="clause-content-item-content"
:class="{'clause-content-item-content-hight': clause.menu_id === hightMenuId}"
v-html="clause.item_content"></div>
</div>
</div>
</div>
<!--条文标签-->
<a-tooltip placement="left">
<template #title>{{ $t('docTool.split.clauseLabel') }}</template>
<div class="clause-label-change-item" :class="{'clause-label-change-item-selected': showClauseLabel}" @click="handleClauseChange(true)">
<i class="iconfont icon-biaoqian-mianxing" />
<span v-show="isClauseLabelExpand">{{ $t('docTool.split.clauseLabel') }}</span>
<div class="clause-label part-ml part-common" :class="{'hide-clause-label': !showClauseLabel || isContainerExpand}">
<div class="part-title">{{ $t('standardRegulationLibrary.clauseLabel') }}</div>
<div class="has-title-part-content">
<template v-for="clause in clauseField">
<div class="clause-item" v-if="!clauseLabelHideField.includes(clause.dbFieldName)" :key="clause.id">
<label>{{ clause.dbFieldTxt }}</label>
<div class="clause-item-content" v-html="clauseLabelInfo[clause.dbFieldName]"></div>
</div>
</template>
</div>
</a-tooltip>
</div>
<!--条文、条文标签切换-->
<div class="clause-label-change part-ml part-common" :class="{'no-expand-clause-label': !isClauseLabelExpand}">
<div class="control-clause-label-expand" @click="expandClauseLabel">
<a-icon :type="isClauseLabelExpand ? 'right' : 'left'" />
</div>
<!--条文-->
<a-tooltip placement="left">
<template #title>{{ $t('docTool.split.article') }}</template>
<div class="clause-label-change-item"
:class="{'clause-label-change-item-selected': !showClauseLabel}"
@click="handleClauseChange(false)">
<i class="iconfont icon-ios-list-box" />
<span v-show="isClauseLabelExpand">{{ $t('docTool.split.article') }}</span>
</div>
</a-tooltip>
<!--条文标签-->
<a-tooltip placement="left">
<template #title>{{ $t('docTool.split.clauseLabel') }}</template>
<div class="clause-label-change-item"
:class="{'clause-label-change-item-selected': showClauseLabel}"
@click="handleClauseChange(true)">
<i class="iconfont icon-biaoqian-mianxing" />
<span v-show="isClauseLabelExpand">{{ $t('docTool.split.clauseLabel') }}</span>
</div>
</a-tooltip>
</div>
</div>
</div>
</a-spin>
</template>
<script>
import '@assets/less/common.less'
import { getDocSplitEditForm, previewDocSplit } from '@api/documentToolApi'
export default {
name: 'StandardResolutionSheet',
@@ -77,111 +95,75 @@ export default {
return {
showClauseLabel: true, // 是否展示条文标签
// 条文标签字段
clauseField: [
// 条文号
{
title: this.$t('standardRegulationLibrary.clauseNumber'),
fieldName: ''
},
// 条文标题
{
title: this.$t('standardRegulationLibrary.clauseTitle'),
fieldName: ''
},
// 法规要求类型
{
title: this.$t('standardRegulationLibrary.regulatoryRequirementsType'),
fieldName: ''
},
// 功能分类
{
title: this.$t('standardRegulationLibrary.functionalClassification'),
fieldName: ''
},
// 功能专业
{
title: this.$t('standardRegulationLibrary.functionalSpecialty'),
fieldName: ''
},
// 分组编码
{
title: this.$t('standardRegulationLibrary.blockCoding'),
fieldName: ''
},
// 分组名称
{
title: this.$t('standardRegulationLibrary.groupName'),
fieldName: ''
},
// 新认证实施时间
{
title: this.$t('standardRegulationLibrary.newCertificationImplementationTime'),
fieldName: ''
},
// 已认证实施时间
{
title: this.$t('standardRegulationLibrary.certifiedImplementationTime'),
fieldName: ''
},
// 新注册实施时间
{
title: this.$t('standardRegulationLibrary.newRegistrationImplementationTime'),
fieldName: ''
},
// 适用车型
{
title: this.$t('standardRegulationLibrary.applicableVehicleType'),
fieldName: ''
},
// 动力类型
{
title: this.$t('standardRegulationLibrary.dynamicType'),
fieldName: ''
}
],
clauseField: [],
// 目录数据
treeData: [
{
title: '0-0',
key: '0-0',
children: [
{
title: '0-0-0',
key: '0-0-0',
children: [
{ title: '0-0-0-0', key: '0-0-0-0' },
{ title: '0-0-0-1', key: '0-0-0-1' },
{ title: '0-0-0-2', key: '0-0-0-2' }
]
},
{
title: '0-0-1',
key: '0-0-1',
children: [
{ title: '0-0-1-0', key: '0-0-1-0' },
{ title: '0-0-1-1', key: '0-0-1-1' },
{ title: '0-0-1-2', key: '0-0-1-2' }
]
}
]
}
],
treeData: [],
selectedTreeKeys: [],
hightMenuId: null, // 高亮的menuId
isClauseLabelExpand: true, // 条文/条文标签切换部分是否展开，控制是否只显示图标
isCatalogueExpand: true, // 标准目录收起
isContainerExpand: false, // 条文是否展开
isInitPage: true // 是否初始化页面
loading: false,
spiltInfo: {}, // 拆分的整体信息
clauseContentList: [], // 条文内容的数据
clauseLabelInfo: {}, // 条文标签数据
clauseLabelHideField: ['item_content']
}
},
mounted () {
this.$nextTick(() => {
this.isInitPage = false
})
this.initClauseFieldList()
this.initDetailInfo()
},
methods: {
/**
* 获取条文标签字段
*/
initClauseFieldList () {
getDocSplitEditForm({ type: 1 }).then(res => {
if (res.success) {
this.clauseField = res.result || []
}
})
},
initDetailInfo () {
this.loading = true
previewDocSplit({ id: this.$route.query.id }).then(res => {
if (res.success) {
const data = res.result || {}
this.treeData = data.sarFileSplitMenuEO || []
this.spiltInfo = data.documentSplitInfo || {}
this.clauseContentList = data.documentSplitDetail || []
}
}).finally(() => {
this.loading = false
})
},
/**
* 树节点选中
* @param selectedKeys
*/
handleTreeSelected (selectedKeys) {
this.selectedTreeKeys = selectedKeys
this.hightMenuId = this.selectedTreeKeys[0]
if (this.hightMenuId) {
this.handleJump()
} else {
this.clauseLabelInfo = {}
}
},
/**
* 内容跳转，处理条文标签数据
*/
handleJump () {
const contentItemDomList = document.getElementsByClassName('clause-content-item')
const contentDom = document.getElementsByClassName('standard-content')[0]
const contentItemIndex = this.clauseContentList.findIndex(tt => tt.menu_id === this.hightMenuId)
this.clauseLabelInfo = Object.assign({}, this.clauseContentList[contentItemIndex])
contentDom.scrollTop = contentItemDomList[contentItemIndex].offsetTop - 150
},
/**
* 标准内容展开
*/
handleContainerExpand () {
this.isContainerExpand = !this.isContainerExpand
if (this.isContainerExpand) {
@@ -191,15 +173,21 @@ export default {
}
},
/**
*
* 条文标签切换
* @param flag
*/
handleClauseChange (flag) {
this.showClauseLabel = flag
},
/**
* 展开或收起条文/条文标签面板
*/
expandClauseLabel () {
this.isClauseLabelExpand = !this.isClauseLabelExpand
},
/**
* 展开或收起标准目录
*/
expandCatalogue () {
this.isCatalogueExpand = !this.isCatalogueExpand
}
@@ -208,6 +196,8 @@ export default {
</script>
<style scoped lang="less">
@import '~@assets/less/common.less';
.sheet-box {
width: 100%;
height: 100%;
@@ -280,7 +270,7 @@ export default {
margin-bottom: 20px;
label {
width: 7em;
width: 7.5em;
font-size: 14px;
font-family: PingFang SC-Regular, PingFang SC, sans-serif;
color: #86909C;
@@ -290,7 +280,9 @@ export default {
text-overflow: ellipsis;
}
span {
&-content {
flex: 1;
width: 0;
white-space: pre-wrap;
word-break: break-all;
font-size: 14px;
@@ -396,6 +388,34 @@ export default {
padding: 24px;
}
.clause-content-item {
margin-bottom: 20px;
&-title {
font-size: 18px;
font-family: PingFang SC-Medium, PingFang SC, sans-serif;
font-weight: 600;
color: #1D2129;
margin-bottom: 12px;
}
&-content {
font-size: 14px;
font-family: PingFang SC-Regular, PingFang SC, sans-serif;
font-weight: 500;
color: #1D2129;
line-height: 24px;
/deep/ table {
width: 100%;
}
}
&-content-hight {
color: @primary-color;
}
}
.control-clause-label-expand {
position: absolute;
width: 12px;
@@ -417,4 +437,12 @@ export default {
/deep/ .ant-tree li span.ant-tree-switcher {
float: right;
}
.ant-spin-nested-loading {
height: 100%;
}
/deep/ .ant-spin-container {
height: 100%;
}
</style>
src/enums/commonEnums.js
+1 -1
View File
@@ -20,7 +20,7 @@ export const FieldType = {
OPTION_SINGLE: { text: '下拉单选', value: '10' },
OPTION_MORE: { text: '下拉多选', value: '11' },
TREE: { text: '树形结构（多选）', value: '12' },
TEXT_LINK: { text: '输入框(链接)', value: '13' },
// TEXT_LINK: { text: '输入框(链接)', value: '13' },
YEAR_PICKER: { text: '年份选择', value: '14' },
TREE_SINGLE: { text: '树形结构（单选）', value: '15' }
}
src/views/documentTool/documentSplit/DocumentSplit.vue
+16 -7
View File
@@ -40,16 +40,22 @@
</div>
<div class="table-operator">
<!--拆分已入库文本-->
<a-button icon="plus" type="primary" @click="handleModule" v-has="'split:sarFileSplitInfo:splitFile'">{{ $t('docTool.split.splitText') }}
<a-button icon="plus" type="primary" @click="handleModule" v-has="'split:sarFileSplitInfo:splitFile'">{{
$t('docTool.split.splitText')
}}
</a-button>
<!--TODO 导入拆分结果-->
<a-button icon="download" type="primary" ghost @click="handleExport" v-has="'split:sarFileSplitInfo:splitResult'">
{{ $t('docTool.split.importResults') }}
</a-button>
<!--批量删除-->
<a-button type="primary" icon="delete" ghost @click="batchDel" v-has="'split:sarFileSplitInfo:deleteBatch'">{{ $t('batchDelete') }}</a-button>
<a-button type="primary" icon="delete" ghost @click="batchDel" v-has="'split:sarFileSplitInfo:deleteBatch'">
{{ $t('batchDelete') }}
</a-button>
<!--更改权限-->
<a-button type="primary" icon="sync" ghost @click="handleChangePermission">{{ $t('docTool.split.changePermissions') }}</a-button>
<a-button type="primary" icon="sync" ghost @click="handleChangePermission" v-has="'split:sarFileSplitInfo:changePermissions'">
{{ $t('docTool.split.changePermissions') }}
</a-button>
</div>
<div>
<j-table
@@ -110,7 +116,7 @@ export default {
{
text: this.$t('withdraw'),
clickEvent: 'handleWithdraw',
has: 'split:sarFileSplitInfo:release',
has: 'split:sarFileSplitInfo:withdraw',
show: (record) => {
// 创建人（更改权限更改的是这个字段）是当前登录人，且状态为已发布可以撤回
return record.createBy === this.userInfo.username && record.splitStatus === SplitStatus.RELEASED.value
@@ -277,11 +283,14 @@ export default {
},
/**
* 表格操作列的查看
* @param record
* @param id
*/
handleDetail (record) {
handleDetail ({ id }) {
this.$openPageNewSheet({
path: '/documentTool/StandardSplitSheet'
path: '/documentTool/StandardSplitSheet',
query: {
id
}
})
},
splitTextVisible (val, num) {
src/views/documentTool/documentSplit/DocumentSplitDetail.vue
+19 -26
View File
@@ -3,7 +3,7 @@
<div class="page-left-right-layout">
<!--树部分-->
<div class="page-left-box">
<a-input-search class="tree-search" v-model="searchValue" :placeholder="$t('nodeQuickLookup')" @search="onSearch"/>
<a-input-search class="tree-search" v-model="searchValue" :placeholder="$t('nodeQuickLookup')" @search="onSearch" />
<div class="page-tree-box page-tree-box-has-search">
<a-spin :spinning="loading">
<a-tree :show-line="true" :show-icon="true" :tree-data="treeData" :selected-keys="selectedKeys">
@@ -12,7 +12,7 @@
@mouseenter="handleTreeMouseover(record.id)"
@mouseleave="handleTreeMouseout(record.id)"
@click="handleSelectTreeNode(record)">
<a-icon class="parent-node-icon" type="folder" v-if="record.dataRef.children && record.dataRef.children.length > 0"/>
<a-icon class="parent-node-icon" type="folder" v-if="record.dataRef.children && record.dataRef.children.length > 0" />
<a-tooltip>
<template #title>
{{ record.name }}{{ record.itemName }}
@@ -30,14 +30,14 @@
@click.stop="orgEdit(record)"
v-if="record.pid"
v-has="'split:sarFileSplitMenu:update'">
<i class="iconfont icon-bianji"/>
<i class="iconfont icon-bianji" />
</a-button>
<!--删除，根节点不能删除-->
<a-button class="tree-operate-node-btn"
v-if="record.pid"
v-has="'split:sarFileSplitMenu:delete'"
@click.stop="orgDelete(record)">
<i class="iconfont icon-shanchu_"/>
<i class="iconfont icon-shanchu_" />
</a-button>
<!--节点上移，是否可以上移在树形数据中应该有字段标识-->
<a-button icon="up"
@@ -68,7 +68,7 @@
:get-query-condition-func="getQueryConditionFunc"
search-has="split:sarFileSplitItems:search"
@search="searchQuery"
@reset="searchReset"/>
@reset="searchReset" />
</div>
<!--操作按钮-->
<div class="table-operator">
@@ -93,7 +93,7 @@
{{ $t('export') }}
</a-button>
<!--批量删除-->
<a-button type="primary" icon="delete" ghost @click="batchDel">
<a-button type="primary" icon="delete" ghost @click="batchDel" v-has="'split:sarFileSplitItems:batchDelete'">
{{ $t('batchDelete') }}
</a-button>
<!--模板下载-->
@@ -101,11 +101,11 @@
icon="download"
ghost
v-has="'split:sarFileSplitItems:template'"
@click="downTemplate($t('docTool.split.documentSplitTemplate'))">
@click="downTemplate($t('docTool.split.documentSplitTemplate'), '.zip')">
{{ $t('templateDownload') }}
</a-button>
<!--批量复制-->
<a-button type="primary" ghost @click="handleBatchCopy" v-has="'split:sarFileSplitItems:copy'">
<a-button type="primary" ghost @click="handleBatchCopy" v-has="'split:sarFileSplitItems:batchCopy'">
{{ $t('docTool.split.batchCopy') }}
</a-button>
<!--批量编辑-->
@@ -161,13 +161,13 @@
</div>
<!--条文内容、条文解读-->
<split-clause-detail ref="splitClauseDetail"/>
<split-clause-detail ref="splitClauseDetail" />
<!--添加节点-->
<split-detail-node-add ref="splitDetailNodeAdd" @ok="nodeAddOk"/>
<split-detail-node-add ref="splitDetailNodeAdd" @ok="nodeAddOk" />
<!--批量编辑-->
<split-detail-batch-edit-drawer ref="batchEditDrawer" @ok="modalFormOk"/>
<split-detail-batch-edit-drawer ref="batchEditDrawer" @ok="modalFormOk" />
<!--条款添加-->
<split-add-form ref="modalForm" :flag="'4'" :infoId="infoId" :menuId="menuId" :itemId="itemId" @ok="modalFormOk"/>
<split-add-form ref="modalForm" :flag="'4'" :infoId="infoId" :menuId="menuId" :itemId="itemId" @ok="modalFormOk" />
</internal-detail-page>
</template>
@@ -241,20 +241,20 @@ export default {
// 编辑
{
text: this.$t('edit'),
clickEvent: 'handleEdit'
// has: 'split:sarFileSplitItems:update'
clickEvent: 'handleEdit',
has: 'split:sarFileSplitItems:update'
},
// 复制
{
text: this.$t('copy'),
clickEvent: 'handleCopy'
// has: 'split:sarFileSplitItems:update'
clickEvent: 'handleCopy',
has: 'split:sarFileSplitItems:copy'
},
// 删除
{
text: this.$t('delete'),
clickEvent: 'handleDelete'
// has: 'split:sarFileSplitItems:delete'
clickEvent: 'handleDelete',
has: 'split:sarFileSplitItems:delete'
}
],
url: {
@@ -564,14 +564,7 @@ export default {
})
}
})
},
// 下载导入模板
downTemplate (fileName) {
if (!fileName || typeof fileName !== 'string') {
fileName = '模板文件'
}
downloadFile(this.url.downTemplateUrl, fileName + '.zip')
},
}
}
}
</script>