update 国内标准树修改，文档拆分列表

src/views/documentTool/DocumentSplit.vue

@@ -1,28 +1,56 @@
 <template>
   <a-card :bordered="false">
     <div class="table-page-search-wrapper">
-      <search flag="3" :url="url"/>
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+          <!--标准号/标准名称-->
+          <a-col :md="6" :sm="12">
+            <a-form-item :label="$t('standardSelect.standardNumOrName')">
+              <j-input :placeholder="$t('pleaseEnter') + $t('projectLibrary.projectName')" v-model="queryParam.projectName"></j-input>
+            </a-form-item>
+          </a-col>
+          <!--拆分状态-->
+          <a-col :md="6" :sm="12">
+            <a-form-item :label="$t('docTool.split.splitState')">
+              <j-dict-select-tag
+                class="box-input"
+                v-model="queryParam.projectHealth"
+                :placeholder="$t('pleaseSelect') + $t('docTool.split.splitState')"
+                :type="'select'"
+                :triggerChange="false"
+                :dictCode="'project_health'" />
+            </a-form-item>
+          </a-col>
+          <!--编辑人-->
+          <a-col :md="6" :sm="12">
+            <a-form-item :label="$t('docTool.split.editor')">
+              <j-input :placeholder="$t('pleaseEnter') + $t('docTool.split.editor')" v-model="queryParam.projectName"></j-input>
+            </a-form-item>
+          </a-col>
+          <a-col :md="6" :sm="8">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+              <a-button type="primary" @click="searchReset" icon="reload" ghost>{{ $t('reset') }}</a-button>
+              <a-button type="primary" @click="searchQuery" icon="search" style="margin-left: 8px">
+                {{ $t('query') }}
+              </a-button>
+            </span>
+          </a-col>
+        </a-row>
+      </a-form>
     </div>
     <div class="table-operator">
-      <!--    -->
-      <div class="operator-text" @click="handleModule" v-has="'split:sarFileSplitInfo:splitFile'">
-        <a-icon type="plus"/>
-        {{ $t('docTool.split.splitText') }}
-      </div>
-      <!--    -->
-      <div class="operator-text" @click="handleExport"  v-has="'split:sarFileSplitInfo:splitResult'">
-        <a-icon type="import" :rotate="-90"/>
+      <!--拆分已入库文本-->
+      <a-button icon="plus" type="primary" @click="handleModule" v-has="'split:sarFileSplitInfo:splitFile'">{{ $t('docTool.split.splitText') }}
+      </a-button>
+      <!--导入拆分结果-->
+      <a-button icon="download" type="primary" ghost @click="handleExport" v-has="'split:sarFileSplitInfo:splitResult'">
         {{ $t('docTool.split.importResults') }}
-      </div>
-      <!--   -->
-      <div class="operator-text" @click="handleDel" v-has="'split:sarFileSplitInfo:deleteBatch'">
-        <a-icon type="delete"/>
-        {{ $t('batchDelete') }}
-      </div>
+      </a-button>
+      <!--批量删除-->
+      <a-button type="primary" icon="delete" ghost @click="batchDel" v-has="'split:sarFileSplitInfo:deleteBatch'">{{ $t('batchDelete') }}</a-button>
     </div>
-    <div class="splitting-table">
+    <div>
       <j-table
-        v-if="columns && columns.length > 0"
         :columns="columns"
         :dataSource="dataSource"
         :can-drag="true"
@@ -30,83 +58,141 @@
         :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
         :pagination="ipagination"
         :scroll="{x: '100%'}"
-        @change="tableOnChange">
+        :loading="loading"
+        @change="handleTableChange">
 
         <template v-slot:operation="{text, record}">
-          <a v-for="(operation, index) in operationList.slice(0, operateMaxNum)" :key="index" @click="operationClick(operation,record)">
-            {{ operation.text }}
-          </a>
-          <a-divider v-if="operationList.length >= operateMaxNum" type="vertical" />
+          <a @click="operationClick(operationList[0],record)">{{ operationList[0].text }}</a>
+          <a-divider type="vertical" />
           <a-dropdown placement="bottomCenter">
             <a-icon type="more" class="operate-icon-btn operate-icon-more" />
             <a-menu slot="overlay">
               <a-menu-item v-for="(operation, index) in operationList.slice(operateMaxNum)" :key="index">
                 <a @click="operationClick(operation,record)">
