mirror of
https://github.com/PanJiaChen/vue-element-admin.git
synced 2025-08-13 23:20:12 +08:00
82d10454eb
* Add License to files inside project This is recommended by GNU/gpl v3 according with it: https://www.gnu.org/licenses/gpl-3.0.html ``` How to Apply These Terms to Your New Programs If you develop a new program, and you want it to be of the greatest possible use to the public, the best way to achieve this is to make it free software which everyone can redistribute and change under these terms. To do so, attach the following notices to the program. It is safest to attach them to the start of each source file to most effectively state the exclusion of warranty; and each file should have at least the “copyright” line and a pointer to where the full notice is found. <one line to give the program's name and a brief idea of what it does.> Copyright (C) <year> <name of author> This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>. Also add information on how to contact you by electronic and paper mail. If the program does terminal interaction, make it output a short notice like this when it starts in an interactive mode: <program> Copyright (C) <year> <name of author> This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'. This is free software, and you are welcome to redistribute it under certain conditions; type `show c' for details. The hypothetical commands `show w' and `show c' should show the appropriate parts of the General Public License. Of course, your program's commands might be different; for a GUI interface, you would use an “about box”. You should also get your employer (if you work as a programmer) or school, if any, to sign a “copyright disclaimer” for the program, if necessary. For more information on this, and how to apply and follow the GNU GPL, see <https://www.gnu.org/licenses/>. The GNU General Public License does not permit incorporating your program into proprietary programs. If your program is a subroutine library, you may consider it more useful to permit linking proprietary applications with the library. If this is what you want to do, use the GNU Lesser General Public License instead of this License. But first, please read <https://www.gnu.org/licenses/why-not-lgpl.html>. ``` * Remove space
350 lines
16 KiB
Vue
350 lines
16 KiB
Vue
<!--
|
|
ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
|
|
Copyright (C) 2017-Present E.R.P. Consultores y Asociados, C.A.
|
|
Contributor(s): Edwin Betancourt edwinBetanc0urt@hotmail.com www.erpya.com
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU General Public License
|
|
along with this program. If not, see <https:www.gnu.org/licenses/>.
|
|
-->
|
|
<template>
|
|
<div
|
|
v-if="isLoaded"
|
|
key="window-loaded"
|
|
>
|
|
<el-container style="height: 86vh;">
|
|
<Split>
|
|
<SplitArea :size="sizePanel" :min-size="100">
|
|
<el-aside width="100%">
|
|
<split-pane :min-percent="10" :default-percent="defaultPorcentSplitPane" split="vertical">
|
|
<template slot="paneL">
|
|
<!-- this slot is 'paneL' (with 'L' in uppercase) do not change -->
|
|
<div class="left-container">
|
|
<el-aside v-show="isShowedRecordNavigation" width="100%">
|
|
<div class="small-4 columns" style="height: 100%;">
|
|
<div class="w">
|
|
<div class="open-left" />
|
|
<div :class="styleTableNavigation">
|
|
<!-- close record navigation and advanced query panel -->
|
|
<el-button
|
|
v-show="!isShowedRecordPanel"
|
|
:icon="iconShowedRecordNavigation"
|
|
circle
|
|
style="margin-left: 10px;"
|
|
class="el-button-window"
|
|
@click="handleChangeShowedRecordNavigation(false)"
|
|
/>
|
|
<!-- complete expand record navigation and advanced query panel -->
|
|
<el-button
|
|
v-show="!isMobile"
|
|
:icon="iconIsShowedAside"
|
|
circle
|
|
class="el-button-window"
|
|
@click="handleChangeShowedPanel()"
|
|
/>
|
|
</div>
|
|
<data-table
|
|
:parent-uuid="windowUuid"
|
|
:container-uuid="windowMetadata.currentTab.uuid"
|
|
:table-name="windowMetadata.currentTab.tableName"
|
|
:is-showed-panel-record="true"
|
|
:is-parent="true"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</el-aside>
|
|
</div>
|
|
</template>
|
|
<template slot="paneR">
|
|
<el-container id="PanelRight" style="height: 86vh;">
|
|
<resize-observer @notify="handleResize" />
|
|
<Split v-shortkey="['f8']" direction="vertical" @onDrag="onDrag" @shortkey.native="handleChangeShowedRecordNavigation(!isShowedRecordNavigation)">
|
|
<SplitArea :size="sizeAreaStyle" :style="splitAreaStyle">
|
|
<el-header
|
|
v-if="showContextMenu"
|
|
:style="isWorkflowBarStatus ? 'height: 45px; background: #F5F7FA' : 'height: 40px'"
|
|
>
|
|
<el-container>
|
|
<el-aside width="100%" style="overflow: hidden;">
|
|
<el-scrollbar>
|
|
<workflow-status-bar
|
|
v-if="isWorkflowBarStatus"
|
|
:style-steps="styleStepsSimple"
|
|
:container-uuid="windowMetadata.currentTabUuid"
|
|
:parent-uuid="windowUuid"
|
|
:panel-type="panelType"
|
|
/>
|
|
</el-scrollbar>
|
|
</el-aside>
|
|
<el-main>
|
|
<context-menu
|
|
v-show="!isShowedRecordPanel"
|
|
:menu-parent-uuid="$route.meta.parentUuid"
|
|
:parent-uuid="windowUuid"
|
|
:container-uuid="windowMetadata.currentTabUuid"
|
|
:table-name="windowMetadata.currentTab.tableName"
|
|
:panel-type="panelType"
|
|
:is-insert-record="windowMetadata.currentTab.isInsertRecord"
|
|
:is-list-record="isShowedRecordNavigation"
|
|
/>
|
|
</el-main>
|
|
</el-container>
|
|
</el-header>
|
|
<el-main :style="styleMainTab">
|
|
<tab-parent
|
|
:window-uuid="windowUuid"
|
|
:window-metadata="windowMetadata"
|
|
:tabs-list="windowMetadata.tabsListParent"
|
|
class="tab-window"
|
|
/>
|
|
<div v-if="isMobile">
|
|
<el-card class="box-card">
|
|
<el-tabs v-model="activeInfo" @tab-click="handleClick">
|
|
<el-tab-pane
|
|
name="listChatEntries"
|
|
>
|
|
<span slot="label">
|
|
<i class="el-icon-s-comment" />
|
|
{{ $t('window.containerInfo.notes') }}
|
|
</span>
|
|
<chat-entries
|
|
:table-name="getTableName"
|
|
:record-id="recordId"
|
|
/>
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane
|
|
name="listRecordLogs"
|
|
>
|
|
<span slot="label">
|
|
<svg-icon icon-class="tree-table" />
|
|
{{ $t('window.containerInfo.changeLog') }}
|
|
</span>
|
|
<div
|
|
key="change-log-loaded"
|
|
>
|
|
<record-logs />
|
|
</div>
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane
|
|
v-if="getIsWorkflowLog"
|
|
name="listWorkflowLogs"
|
|
>
|
|
<span slot="label">
|
|
<i class="el-icon-s-help" />
|
|
{{ $t('window.containerInfo.workflowLog') }}
|
|
</span>
|
|
<div
|
|
v-if="getIsWorkflowLog"
|
|
key="workflow-log-loaded"
|
|
>
|
|
<workflow-logs />
|
|
</div>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</el-card>
|
|
</div>
|
|
<div style="right: 0%; top: 40%; position: absolute;">
|
|
<!-- open container info -->
|
|
<el-button
|
|
v-show="!showContainerInfo && !isMobile"
|
|
type="info"
|
|
icon="el-icon-info"
|
|
circle
|
|
style="float: right;"
|
|
class="el-button-window"
|
|
@click="contentInfo"
|
|
/>
|
|
</div>
|
|
<div class="small-4 columns">
|
|
<div class="wrapper">
|
|
<div
|
|
v-show="!isEmptyValue(windowMetadata.tabsListChildren)"
|
|
class="open-detail"
|
|
/>
|
|
<!-- open childs tabs -->
|
|
<el-button
|
|
v-if="windowMetadata.tabsListChildren.length &&
|
|
(isMobile && !isShowedRecordNavigation || !isMobile)"
|
|
v-show="!isShowedTabsChildren"
|
|
icon="el-icon-caret-top"
|
|
:class="classIsMobile"
|
|
circle
|
|
type="primary"
|
|
@click="handleChangeShowedTabChildren(true)"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<modal-dialog
|
|
:parent-uuid="windowUuid"
|
|
:container-uuid="windowMetadata.currentTabUuid"
|
|
/>
|
|
<div class="small-4 columns">
|
|
<div class="w">
|
|
<div class="open-left" />
|
|
<el-button
|
|
v-if="isMobile"
|
|
:icon="iconShowedRecordNavigation"
|
|
circle
|
|
style="position: absolute;top: 40%;"
|
|
type="primary"
|
|
@click="handleChangeShowedRecordNavigation(true)"
|
|
/>
|
|
<!-- open record navigation and advanced query if is closed -->
|
|
<el-button
|
|
v-if="!isMobile"
|
|
v-show="!isShowedRecordNavigation"
|
|
:icon="iconShowedRecordNavigation"
|
|
class="open-navegation"
|
|
circle
|
|
type="primary"
|
|
@click="handleChangeShowedRecordNavigation(true)"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</el-main>
|
|
</SplitArea>
|
|
<SplitArea v-show="isShowedTabsChildren" :size="50">
|
|
<el-header
|
|
v-if="isShowedTabsChildren && !isEmptyValue(windowMetadata.tabsListChildren)"
|
|
style="height: auto; padding-right: 35px !important; padding-bottom: 33px;"
|
|
>
|
|
<div class="w-33">
|
|
<div class="center">
|
|
<!-- close tab children if is openend -->
|
|
<el-button
|
|
icon="el-icon-caret-bottom"
|
|
circle
|
|
class="el-button-window"
|
|
@click="handleChangeShowedTabChildren(false)"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<tab-children
|
|
:window-uuid="windowUuid"
|
|
:window-metadata="windowMetadata"
|
|
:tabs-list="windowMetadata.tabsListChildren"
|
|
:first-tab-uuid="windowMetadata.firstTabUuid"
|
|
:style="{ 'height': getHeightPanelBottom + 'vh' }"
|
|
/>
|
|
</el-header>
|
|
</SplitArea>
|
|
</Split>
|
|
</el-container>
|
|
</template>
|
|
</split-pane>
|
|
</el-aside>
|
|
</SplitArea>
|
|
<SplitArea :size="showContainerInfo ? isSize : 0">
|
|
<el-main>
|
|
<div :class="isCloseInfo">
|
|
<!-- close container info if is opened -->
|
|
<el-button
|
|
v-show="showContainerInfo"
|
|
type="info"
|
|
icon="el-icon-info"
|
|
circle
|
|
style="float: right;"
|
|
class="el-button-window"
|
|
@click="contentInfo"
|
|
/>
|
|
</div>
|
|
<div id="example-1">
|
|
<transition name="slide-fade">
|
|
<p v-if="showContainerInfo">
|
|
<el-card class="box-card">
|
|
<el-tabs v-model="activeInfo" @tab-click="handleClick">
|
|
<el-tab-pane
|
|
name="listChatEntries"
|
|
>
|
|
<span slot="label">
|
|
<i class="el-icon-s-comment" />
|
|
{{ $t('window.containerInfo.notes') }}
|
|
</span>
|
|
<chat-entries
|
|
:table-name="getTableName"
|
|
:record-id="recordId"
|
|
/>
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane
|
|
name="listRecordLogs"
|
|
>
|
|
<span slot="label">
|
|
<svg-icon icon-class="tree-table" />
|
|
{{ $t('window.containerInfo.changeLog') }}
|
|
</span>
|
|
<div
|
|
v-if="getIsChangeLog"
|
|
key="change-log-loaded"
|
|
>
|
|
<record-logs />
|
|
</div>
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane
|
|
name="listWorkflowLogs"
|
|
>
|
|
<span slot="label">
|
|
<i class="el-icon-s-help" />
|
|
{{ $t('window.containerInfo.workflowLog') }}
|
|
</span>
|
|
<div
|
|
key="workflow-log-loaded"
|
|
>
|
|
<workflow-logs />
|
|
</div>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</el-card>
|
|
</p>
|
|
</transition>
|
|
</div>
|
|
</el-main>
|
|
</SplitArea>
|
|
</Split>
|
|
<right-panel
|
|
v-if="panelContextMenu && isMobile"
|
|
>
|
|
<component
|
|
:is="componentRender"
|
|
:field-attributes="contextMenuField.fieldAttributes"
|
|
:source-field="contextMenuField.fieldAttributes"
|
|
:record-uuid="contextMenuField.fieldAttributes.recordUuid"
|
|
:field-value="contextMenuField.valueField"
|
|
/>
|
|
</right-panel>
|
|
</el-container>
|
|
</div>
|
|
<div
|
|
v-else
|
|
key="window-loading"
|
|
v-loading="!isLoaded"
|
|
:element-loading-text="$t('notifications.loading')"
|
|
element-loading-background="rgba(255, 255, 255, 0.8)"
|
|
class="loading-window"
|
|
/>
|
|
</template>
|
|
|
|
<script src="./windowLogicComponent.js" >
|
|
// if you use separate component files like this, the script.js should not
|
|
// be named 'index.js' as you would have to specify the '/index.vue' suffix
|
|
// on your import for every import where this component is used, otherwise
|
|
// you might have problems with the template compiler similar to:
|
|
// [Vue warn]: Failed to mount component: template or render function not defined.
|
|
</script>
|
|
|
|
<style lang="scss" src="./windowStyleGlobal.scss">
|
|
</style>
|
|
<style lang="scss" scoped src="./windowStyleScoped.scss">
|
|
</style>
|