��Root Mod By V1rus

Viewing: list.vue

<template>
  <div class="text-center" v-if="loading">
    <SharedLoading/>
  </div>
  <section v-else class=" pt-3 mt-1 mb-10">
    <ul v-if="projects.length">
      <li :dir="locale == 'en' ? 'ltr' : 'rtl'"
          class=" w-full border-b-2  mb-2  " v-for="(row, idx) in projects"
          :key="idx">
        <div :class="locale == 'en' ? ' text-left' : ' text-right'"
             class=" px-2 cursor-pointer flex justify-between items-center">
          <label @click="toggleCollapse(row.id)" v-text="locale == 'en' ? row.unit?.title_en : row.unit?.title"
                 class=" block pb-2 w-full text-main-700 cursor-pointer text-sm ">
          </label>
          <div class="flex justify-end items-center pb-2">
            <UIcon @click="toggleCollapse(row.id)" :id="'header_collapse_'+row.id"
                   name="i-heroicons-chevron-down-20-solid" class="text-gray-500   transition-all  text-2xl"/>
          </div>
        </div>
        <div :id="'body_collapse_'+row.id" class="border-t transition-all">
          <div class="w-full border-b h-7 flex justify-between items-center"
               v-for="slice in row.attach"
          >
            <div class=" w-[22%]  h-full  flex justify-start items-center border-l">
                      <span :class="locale == 'en' ? 'ml-2 text-left' : 'mr-2 text-right'"
                            v-text="locale == 'en' ? slice.label_en : slice.label"
                            class=" text-gray-500 pr-1  text-[.55rem] ">
                      </span>
            </div>
            <div class=" w-[7%] flex justify-center items-center  h-full border-l">
              <span class=" text-gray-500  text-[.55rem] "
                    v-text="slice.width_one == '1' ? 'N'  : slice.width_one == '2'  ? 'F' : slice.width_one == '3'  ? 'SH' : '-'"></span>
            </div>
            <div class=" w-[7%] flex justify-center items-center  h-full border-l">
              <span class=" text-gray-500  text-[.55rem] "
                    v-text="slice.width_two == '1' ? 'N'  : slice.width_two == '2'  ? 'F' : slice.width_two == '3'  ? 'SH' : '-'"></span>
            </div>
            <div class=" w-[7%] flex justify-center items-center  h-full border-l">
              <span class=" text-gray-500  text-[.55rem] "
                    v-text="slice.length_one == '1' ? 'N'  : slice.length_one == '2'  ? 'F' : slice.length_one == '3'  ? 'SH' : '-'"></span>
            </div>
            <div class=" w-[7%] flex justify-center items-center  h-full border-l">
              <span class=" text-gray-500 text-[.55rem] "
                    v-text="slice.length_two == '1' ? 'N'  : slice.length_two == '2'  ? 'F' : slice.length_two == '3'  ? 'SH' : '-'"></span>
            </div>
            <div class=" w-[13%] flex justify-center items-center h-full border-l">
                      <span class=" text-gray-500  text-[.55rem] "
                            v-html="slice.material ? locale == 'en' ? slice.material.title_en : slice.material.title : '---'">
                        
                      </span>
            </div>
            <div class=" w-[24%] flex justify-end pl-1 items-center h-full">
              <div dir="ltr" class=" w-9/12  flex justify-start items-center ">
                            <span class="block  w-4/12 text-gray-500  text-center text-[.55rem] ">
                             {{ slice.length }}
                            </span>
                <span class="block   w-2/12  text-gray-500  text-center text-[.55rem] ">
                            *
                            </span>
                <span class="block  w-3/12 text-gray-500  text-center text-[.55rem] ">
                             {{ slice.width }}
                            </span>
                <span class="block  w-1/12 text-gray-500   text-center text-[.55rem] ">
                            =
                            </span>
                <span class="block  w-2/12 text-gray-500 text-center text-[.55rem] ">
                            {{ slice.count }}
                            </span>
              </div>
            </div>
          </div>
        </div>
      </li>
    </ul>

    <section class="mt-36" v-else>
      <h2 class="text-red-500 block mx-auto w-full text-center">
        {{ t('there_is_no_record_to_showing') }}
      </h2>
    </section>
  </section>
</template>
<script setup lang="ts">
const {t, locale} = useI18n()
const localePath = useLocalePath()
const loading = ref(true);
const token = useCookie('token');
const project_id = useRoute().query?.projectt_id ?? null;

const projects = ref([
  {
    id: null,
    unit: {
      title: null,
      title_en: null,
    },
    attach: [{
      label_en: '',
      label: '',
      width_one: '',
      width_two: '',
      length_one: '',
      length_two: '',
      material: {
        title: '',
        title_en: '',
      },
      length: '',
      width: '',
      count: '',
    }],
  }
]);

async function getProjectAnalyzeList() {
  const {data} = await useAPI('/analyze/list/get', {
    immediate: true,
    server: true,
    params: {
      project_id: project_id
    },
    onRequest({options}) {
      options.headers = {}
      options.headers.Accept = 'application/json'
      options.headers.authorization = 'Bearer ' + token.value
    },
    onResponseError({response}) {
      if (response.status == 401) {
        navigateTo(localePath('/login'));
      }
      if (response.status == 403) {
        navigateTo(localePath('/payment'));
      }
    },
  });

  console.log('data', data.value);
  projects.value = data.value?.list ?? [];

}

await getProjectAnalyzeList();

const toggleCollapse = (id: any) => {
  document.querySelector('#body_collapse_' + id)!.classList.toggle('hidden');
  document.querySelector('#header_collapse_' + id)!.classList.toggle('rotate-90');
}
let title = reactive({
  value: '',
});

definePageMeta({
  title: '',
  layout: 'with-out-footer',
  middleware: ['auth'],
})
useHead({
  title: '',
})

onMounted(() => {
  title.value = t('unit_analysis_list')

  loading.value = false;
})
</script>
User / IP	: 216.73.217.78
Host / Server	: 195.214.235.115 / npln.ir
System	: Linux damavand.pws-dns.net 5.14.0-503.35.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Apr 4 05:23:43 EDT 2025 x86_64
���Root Mod By V1rus_Alfa

Viewing: list.vue

��Root Mod By V1rus_Alfa
