changes

app/components/datatable/FormatOption.vue

@@ -36,7 +36,7 @@
         />
         <p
           class="fs-14 mt-1"
-          :class="currentField.format === 'string' ? 'mb-1' : 'mb-2'"
+          :class="props.currentField.format === 'string' ? 'mb-1' : 'mb-2'"
         >
           <a
             class="has-text-primary mr-5"
@@ -74,7 +74,7 @@
         />
         <p
           class="fs-14 mt-1"
-          :class="currentField.format === 'string' ? 'mb-1' : 'mb-2'"
+          :class="props.currentField.format === 'string' ? 'mb-1' : 'mb-2'"
         >
           <a
             class="has-text-primary mr-5"
@@ -112,7 +112,7 @@
         />
         <p
           class="fs-14 mt-1"
-          :class="currentField.format === 'string' ? 'mb-1' : 'mb-2'"
+          :class="props.currentField.format === 'string' ? 'mb-1' : 'mb-2'"
         >
           <a
             class="has-text-primary mr-5"
@@ -148,7 +148,7 @@
         <span>Copy</span>
       </button>
       <button
-        @click="paste()"
+        @click="paste"
         class="button is-primary is-light fs-14"
       >
         <span class="icon">
@@ -164,7 +164,7 @@
       class="textarea fs-13 is-family-monospace"
       rows="4"
       v-model="script"
-      @change="checkScript()"
+      @change="checkScript"
       @dblclick="doCheck"
     ></textarea>
     <p class="mt-5">
@@ -193,19 +193,14 @@
         <input
           class="input"
           type="text"
-          placeholder=""
           v-model="target"
         />
       </div>
       <div class="control">
-        <label
-          class="label"
-          style="opacity: 0"
-          >Hidden</label
-        >
+        <label class="label is-sr-only">Hidden</label>
         <button
           class="button is-primary is-light"
-          @click="replace()"
+          @click="replace"
         >
           Replace
         </button>
@@ -225,22 +220,20 @@
     <p class="mt-4">
       <button
         class="button is-primary is-rounded"
-        @click="changeScript()"
+        @click="changeScript"
       >
         Cập nhật
       </button>
     </p>
   </template>
   <TableOption
-    v-bind="{ pagename }"
     v-else-if="sideBar === 'option'"
-  >
-  </TableOption>
+    v-bind="{ pagename }"
+  />
   <CreateTemplate
     v-else-if="sideBar === 'template'"
     v-bind="{ pagename, field: openField }"
-  >
-  </CreateTemplate>
+  />
 </template>
 <script setup>
 import CreateTemplate from "~/components/datatable/CreateTemplate";
@@ -252,21 +245,20 @@ const props = defineProps({
   currentField: Object,
   pagename: String,
 });
-var currentField = props.currentField;
-var openField = {};
-var bgcolorFilter = [];
-var colorFilter = [];
-var sizeFilter = [];
-var sideBar = ref();
-var script = undefined;
-var radio = undefined;
-var tabs = [
+let openField = {};
+let bgcolorFilter = [];
+let colorFilter = [];
+let sizeFilter = [];
+const sideBar = ref();
+let script = undefined;
+let radio = undefined;
+const tabs = [
   { code: "expression", name: "Biểu thức" },
   { code: "script", name: "Mã lệnh" },
 ];
 const tab = ref({ code: "expression", name: "Biểu thức" });
-var source = undefined;
-var target = $copy(currentField.name);
+let source = undefined;
+let target = $copy(props.currentField.name);
 
 const initData = function () {
   openField = props.event.field;
@@ -326,7 +318,7 @@ const changeScript = function () {
 };
 const doConditionFilter = function (v, type, id) {
   v.id = id;
-  let copy = $copy(currentField);
+  let copy = $copy(props.currentField);
   if (copy[type] ? Array.isArray(copy[type]) : false) {
     let idx = copy[type].findIndex((x) => x.id === id);
     idx >= 0 ? (copy[type][idx] = v) : copy[type].push(v);