atms-tmp

pindah bentar
<div class="table-responsive" style="min-height: 30vh">
  <table class="table table-head-custom table-vertical-center table-head-bg table-borderless">
    <thead>
      <tr class="text-left">
        <th style="min-width: 25px; font-size: 10px">
          <span class="text-dark-75">#</span>
        </th>
        <th style="min-width: 100px; font-size: 10px" class="pl-7">
          <span class="text-dark-75">Item ID</span>
        </th>
        <th style="min-width: 250px; font-size: 10px">
          <span class="text-dark-75">Item Deskripsi</span>
        </th>
        <th style="min-width: 100px; font-size: 10px">
          <span class="text-dark-75">Nomor Serial</span>
        </th>
        <th style="min-width: 100px; font-size: 10px">
          <span class="text-dark-75">Nomor S/N</span>
        </th>
        <th style="min-width: 60px; font-size: 10px">
          <span class="text-dark-75">Action</span>
        </th>
      </tr>
    </thead>
    <tbody v-if="daftarSerial.length > 0">
      <tr v-for="(item, i) in daftarSerial" :key="i">
        <template>
          <td>{{ i + 1 }}</td>
          <td>{{ item.item_code }}</td>
          <td>{{ item.name_item }}</td>
          <td>{{ item.nomor_serial }}</td>
          <td>{{ item.nomor_sn }}</td>
          <td>
            <!-- :disabled="
                        selectedSn.indexOf(
                          `${item.nomor_order}_${item.id_sn}_${item.item_id}`
                        ) !== -1
                          ? true
                          : false
                      " -->
            <div v-if="
                        selectedSn.indexOf(
                          `${item.nomor_order}_${item.id_sn}_${item.item_id}`
                        ) !== -1
                      ">
              <b-form-checkbox size="lg" :checked="true" disabled />
            </div>
            <!-- v-model="selectedSn" -->
            <!-- :value="
                        `${item.nomor_order}_${item.id_sn}_${item.item_id}`
                      " -->
            <div v-else>
              <b-form-checkbox ref="addCheckboxItem" v-model="newAddSelectedSn" :value="
                          `${item.nomor_order}_${item.id_sn}_${item.item_id}`
                        " @change="
                          checkboxItem(
                            $event,
                            {
                              noItem: `${item.item_code}`,
                              count: 1,
                              itemId: `${item.item_id}`
                            },
                            `${item.nomor_order}_${item.id_sn}_${item.item_id}`
                          )
                        " size="lg" />
              <!-- {{
                        addSelectedSn[0]
                          ? addSelectedSn[0].count
                          : addSelectedSn[0]
                      }}
                      {{
                        selectedSn.indexOf(
                          `${item.nomor_order}_${item.id_sn}_${item.item_id}`
                        ) !== -1
                          ? "true"
                          : "false"
                      }} -->
            </div>
            <!-- :disabled="
                        addSelectedSn[0] &&
                        addSelectedSn[0].count === addSelectedSn[0].limit
                          ? true
                          : false
                      " -->
          </td>
        </template>
      </tr>
    </tbody>
  </table>
</div>