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

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

@@ -17,29 +17,28 @@
 -->
 
 <template>
-  <div>
+  <span v-if="isFirstTab" key="withTooltip">
-    <span v-if="isFirstTab" key="tooltip">
+    <el-tooltip
-      <el-tooltip
+      v-if="isFirstTab"
-        v-if="isFirstTab"
+      :content="isLocked ? $t('data.lockRecord') : $t('data.unlockRecord')"
-        :content="isLocked ? $t('data.lockRecord') : $t('data.unlockRecord')"
+      placement="top"
-        placement="top"
+    >
-      >
+      <el-button type="text" @click="lockRecord()">
-        <el-button type="text" @click="lockRecord()">
+        <i
-          <i
+          :class="isLocked ? 'el-icon-lock' : 'el-icon-unlock'"
-            :class="isLocked ? 'el-icon-lock' : 'el-icon-unlock'"
+          style="font-size: 15px; color: black;"
-            style="font-size: 15px; color: black;"
+        />
-          />
+      </el-button>
-        </el-button>
+    </el-tooltip>
-      </el-tooltip>
-      <span :style="isLocked ? 'color: red;' :'color: #1890ff;'">
-        {{ tabName }}
-      </span>
-    </span>
 
-    <template v-else>
+    <span :style="isLocked ? 'color: red;' :'color: #1890ff;'">
       {{ tabName }}
-    </template>
+    </span>
-  </div>
+  </span>
+
+  <span v-else key="onlyName">
+    {{ tabName }}
+  </span>
 </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
-          <lock-record
+          slot="label"
-            :tab-position="key"
+          :tab-position="key"
-            :tab-name="tabAttributes.name"
+          :tab-uuid="tabAttributes.uuid"
-          />
+          :table-name="tabAttributes.tableName"
-        </span>
+          :tab-name="tabAttributes.name"
+        />
 
         <main-panel
           :parent-uuid="windowUuid"