-                  {{ operation.text }}
+                  <div class="operate-btn">
+                    <!--                      编辑图标-->
+                    <i class="iconfont icon-bianji operate-btn-icon" v-if="operation.text === $t('edit')" />
+                    <!--                      删除图标-->
+                    <i class="iconfont icon-shanchu_ operate-btn-icon" v-if="operation.text === $t('delete')" />
+                    {{ operation.text }}
+                  </div>
                 </a>
               </a-menu-item>
             </a-menu>
           </a-dropdown>
         </template>
 
-        <!--        详情-->
-        <template slot="detailClick" slot-scope="{text, record}">
-          <a-tooltip overlay-class-name="tooltip-style">
-            <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
-            <a class="table-text textName" @click="detailClick(record)" v-if="text || text === 0">{{ text }}</a>
-            <div class="table-text" v-else>{{ global.emptyLine }}</div>
-          </a-tooltip>
-        </template>
       </j-table>
     </div>
+
+    <!--拆分已入库文本弹框-->
     <split-text ref="splitText" @visible="splitTextVisible"></split-text>
+    <!--导入拆分结果弹框-->
     <import-result ref="importResult" @visible="importResultVisible"></import-result>
   </a-card>
 </template>
 
 <script>
-import Search from '@/components/customField/Search'
+import '@assets/less/common.less'
 import JTable from '@/components/jero/JTable'
 // 拆分已入库文本弹框
 import SplitText from './modules/SplitText'
 // 导入拆分结果弹框
 import ImportResult from './modules/ImportResult'
