fix: Lock record get values with router (#941)

src/components/ADempiere/ContainerOptions/LockRecord/index.vue

@@ -17,8 +17,7 @@
 -->
 
 <template>
-  <div>
+  <span v-if="isFirstTab" key="withTooltip">
-    <span v-if="isFirstTab" key="tooltip">
     <el-tooltip
       v-if="isFirstTab"
       :content="isLocked ? $t('data.lockRecord') : $t('data.unlockRecord')"
@@ -31,15 +30,15 @@
         />
       </el-button>
     </el-tooltip>
+
     <span :style="isLocked ? 'color: red;' :'color: #1890ff;'">
       {{ tabName }}
     </span>
   </span>
 
-    <template v-else>
+  <span v-else key="onlyName">
     {{ tabName }}
-    </template>
+  </span>
-  </div>
 </template>
 
 <script>
@@ -49,6 +48,10 @@ export default defineComponent({
   name: 'LockRecord',
 
   props: {
+    tabUuid: {
+      type: String,
+      required: true
+    },
     tabPosition: {
       type: Number,
       default: 0
@@ -56,12 +59,16 @@ export default defineComponent({
     tabName: {
       type: String,
       required: true
+    },
+    tableName: {
+      type: String,
+      required: true
     }
   },
 
   setup(props, { root }) {
-    const { tabUuid: containerUuid } = root.$route.meta
+    const containerUuid = props.tabUuid
-    const { tableName } = root.$route.params
+    const tableName = props.tableName
 
     const isFirstTab = computed(() => {
       return props.tabPosition === 0

src/components/ADempiere/Tab/index.vue

@@ -28,12 +28,13 @@
         :disabled="Boolean(key > 0 && isCreateNew)"
         :style="tabParentStyle"
       >
-        <span slot="label">
         <lock-record
+          slot="label"
           :tab-position="key"
+          :tab-uuid="tabAttributes.uuid"
+          :table-name="tabAttributes.tableName"
           :tab-name="tabAttributes.name"
         />
-        </span>
 
         <main-panel
           :parent-uuid="windowUuid"