refactor: refs #8363 modified ItemFixedPrice and the e2e

@@ -0,0 +1,168 @@
+<script setup>
+import { ref } from 'vue';

@@ -0,0 +24,4 @@
+const emit = defineEmits(['onDataSaved']);
+
+const onSubmit = async () => {
+    if (isLoading.value) return;

@@ -0,0 +5,4 @@
+import VnSelect from 'src/components/common/VnSelect.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnInputDate from 'src/components/common/VnInputDate.vue';
+import VnRow from 'components/ui/VnRow.vue';

@@ -0,0 +76,4 @@
+                    data-cy="EditFixedPriceSelectOption"
+                    @update:model-value="newValue = null"
+                />
+                <component

@@ -74,3 +65,1 @@
-                optionValue: 'name',
-                uppercase: false,
-            },
+        component: 'select',

@@ -85,0 +88,4 @@
+        createAttrs: {
+            required: true,
+        },
+        width: '50px',

@@ -156,1 +180,3 @@
-                action: (row) => confirmRemove(row),
+                title: t('globals.clone'),
+                icon: 'vn:clone',
+                action: (row) => openCloneFixedPriceForm(row),

@@ -371,3 +241,1 @@
-                data-key="ItemFixedPrices"
-                ref="itemFixedPriceFilterRef"
-            />
+            <ItemFixedPriceFilter data-key="ItemFixedPrices" />

@@ -378,2 +245,4 @@
+    <Teleport to="#st-data" v-if="stateStore?.isSubToolbarShown()">
+        <QBtnGroup push style="column-gap: 10px">
             <QBtn
                 :disable="!hasSelectedRows"

@@ -462,113 +293,85 @@ function handleOnDataSave({ CrudModelRef }) {
             </span>
             <span class="subName">{{ row.subName }}</span>
             <ItemDescriptorProxy :id="row.itemFk" />

@@ -0,0 +21,4 @@
+        type: String,
+        default: '',
+    },
+    beforeSave: {