-import { httpAction, getAction } from '@/api/manage'
-import { ConfigurableTableMixin } from '@/mixins/ConfigurableTableMixin'
-import { getDocumentSplitSearchForm, getDocumentSplitTableHeader } from '../../api/documentToolApi'
+import { JeroListMixin } from '../../mixins/JeroListMixin.js'
+import { releaseSplitStandard } from '../../api/documentToolApi.js'
 
 export default {
   name: 'DocumentSplit',
-  components: { Search, JTable, SplitText, ImportResult },
-  mixins: [ConfigurableTableMixin],
+  components: { JTable, SplitText, ImportResult },
+  mixins: [JeroListMixin],
   data () {
     return {
-      selectedRowKeys: [],
       operationList: [
+        // 发布
+        {
+          text: this.$t('release'),
+          clickEvent: 'handleRelease',
+          has: ''
+        },
         // 查看
         {
           text: this.$t('view'),
-          clickEvent: 'detailClick',
+          clickEvent: 'handleDetail',
           has: ''
         },
-        // 回传至文档库
+        // 编辑
         {
-          text: this.$t('docTool.split.backDocument'),
-          clickEvent: 'backDocument',
+          text: this.$t('edit'),
+          clickEvent: 'handleEdit',
           has: ''
         },
         // 删除
         {
           text: this.$t('delete'),
-          clickEvent: 'deleteDetail',
+          clickEvent: 'handleDelete',
           has: ''
         }
       ],
-      getTableHeaderFunc: getDocumentSplitTableHeader,
-      getQueryConditionFunc: getDocumentSplitSearchForm,
+      columns: [
+        // 标准号
+        {
+          dataIndex: '1',
+          title: this.$t('standardSelect.standardNumber'),
+          width: 150
+        },
+        // 标准名称
+        {
+          dataIndex: '2',
+          title: this.$t('standardSelect.standardName'),
+          width: 150
+        },
+        // 文件状态
+        {
+          dataIndex: '3',
+          title: this.$t('docTool.split.fileStatus'),
+          width: 150
+        },
+        // 文件名称
+        {
+          dataIndex: '4',
+          title: this.$t('fileName'),
+          width: 150
+        },
+        // 拆分状态
+        {
+          dataIndex: '5',
+          title: this.$t('docTool.split.splitState'),
+          width: 150
+        },
+        // 编辑人
+        {
+          dataIndex: '6',
+          title: this.$t('docTool.split.editor'),
+          width: 150
+        },
+        // 拆分时间
+        {
+          dataIndex: '7',
+          title: this.$t('docTool.split.splitTime'),
+          width: 150
+        },
+        // 拆分结果
+        {
+          dataIndex: '91',
+          title: this.$t('docTool.split.splitResult'),
+          sorter: true,
+          width: 150
+        },
+        // 操作
+        {
+          title: this.$t('operation'),
+          fixed: 'right',
+          width: 150,
+          scopedSlots: { customRender: 'operation' }
+        }
+      ],
       url: {
-        // tableHeader: '/split/sarFileSplitInfo/getHeader', // 表格头部字段
-        // searchList: '/split/sarFileSplitInfo/queryCondition', // 搜索字段
         list: '/split/sarFileSplitInfo/page', // 表格数据
         deleteBatch: '', // 批量删除
         deleteUrl: '',
@@ -114,9 +200,7 @@ export default {
       },
       dataSource: [
         { id: 1 }
-      ],
-      showAction: true,
-      flag: '3'
+      ]
     }
   },
   methods: {
@@ -128,87 +212,37 @@ export default {
     handleExport () {
       this.$refs.importResult.open()
     },
-    // 批量删除
-    handleDel () {
-      const params = {
-        ids: this.selectedRowKeys.join(',')
-      }
-      if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
-        this.$confirm({
-          title: this.$t('confirmDeletion'),
-          content: '',
-          onOk: () => {
-            httpAction(this.url.deleteBatch, params, 'post').then((res) => {
-              if (res.success) {
-                this.$message.success(this.$t('operationSuccessful'))
-                this.selectedRowKeys = []
-                this.$refs.tableData.$emit('searchGetData')
-              } else {
-                this.$message.warning(this.$t('operationFailed'))
-              }
-            })
-          }
-        })
-      } else {
-        this.$message.warning(this.$t('selectLeastOne'))
-      }
-    },
-    operationClick (operation, record) {
-      if (this[operation.clickEvent]) {
-        this[operation.clickEvent](record)
-      }
-    },
-    // 表格操作列的删除
-    deleteDetail (val) {
+    /**
+     * 发布
+     */
+    handleRelease ({ id }) {
       this.$confirm({
-        content: this.$t('confirmDeletion'),
-        onOk:
-          async () => {
-            getAction(this.url.deleteUrl, { id: val.id }).then((res) => {
-              if (res.success) {
-                this.$message.success(this.$t('operationSuccessful'))
-                this.$refs.tableData.$emit('searchGetData')
-              } else {
-                this.$message.warning(this.$t('operationFailed'))
-              }
-            })
-          }
-
-      })
-    },
-    // 表格选中的回调
-    onSelectChange (selKeys) {
-      this.selectedRowKeys = selKeys
-    },
-    // 表格操作列-回传至文档库
-    backDocument (val) {
-      this.$confirm({
-        content: this.$t('backDocument'),
+        title: this.$t('confirmRelease'),
+        content: this.$t('confirmReleaseContent'),
         onOk: () => {
-          const params = {
-            id: val.id,
-            fileName: val.fileName,
-            connectId: val.connectId
-          }
-          getAction(this.url.backDocument, params).then(res => {
-            if (res.data.success) {
-              this.$message.success(this.$t('operationSuccessful'))
-              this.$refs.tableData.$emit('searchGetData')
+          this.loading = true
+          releaseSplitStandard({ id }).then(res => {
+            if (res.success) {
+              this.$message.success(res.message)
+              this.modalFormOk()
             } else {
-              this.$message.warning(res.data.message)
+              this.$message.warn(res.message)
             }
+          }).finally(() => {
+            this.loading = false
           })
         }
       })
     },
     // 表格操作列的查看
-    detailClick (val) {
+    handleEdit (record) {
       this.$router.push({
-        path: '/documentTool/split/detail',
+        path: '/documentTool/DocumentSplitDetail',
         query: {
-          infoId: val.id,
-          infoNumber: val.serialNumber,
-          createBy: val.createBy
+          infoId: record.id,
+          infoNumber: record.serialNumber,
+          createBy: record.createBy,
+          standardName: 'GB 7258-2020 机动车运行安全'
         }
       })
     },
@@ -227,5 +261,4 @@ export default {
 </script>
 
 <style scoped>
-@import '~@assets/less/common.less';
 </style>

src/views/documentTool/DocumentSplitDetail.vue

@@ -1,8 +1,9 @@
 <template>
-  <a-card :bordered="false">
-    <div class="left-tree-div">
-      <div class="div-left">
-        <div>
+  <internal-detail-page :title="pageTitle" :content-padding="0">
+    <div class="page-left-right-layout">
+      <!--树部分-->
+      <div class="page-left-box">
+        <a-spin :spinning="loading">
           <a-input-search style="margin-bottom: 8px" :placeholder="$t('nodeQuickLookup')" @change="onLeftChange"
                           @search="onSearch" />
           <a-tree
@@ -19,7 +20,7 @@
             <template #title="{ key: treeKey, title, record }">
               <a-dropdown :trigger="['contextmenu']">
                 <span v-if="title.indexOf(searchValue) >= -1 && title.length <= 18" :title="title"
-                          class="expand-title">
+                      class="expand-title">
                       {{ title.substr(0, title.indexOf(searchValue)) }}<span style="color: #f50">{{ searchValue }}</span>
                       {{ title.substr(title.indexOf(searchValue) + searchValue.length) }}
                     </span>
@@ -31,9 +32,12 @@
                 <span
                   v-else-if="title.indexOf(searchValue) >= -1 && title.length > 18 && title.indexOf(searchValue)<=18"
                   :title="title">
-                      {{ title.substr(0, title.indexOf(searchValue)) }}<span style="color: #f50">
+                      {{ title.substr(0, title.indexOf(searchValue)) }}
+                  <span style="color: #f50">
                       {{ title.indexOf(searchValue) + searchValue.length > 18 ? searchValue.substr(0, 18 - title.indexOf(searchValue)) : searchValue
-                  }}</span>{{ title.indexOf(searchValue) + searchValue.length > 18 ? '...' : title.substr(title.indexOf(searchValue) + searchValue.length, 18 - title.indexOf(searchValue) - searchValue.length) + '...'
+                    }}
+                  </span>
+                  {{ title.indexOf(searchValue) + searchValue.length > 18 ? '...' : title.substr(title.indexOf(searchValue) + searchValue.length, 18 - title.indexOf(searchValue) - searchValue.length) + '...'
                   }}
                 </span>
                 <span v-else :title="title">
@@ -62,139 +66,122 @@
               </a-dropdown>
             </template>
           </a-tree>
-        </div>
+        </a-spin>
       </div>
-      <div class="div-right">
-        <div class="div-right-wrapper">
-          <div class="right-search-header table-page-search-wrapper">
-            <search :flag="'4'" :url="url" :infoId="$route.query.infoId"
-                    :menuId="menuId" @reset="searchReset" @search="searchQuery" />
-          </div>
-          <div class="table-operator">
-            <div class="operator-text" @click="handleCopyManage">
-<!--              v-if="$route.query.createBy === userData.username || administrators"-->
-<!--              v-has="'split:sarFileSplitItems:copy'"-->
-              <a-icon type="copy" />
-              {{ $t('copy') }}
-            </div>
-            <div class="operator-text" @click="handleAddManage">
-<!--              v-if="$route.query.createBy === userData.username || administrators"-->
-<!--              v-has="'split:sarFileSplitItems:add'"-->
-              <a-icon type="plus" />
-              {{ $t('add') }}
-            </div>
-            <div class="operator-text upload-split"
-                 v-if="isCanOperate"
-                 @click="handleImportManage" v-has="'split:sarFileSplitItems:import'">
-              <a-icon type="import" :rotate="-90" v-if="uploadMenuId === undefined || uploadMenuId === ''" />
-              {{ (uploadMenuId === '' || uploadMenuId === undefined) ? $t('import') : '' }}
-              <upload v-if="menuId" ref="uploadSplit" :infoId="infoId" :menuId="uploadMenuId"
-                      @uploadSuccess="uploadSuccess"></upload>
-            </div>
-            <div class="operator-text" @click="handleExportManage"
-                 v-has="'split:sarFileSplitItems:export'">
-              <a-icon type="export" :rotate="-90" />
-              {{ $t('export') }}
-            </div>
-            <div class="operator-text" @click="handleDownManage"
-                 v-if="isCanOperate"
-                 v-has="'split:sarFileSplitItems:template'">
-              <a-icon type="download" />
-              {{ $t('templateDownload') }}
-            </div>
-            <div class="operator-text" @click="handleMergeManage"
-                 v-if="isCanOperate"
-                 v-has="'split:sarFileSplitItems:merge'">
-              <a-icon type="snippets" />
-              {{ $t('docTool.split.mergerClause') }}
-            </div>
-            <div class="operator-text" @click="handleManage"
-                 v-if="isCanOperate"
-                 v-has="'split:sarFileSplitItems:set'">
-              <a-icon type="setting" />
-              {{ $t('docTool.split.batchSetting') }}
-            </div>
-            <div class="operator-text" @click="handleBatCancel"
-                 v-if="isCanOperate"
-                 v-has="'split:sarFileSplitItems:delete'">
-              <a-icon type="delete" />
-              {{ $t('batchDelete') }}
-            </div>
-          </div>
-          <div class="split-detail-table">
-            <j-table
-              v-if="columns && columns.length > 0"
-              :columns="columns"
-              :dataSource="dataSource"
-              :can-drag="true"
-              rowKey="id"
-              :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
-              :pagination="ipagination"
-              :scroll="{x: '100%'}"
-              @change="tableOnChange">
+      <!--表格部分-->
+      <div class="page-right-box">
+        <div class="table-operator">
+          <!--导入-->
+          <a-upload name="file"
+                    :showUploadList="false"
+                    :multiple="false"
+                    :headers="tokenHeader"
+                    :action="importExcelUrl"
+                    v-has="'domesticStandard:import'"
+                    @change="handleImportExcel">
+            <a-button type="primary" icon="download" ghost>{{ $t('import') }}</a-button>
+          </a-upload>
+          <!--导出-->
+          <a-button icon="upload"
+                    type="primary"
+                    ghost
+                    v-has="'domesticStandard:export'"
+                    @click="handleExportXls($t('standardRegulationLibrary.domesticStandard.exportFileName'))">
+            {{ $t('export') }}
+          </a-button>
+          <!--批量删除-->
+          <a-button type="primary" icon="delete" ghost @click="batchDel" v-has="'domesticStandard:batchDel'">{{ $t('batchDelete') }}</a-button>
+          <!--模板下载-->
+          <a-button type="primary"
+                    icon="download"
+                    ghost
+                    v-has="'domesticStandard:downTemplate'"
+                    @click="downTemplate($t('standardRegulationLibrary.domesticStandard.templateName'))">
+            {{ $t('templateDownload') }}
+          </a-button>
+          <!--批量复制-->
+          <a-button type="primary" ghost @click="handleCopyManage" v-has="'domesticStandard:batchDel'">{{ $t('docTool.split.batchCopy') }}</a-button>
+          <!--批量编辑-->
+          <a-button type="primary" ghost @click="handleManage">{{ $t('docTool.split.batchEdit') }}</a-button>
+          <!--合并条款-->
+          <a-button type="primary" ghost @click="handleMergeManage">{{ $t('docTool.split.mergerClause') }}</a-button>
+        </div>
+        <div>
+          <j-table
+            v-if="columns && columns.length > 0"
+            :columns="columns"
+            :dataSource="dataSource"
+            :can-drag="true"
+            rowKey="id"
+            :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
+            :pagination="ipagination"
+            :scroll="{x: '100%'}"
+            @change="tableOnChange">
 
-              <template slot="operation" slot-scope="{text, record}">
-                <a v-for="(operation, index) in operationList" :key="index" @click="operationClick(operation,record)">
-                  <!--            v-has="operation.has"-->
-                  <span class="text">
+            <template slot="operation" slot-scope="{text, record}">
+              <a v-for="(operation, index) in operationList" :key="index" @click="operationClick(operation,record)">
+                <!--            v-has="operation.has"-->
+                <span class="text">
                     {{ operation.text }}
                   </span>
-                </a>
-              </template>
+              </a>
+            </template>
 
-              <!--        详情-->
-              <template slot="detailClick" slot-scope="{text, record}">
-                <a-tooltip overlay-class-name="tooltip-style">
-                  <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
-                  <a class="table-text textName" @click="detailClick(record)" v-if="text || text === 0">{{ text }}</a>
-                  <div class="table-text" v-else>{{ global.emptyLine }}</div>
-                </a-tooltip>
-              </template>
+            <!--        详情-->
+            <template slot="detailClick" slot-scope="{text, record}">
+              <a-tooltip overlay-class-name="tooltip-style">
+                <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+                <a class="table-text textName" @click="detailClick(record)" v-if="text || text === 0">{{ text }}</a>
+                <div class="table-text" v-else>{{ global.emptyLine }}</div>
+              </a-tooltip>
+            </template>
 
-              <template slot="showContent" slot-scope="text, record">
-                <span class="content-show" @click="showContent(text,record)">{{record.iterms_conditions&&record.iterms_conditions!=='null'?record.iterms_conditions.replace(/<.*?>/ig, ' ') : ''}}</span>
-              </template>
+            <template slot="showContent" slot-scope="text, record">
+                <span class="content-show"
+                      @click="showContent(text,record)">{{ record.iterms_conditions && record.iterms_conditions !== 'null' ? record.iterms_conditions.replace(/<.*?>/ig, ' ') : ''
+                  }}</span>
+            </template>
 
-            </j-table>
-          </div>
+          </j-table>
         </div>
       </div>
-      <!--  条款详情  -->
-      <split-clause-detail ref="splitClauseDetail"></split-clause-detail>
-      <!--  添加节点  -->
-      <split-detail-node-add ref="splitDetailNodeAdd" @ok="nodeAddOk" @update="nodeUpdateOk"></split-detail-node-add>
-      <!--  批量设置弹框  -->
-      <split-detail-batch-setting ref="splitDetailBatchSetting" @ok="batchSettingOk"></split-detail-batch-setting>
-      <split-add-form ref="splitForm" :flag="'4'"
-                      :url="url" :infoId="infoId" :menuId="menuId" :itemId="itemId" @closeVisible="closeVisible"
-                      @sumber="sumber"></split-add-form>
-
     </div>
-  </a-card>
+
+    <!--  条款详情  -->
+    <split-clause-detail ref="splitClauseDetail"></split-clause-detail>
+    <!--  添加节点  -->
+    <split-detail-node-add ref="splitDetailNodeAdd" @ok="nodeAddOk" @update="nodeUpdateOk"></split-detail-node-add>
+    <!--  批量设置弹框  -->
+    <split-detail-batch-setting ref="splitDetailBatchSetting" @ok="batchSettingOk"></split-detail-batch-setting>
+    <split-add-form ref="splitForm" :flag="'4'"
+                    :url="url" :infoId="infoId" :menuId="menuId" :itemId="itemId" @closeVisible="closeVisible"
+                    @sumber="sumber"></split-add-form>
+  </internal-detail-page>
 </template>
 
 <script>
-import Search from '@/components/customField/Search'
-import JTable from '@/components/jero/JTable'
+import InternalDetailPage from '../../components/InternalDetailPage.vue'
+import JTable from '../../components/jero/JTable.vue'
 // 条款添加
-import SplitAddForm from './SplitAddForm'
+import SplitAddForm from './modules/SplitAddForm.vue'
 // 条款内容弹框
-import SplitClauseDetail from './SplitClauseDetail'
+import SplitClauseDetail from './modules/SplitClauseDetail.vue'
 // 添加左侧树节点弹框
-import SplitDetailNodeAdd from './SplitDetailNodeAdd'
+import SplitDetailNodeAdd from './modules/SplitDetailNodeAdd.vue'
 // 批量设置弹框
-import SplitDetailBatchSetting from './SplitDetailBatchSetting'
+import SplitDetailBatchSetting from './modules/SplitDetailBatchSetting.vue'
 import Vue from 'vue'
-import { ACCESS_TOKEN } from '@/store/mutation-types'
+import { ACCESS_TOKEN } from '../../store/mutation-types.js'
 import { mapGetters } from 'vuex'
-import { postAction, getAction, downloadFile } from '@/api/manage'
+import { postAction, getAction, downloadFile } from '../../api/manage.js'
 import moment from 'moment'
-import { ConfigurableTableMixin } from '../../../mixins/ConfigurableTableMixin'
+import { ConfigurableTableMixin } from '../../mixins/ConfigurableTableMixin.js'
+import {getDocSplitTableHeader} from '../../api/documentToolApi.js'
 
 export default {
-  name: 'SplitDetail',
+  name: 'DocumentSplitDetail',
   components: {
-    Search,
+    InternalDetailPage,
     JTable,
     SplitAddForm,
     SplitClauseDetail,
@@ -265,6 +252,10 @@ export default {
         menu_id: this.menuId,
         info_id: this.infoId
       }
+    },
+    // 页面标题是标准名称
+    pageTitle () {
+      return this.$route.query.standardName
     }
   },
   mounted () {
@@ -888,11 +879,11 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import '~@assets/less/common.less';
+@import '~../../assets/less/common.less';
 
-@media screen and (min-width: 600px) and (max-width: 1600px) {
-  .operator-text {
-    margin-right: 20px !important;
-  }
+.page-left-right-layout {
+  height: 100%;
+  width: 100%;
+  display: flex;
 }
 </style>