update 文档拆分-查看
This commit is contained in:
@@ -2,11 +2,13 @@
|
|||||||
import { getAction, postAction } from './manage'
|
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 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)
|
const addDocSplit = (params) => postAction('/split/sarFileSplitInfo/add', params)
|
||||||
@@ -75,6 +77,7 @@ export {
|
|||||||
releaseSplitStandard,
|
releaseSplitStandard,
|
||||||
changePermission,
|
changePermission,
|
||||||
withdraw,
|
withdraw,
|
||||||
|
previewDocSplit,
|
||||||
|
|
||||||
// 文档拆分-详情
|
// 文档拆分-详情
|
||||||
getDocSplitTableHeader,
|
getDocSplitTableHeader,
|
||||||
|
|||||||
@@ -1,75 +1,93 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="sheet-box">
|
<a-spin :spinning="loading">
|
||||||
<!--标准目录-->
|
<div class="sheet-box">
|
||||||
<div class="standard-catalogue part-common"
|
<!--标准目录-->
|
||||||
:class="isCatalogueExpand ? 'expand-catalogue' : 'no-expand-catalogue'">
|
<div class="standard-catalogue part-common"
|
||||||
<div class="control-standard-catalogue-expand" @click="expandCatalogue">
|
:class="isCatalogueExpand ? 'expand-catalogue' : 'no-expand-catalogue'">
|
||||||
<a-icon :type="isCatalogueExpand ? 'left' : 'right'" />
|
<div class="control-standard-catalogue-expand" @click="expandCatalogue">
|
||||||
</div>
|
<a-icon :type="isCatalogueExpand ? 'left' : 'right'" />
|
||||||
<div class="part-title" v-show="isCatalogueExpand">{{ $t('standardRegulationLibrary.standardCatalogue') }}</div>
|
</div>
|
||||||
<div class="has-title-part-content" v-show="isCatalogueExpand">
|
<div class="part-title" v-show="isCatalogueExpand">{{ $t('standardRegulationLibrary.standardCatalogue') }}</div>
|
||||||
<a-tree :tree-data="treeData" :selected-keys="selectedTreeKeys" @select="handleTreeSelected">
|
<div class="has-title-part-content" v-show="isCatalogueExpand">
|
||||||
<a-icon slot="switcherIcon" type="down" :style="{ fontSize: '12px', color: '#103770' }" />
|
<a-tree :tree-data="treeData"
|
||||||
<template slot="title" slot-scope="{termsNum}">
|
:selected-keys="selectedTreeKeys"
|
||||||
<span :style="termsNum && termsNum.indexOf('.')===-1?'font-weight: 600;':''">{{ termsNum + '' + termsName }}</span>
|
@select="handleTreeSelected"
|
||||||
</template>
|
:replaceFields="{children: 'children', key: 'id'}">
|
||||||
</a-tree>
|
<a-icon slot="switcherIcon" type="down" :style="{ fontSize: '12px', color: '#103770' }" />
|
||||||
</div>
|
<template slot="title" slot-scope="{name, itemName}">
|
||||||
</div>
|
<span :style="name && name.indexOf('.')===-1?'font-weight: 600;':''">{{ `${name} ${itemName || ''}` }}</span>
|
||||||
<!--标准内容-->
|
</template>
|
||||||
<div class="sheet-container part-ml">
|
</a-tree>
|
||||||
<!--标准名称-->
|
|
||||||
<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>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<!--标准内容-->
|
||||||
<!--条文、条文标签切换-->
|
<div class="sheet-container part-ml">
|
||||||
<div class="clause-label-change part-ml part-common" :class="{'no-expand-clause-label': !isClauseLabelExpand}">
|
<!--标准名称-->
|
||||||
<div class="control-clause-label-expand" @click="expandClauseLabel">
|
<div class="standard-name">
|
||||||
<a-icon :type="isClauseLabelExpand ? 'right' : 'left'" />
|
<a-tooltip placement="topLeft">
|
||||||
</div>
|
<template #title>
|
||||||
<!--条文-->
|
{{ spiltInfo.serialNumber }}
|
||||||
<a-tooltip placement="left">
|
</template>
|
||||||
<template #title>{{ $t('docTool.split.article') }}</template>
|
<span> {{ spiltInfo.serialNumber }}《{{ spiltInfo.fileName }}》</span>
|
||||||
<div class="clause-label-change-item" :class="{'clause-label-change-item-selected': !showClauseLabel}" @click="handleClauseChange(false)">
|
</a-tooltip>
|
||||||
<i class="iconfont icon-ios-list-box" />
|
<a-button type="link" :icon="isContainerExpand ? 'fullscreen-exit' : 'fullscreen'" @click="handleContainerExpand">
|
||||||
<span v-show="isClauseLabelExpand">{{ $t('docTool.split.article') }}</span>
|
{{ isContainerExpand ? $t('putAway') : $t('open') }}
|
||||||
|
</a-button>
|
||||||
</div>
|
</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">
|
<div class="clause-label part-ml part-common" :class="{'hide-clause-label': !showClauseLabel || isContainerExpand}">
|
||||||
<template #title>{{ $t('docTool.split.clauseLabel') }}</template>
|
<div class="part-title">{{ $t('standardRegulationLibrary.clauseLabel') }}</div>
|
||||||
<div class="clause-label-change-item" :class="{'clause-label-change-item-selected': showClauseLabel}" @click="handleClauseChange(true)">
|
<div class="has-title-part-content">
|
||||||
<i class="iconfont icon-biaoqian-mianxing" />
|
<template v-for="clause in clauseField">
|
||||||
<span v-show="isClauseLabelExpand">{{ $t('docTool.split.clauseLabel') }}</span>
|
<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>
|
</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>
|
||||||
</div>
|
</a-spin>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import '@assets/less/common.less'
|
import { getDocSplitEditForm, previewDocSplit } from '@api/documentToolApi'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'StandardResolutionSheet',
|
name: 'StandardResolutionSheet',
|
||||||
@@ -77,111 +95,75 @@ export default {
|
|||||||
return {
|
return {
|
||||||
showClauseLabel: true, // 是否展示条文标签
|
showClauseLabel: true, // 是否展示条文标签
|
||||||
// 条文标签字段
|
// 条文标签字段
|
||||||
clauseField: [
|
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: ''
|
|
||||||
}
|
|
||||||
],
|
|
||||||
// 目录数据
|
// 目录数据
|
||||||
treeData: [
|
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' }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
],
|
|
||||||
selectedTreeKeys: [],
|
selectedTreeKeys: [],
|
||||||
|
hightMenuId: null, // 高亮的menuId
|
||||||
isClauseLabelExpand: true, // 条文/条文标签切换部分是否展开,控制是否只显示图标
|
isClauseLabelExpand: true, // 条文/条文标签切换部分是否展开,控制是否只显示图标
|
||||||
isCatalogueExpand: true, // 标准目录收起
|
isCatalogueExpand: true, // 标准目录收起
|
||||||
isContainerExpand: false, // 条文是否展开
|
isContainerExpand: false, // 条文是否展开
|
||||||
isInitPage: true // 是否初始化页面
|
loading: false,
|
||||||
|
spiltInfo: {}, // 拆分的整体信息
|
||||||
|
clauseContentList: [], // 条文内容的数据
|
||||||
|
clauseLabelInfo: {}, // 条文标签数据
|
||||||
|
clauseLabelHideField: ['item_content']
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted () {
|
mounted () {
|
||||||
this.$nextTick(() => {
|
this.initClauseFieldList()
|
||||||
this.isInitPage = false
|
this.initDetailInfo()
|
||||||
})
|
|
||||||
},
|
},
|
||||||
methods: {
|
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) {
|
handleTreeSelected (selectedKeys) {
|
||||||
this.selectedTreeKeys = 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 () {
|
handleContainerExpand () {
|
||||||
this.isContainerExpand = !this.isContainerExpand
|
this.isContainerExpand = !this.isContainerExpand
|
||||||
if (this.isContainerExpand) {
|
if (this.isContainerExpand) {
|
||||||
@@ -191,15 +173,21 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
*
|
* 条文标签切换
|
||||||
* @param flag
|
* @param flag
|
||||||
*/
|
*/
|
||||||
handleClauseChange (flag) {
|
handleClauseChange (flag) {
|
||||||
this.showClauseLabel = flag
|
this.showClauseLabel = flag
|
||||||
},
|
},
|
||||||
|
/**
|
||||||
|
* 展开或收起条文/条文标签面板
|
||||||
|
*/
|
||||||
expandClauseLabel () {
|
expandClauseLabel () {
|
||||||
this.isClauseLabelExpand = !this.isClauseLabelExpand
|
this.isClauseLabelExpand = !this.isClauseLabelExpand
|
||||||
},
|
},
|
||||||
|
/**
|
||||||
|
* 展开或收起标准目录
|
||||||
|
*/
|
||||||
expandCatalogue () {
|
expandCatalogue () {
|
||||||
this.isCatalogueExpand = !this.isCatalogueExpand
|
this.isCatalogueExpand = !this.isCatalogueExpand
|
||||||
}
|
}
|
||||||
@@ -208,6 +196,8 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="less">
|
<style scoped lang="less">
|
||||||
|
@import '~@assets/less/common.less';
|
||||||
|
|
||||||
.sheet-box {
|
.sheet-box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@@ -280,7 +270,7 @@ export default {
|
|||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
|
|
||||||
label {
|
label {
|
||||||
width: 7em;
|
width: 7.5em;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-family: PingFang SC-Regular, PingFang SC, sans-serif;
|
font-family: PingFang SC-Regular, PingFang SC, sans-serif;
|
||||||
color: #86909C;
|
color: #86909C;
|
||||||
@@ -290,7 +280,9 @@ export default {
|
|||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
&-content {
|
||||||
|
flex: 1;
|
||||||
|
width: 0;
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@@ -396,6 +388,34 @@ export default {
|
|||||||
padding: 24px;
|
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 {
|
.control-clause-label-expand {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 12px;
|
width: 12px;
|
||||||
@@ -417,4 +437,12 @@ export default {
|
|||||||
/deep/ .ant-tree li span.ant-tree-switcher {
|
/deep/ .ant-tree li span.ant-tree-switcher {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ant-spin-nested-loading {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .ant-spin-container {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -20,7 +20,7 @@ export const FieldType = {
|
|||||||
OPTION_SINGLE: { text: '下拉单选', value: '10' },
|
OPTION_SINGLE: { text: '下拉单选', value: '10' },
|
||||||
OPTION_MORE: { text: '下拉多选', value: '11' },
|
OPTION_MORE: { text: '下拉多选', value: '11' },
|
||||||
TREE: { text: '树形结构(多选)', value: '12' },
|
TREE: { text: '树形结构(多选)', value: '12' },
|
||||||
TEXT_LINK: { text: '输入框(链接)', value: '13' },
|
// TEXT_LINK: { text: '输入框(链接)', value: '13' },
|
||||||
YEAR_PICKER: { text: '年份选择', value: '14' },
|
YEAR_PICKER: { text: '年份选择', value: '14' },
|
||||||
TREE_SINGLE: { text: '树形结构(单选)', value: '15' }
|
TREE_SINGLE: { text: '树形结构(单选)', value: '15' }
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -40,16 +40,22 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="table-operator">
|
<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>
|
</a-button>
|
||||||
<!--TODO 导入拆分结果-->
|
<!--TODO 导入拆分结果-->
|
||||||
<a-button icon="download" type="primary" ghost @click="handleExport" v-has="'split:sarFileSplitInfo:splitResult'">
|
<a-button icon="download" type="primary" ghost @click="handleExport" v-has="'split:sarFileSplitInfo:splitResult'">
|
||||||
{{ $t('docTool.split.importResults') }}
|
{{ $t('docTool.split.importResults') }}
|
||||||
</a-button>
|
</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>
|
||||||
<div>
|
<div>
|
||||||
<j-table
|
<j-table
|
||||||
@@ -110,7 +116,7 @@ export default {
|
|||||||
{
|
{
|
||||||
text: this.$t('withdraw'),
|
text: this.$t('withdraw'),
|
||||||
clickEvent: 'handleWithdraw',
|
clickEvent: 'handleWithdraw',
|
||||||
has: 'split:sarFileSplitInfo:release',
|
has: 'split:sarFileSplitInfo:withdraw',
|
||||||
show: (record) => {
|
show: (record) => {
|
||||||
// 创建人(更改权限更改的是这个字段)是当前登录人,且状态为已发布可以撤回
|
// 创建人(更改权限更改的是这个字段)是当前登录人,且状态为已发布可以撤回
|
||||||
return record.createBy === this.userInfo.username && record.splitStatus === SplitStatus.RELEASED.value
|
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({
|
this.$openPageNewSheet({
|
||||||
path: '/documentTool/StandardSplitSheet'
|
path: '/documentTool/StandardSplitSheet',
|
||||||
|
query: {
|
||||||
|
id
|
||||||
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
splitTextVisible (val, num) {
|
splitTextVisible (val, num) {
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<div class="page-left-right-layout">
|
<div class="page-left-right-layout">
|
||||||
<!--树部分-->
|
<!--树部分-->
|
||||||
<div class="page-left-box">
|
<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">
|
<div class="page-tree-box page-tree-box-has-search">
|
||||||
<a-spin :spinning="loading">
|
<a-spin :spinning="loading">
|
||||||
<a-tree :show-line="true" :show-icon="true" :tree-data="treeData" :selected-keys="selectedKeys">
|
<a-tree :show-line="true" :show-icon="true" :tree-data="treeData" :selected-keys="selectedKeys">
|
||||||
@@ -12,7 +12,7 @@
|
|||||||
@mouseenter="handleTreeMouseover(record.id)"
|
@mouseenter="handleTreeMouseover(record.id)"
|
||||||
@mouseleave="handleTreeMouseout(record.id)"
|
@mouseleave="handleTreeMouseout(record.id)"
|
||||||
@click="handleSelectTreeNode(record)">
|
@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>
|
<a-tooltip>
|
||||||
<template #title>
|
<template #title>
|
||||||
{{ record.name }}{{ record.itemName }}
|
{{ record.name }}{{ record.itemName }}
|
||||||
@@ -30,14 +30,14 @@
|
|||||||
@click.stop="orgEdit(record)"
|
@click.stop="orgEdit(record)"
|
||||||
v-if="record.pid"
|
v-if="record.pid"
|
||||||
v-has="'split:sarFileSplitMenu:update'">
|
v-has="'split:sarFileSplitMenu:update'">
|
||||||
<i class="iconfont icon-bianji"/>
|
<i class="iconfont icon-bianji" />
|
||||||
</a-button>
|
</a-button>
|
||||||
<!--删除,根节点不能删除-->
|
<!--删除,根节点不能删除-->
|
||||||
<a-button class="tree-operate-node-btn"
|
<a-button class="tree-operate-node-btn"
|
||||||
v-if="record.pid"
|
v-if="record.pid"
|
||||||
v-has="'split:sarFileSplitMenu:delete'"
|
v-has="'split:sarFileSplitMenu:delete'"
|
||||||
@click.stop="orgDelete(record)">
|
@click.stop="orgDelete(record)">
|
||||||
<i class="iconfont icon-shanchu_"/>
|
<i class="iconfont icon-shanchu_" />
|
||||||
</a-button>
|
</a-button>
|
||||||
<!--节点上移,是否可以上移在树形数据中应该有字段标识-->
|
<!--节点上移,是否可以上移在树形数据中应该有字段标识-->
|
||||||
<a-button icon="up"
|
<a-button icon="up"
|
||||||
@@ -68,7 +68,7 @@
|
|||||||
:get-query-condition-func="getQueryConditionFunc"
|
:get-query-condition-func="getQueryConditionFunc"
|
||||||
search-has="split:sarFileSplitItems:search"
|
search-has="split:sarFileSplitItems:search"
|
||||||
@search="searchQuery"
|
@search="searchQuery"
|
||||||
@reset="searchReset"/>
|
@reset="searchReset" />
|
||||||
</div>
|
</div>
|
||||||
<!--操作按钮-->
|
<!--操作按钮-->
|
||||||
<div class="table-operator">
|
<div class="table-operator">
|
||||||
@@ -93,7 +93,7 @@
|
|||||||
{{ $t('export') }}
|
{{ $t('export') }}
|
||||||
</a-button>
|
</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') }}
|
{{ $t('batchDelete') }}
|
||||||
</a-button>
|
</a-button>
|
||||||
<!--模板下载-->
|
<!--模板下载-->
|
||||||
@@ -101,11 +101,11 @@
|
|||||||
icon="download"
|
icon="download"
|
||||||
ghost
|
ghost
|
||||||
v-has="'split:sarFileSplitItems:template'"
|
v-has="'split:sarFileSplitItems:template'"
|
||||||
@click="downTemplate($t('docTool.split.documentSplitTemplate'))">
|
@click="downTemplate($t('docTool.split.documentSplitTemplate'), '.zip')">
|
||||||
{{ $t('templateDownload') }}
|
{{ $t('templateDownload') }}
|
||||||
</a-button>
|
</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') }}
|
{{ $t('docTool.split.batchCopy') }}
|
||||||
</a-button>
|
</a-button>
|
||||||
<!--批量编辑-->
|
<!--批量编辑-->
|
||||||
@@ -161,13 +161,13 @@
|
|||||||
</div>
|
</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>
|
</internal-detail-page>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -241,20 +241,20 @@ export default {
|
|||||||
// 编辑
|
// 编辑
|
||||||
{
|
{
|
||||||
text: this.$t('edit'),
|
text: this.$t('edit'),
|
||||||
clickEvent: 'handleEdit'
|
clickEvent: 'handleEdit',
|
||||||
// has: 'split:sarFileSplitItems:update'
|
has: 'split:sarFileSplitItems:update'
|
||||||
},
|
},
|
||||||
// 复制
|
// 复制
|
||||||
{
|
{
|
||||||
text: this.$t('copy'),
|
text: this.$t('copy'),
|
||||||
clickEvent: 'handleCopy'
|
clickEvent: 'handleCopy',
|
||||||
// has: 'split:sarFileSplitItems:update'
|
has: 'split:sarFileSplitItems:copy'
|
||||||
},
|
},
|
||||||
// 删除
|
// 删除
|
||||||
{
|
{
|
||||||
text: this.$t('delete'),
|
text: this.$t('delete'),
|
||||||
clickEvent: 'handleDelete'
|
clickEvent: 'handleDelete',
|
||||||
// has: 'split:sarFileSplitItems:delete'
|
has: 'split:sarFileSplitItems:delete'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
url: {
|
url: {
|
||||||
@@ -564,14 +564,7 @@ export default {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
}
|
||||||
// 下载导入模板
|
|
||||||
downTemplate (fileName) {
|
|
||||||
if (!fileName || typeof fileName !== 'string') {
|
|
||||||
fileName = '模板文件'
|
|
||||||
}
|
|
||||||
downloadFile(this.url.downTemplateUrl, fileName + '.zip')
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user