{"version":3,"file":"pages-_modelId_-afcbcb91.js","sources":["../../../../../src/pages/dealer/[dealerId]/dealerCarDetail/[seriesId]/[modelId].vue"],"sourcesContent":["<!-- 经销商销售车系详情 -->\r\n<script setup lang='ts'>\r\nimport { dealerDetailModelDetailPath, dealerDetailXjSjPath, formatPrice, imageTransform } from '@qcwp/common'\r\nimport { getCurrentTime, timeStamp } from '@qcwp/utils'\r\nimport { useDealerCarDetailPage } from '../../hooks/carDetail'\r\n\r\ndefinePageMeta({\r\n  layout: false,\r\n})\r\nconst { isDesktop } = useDevice()\r\nconst show = ref(false)\r\nconst {\r\n  siteMeta,\r\n  dealerId,\r\n  seriesId,\r\n  modelId,\r\n  formatSelectModelData,\r\n  // relation model\r\n  currentModel,\r\n  initHandle,\r\n\r\n  carFieldsMap,\r\n  getFieldValue,\r\n\r\n} = useDealerCarDetailPage()\r\n\r\nonDeactivated(() => {\r\n  show.value = false\r\n})\r\n\r\nawait initHandle()\r\n</script>\r\n\r\n<template>\r\n  <utils-site-head :site-meta=\"siteMeta\" />\r\n  <div md=\"bg-gray-100 min-h-100vh\">\r\n    <div layout-default-container md:pt-3>\r\n      <div class=\"bg-white md:mt-3 p-4 rounded-md overflow-hidden\" md=\"flex\">\r\n        <base-proportion v-if=\"isDesktop || currentModel?.carImages.length\" md=\"w-90\" :proportion=\"59\" class=\"flex-shrink-0\">\r\n          <n-carousel v-if=\"currentModel?.carImages && currentModel?.carImages.length\" draggable show-arrow dot-type=\"line\" effect=\"slide\" class=\"w-full h-full rounded-md overflow-hidden\">\r\n            <base-image\r\n              v-for=\"v, i in currentModel?.carImages || []\"\r\n              :key=\"i\"\r\n              :lazy=\"true\"\r\n              :src=\"imageTransform(v, { format: 'webp' })\"\r\n            />\r\n          </n-carousel>\r\n          <div v-else class=\"w-full h-full bg-gray-100 text-gray-400 grid place-items-center rounded-md overflow-hidden\">\r\n            暂无相关图片\r\n          </div>\r\n        </base-proportion>\r\n        <div mt-2 md=\"ml-4 mt-0\" class=\"flex flex-col justify-between\">\r\n          <div>\r\n            <div mb-2 md:mb-3>\r\n              <span class=\"flex-grow font-bold text-4\">\r\n                {{ currentModel?.carName || '' }}\r\n              </span>\r\n              <span class=\"text-5 text-blue-500 cursor-pointer ml-2\" title=\"查看当前车系的其他车型\" @click=\"show = true\">\r\n                <i class=\"i-ri:exchange-box-line\" />\r\n              </span>\r\n              <n-drawer v-model:show=\"show\" :width=\"500\" height=\"70vh\" :placement=\"isDesktop ? 'right' : 'bottom'\">\r\n                <n-drawer-content title=\"查看其他车型\" closable>\r\n                  <ul v-for=\"v in formatSelectModelData\" :key=\"v.label\">\r\n                    <li class=\"font-bold text-gray-500 text-5\">\r\n                      {{ v.label }}\r\n                    </li>\r\n                    <template v-for=\"item in v.children\" :key=\"item.carModelId\">\r\n                      <li class=\"leading-10 text-4\">\r\n                        <nuxt-link v-if=\"item.carModelId !== modelId\" :to=\"dealerDetailModelDetailPath(dealerId, seriesId, item.carModelId)\">\r\n                          {{ item.modelVO.carModelName }}\r\n                        </nuxt-link>\r\n                      </li>\r\n                    </template>\r\n                  </ul>\r\n                </n-drawer-content>\r\n              </n-drawer>\r\n            </div>\r\n            <div leading-7 relative>\r\n              <div>\r\n                <span mr-2>厂商指导价:</span>\r\n                <span>{{ formatPrice(currentModel?.guidingPrice || '') }}</span>\r\n              </div>\r\n              <div>\r\n                <span mr-2>{{ currentModel?.isPromotion ? '促销价' : '本店价' }}:</span>\r\n                <span text-error>{{ formatPrice(currentModel?.nakedPrice || '') }}</span>\r\n              </div>\r\n              <!-- <div>\r\n              <span mr-2>参考总价:</span>\r\n              <span>{{ formatPrice(currentModel?.referenceTotalPrice || '') }}</span>\r\n              <dealer-reference\r\n                v-if=\"currentModel?.reference\"\r\n                :total-price=\"currentModel?.referenceTotalPrice\"\r\n                :reference=\"currentModel?.reference\"\r\n              />\r\n            </div> -->\r\n              <div>\r\n                <span mr-2>咨询电话:</span>\r\n                <span text-error>{{ currentModel?.phone }}</span>\r\n              </div>\r\n              <!-- end -->\r\n              <div v-if=\"currentModel?.isPromotion\" class=\"absolute top-35% right-5 sm:right-20 text-title-500\">\r\n                {{ currentModel?.promotionTime && timeStamp(getCurrentTime()) > timeStamp(currentModel.promotionTime) ? '促销活动已经结束' : currentModel?.promotionTime }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div flex gap-4 mt-4>\r\n            <NuxtLink\r\n              :to=\"dealerDetailXjSjPath({\r\n                dealerId,\r\n                brandId: currentModel?.brandId,\r\n                brandName: currentModel?.brandName,\r\n                vendorId: currentModel?.vendorId,\r\n                vendorName: currentModel?.vendorName,\r\n                seriesId,\r\n                modelId,\r\n                type: `xj`,\r\n              })\"\r\n            >\r\n              <n-button\r\n                type=\"primary\" size=\"large\" px-10 py-3\r\n              >\r\n                询价\r\n              </n-button>\r\n            </NuxtLink>\r\n            <NuxtLink\r\n              :to=\"dealerDetailXjSjPath({\r\n                dealerId,\r\n                brandId: currentModel?.brandId,\r\n                brandName: currentModel?.brandName,\r\n                vendorId: currentModel?.vendorId,\r\n                vendorName: currentModel?.vendorName,\r\n                seriesId,\r\n                modelId,\r\n                type: `sj`,\r\n              })\"\r\n            >\r\n              <n-button\r\n                ghost type=\"error\" size=\"large\" px-10 py-3\r\n              >\r\n                试驾\r\n              </n-button>\r\n            </NuxtLink>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div flex>\r\n        <div w-300px mr-3 lt-lg=\"w-0 hidden\">\r\n          <dealer-brand :dealer-id=\"dealerId\" class=\"bg-white mt-3 p-4 rounded-md\" />\r\n        </div>\r\n        <div md:mt-4 flex-grow w-0 bg-white p-4 rounded-md>\r\n          <n-tabs type=\"segment\">\r\n            <n-tab-pane name=\"chap2\" display-directive=\"show\" tab=\"配置参数\">\r\n              <p class=\"text-3.5 text-gray-500 mb-3\">\r\n                注：●标配 ○选配 -无\r\n              </p>\r\n              <ul border=\"1 t-0 gray-200\">\r\n                <li v-for=\"v, i in carFieldsMap\" :key=\"i\">\r\n                  <h4 text-4 font-bold p-3 border=\"t-1 b-1 gray-200\">\r\n                    {{ v[1].carFieldTypeName }}\r\n                  </h4>\r\n                  <ul flex=\"~ wrap\">\r\n                    <li\r\n                      v-for=\"item, index in v[1].children\" :key=\"index\"\r\n                      class=\"w-full md:w-50% flex\"\r\n                      border=\"1 gray-200\"\r\n                      even=\"border-r-0\"\r\n                    >\r\n                      <label class=\"flex items-center justify-end bg-gray-100 w-39 flex-shrink-0 p-2 pr-4 text-right\">{{ item[1].carFieldName }}</label>\r\n                      <template v-if=\"['213', '225'].includes(item[0])\">\r\n                        <div class=\"p-2 grid place-items-center flex-grow w-0\" v-html=\"getFieldValue(v[0], item[0], modelId)\" />\r\n                      </template>\r\n                      <template v-else>\r\n                        <div class=\"p-2 grid place-items-center flex-grow w-0\" v-text=\"getFieldValue(v[0], item[0], modelId)\" />\r\n                      </template>\r\n                    </li>\r\n                  </ul>\r\n                </li>\r\n              </ul>\r\n              <div class=\"text-gray-400 text-3.5 mt-3\">\r\n                *以上参数配置信息仅供参考，具体请以实车为准\r\n              </div>\r\n            </n-tab-pane>\r\n            <!-- <n-tab-pane name=\"chap3\" display-directive=\"show\" tab=\"车型图片\">\r\n              <ul>\r\n                <li\r\n                  v-for=\"v, i in modelImgs\" :key=\"i\"\r\n                  border=\"b-1 gray-200 dashed \"\r\n                  class=\"pb-3 mb-3\"\r\n                >\r\n                  <h4 text-4 font-bold mb-3>\r\n                    {{ v.label }}\r\n                  </h4>\r\n                  <div grid=\"~ cols-3 sm:cols-4 md:cols-5\" gap-2 md:gap-3>\r\n                    <div v-for=\"img, index in v.imgs\" :key=\"index\" class=\"rounded-md overflow-hidden \">\r\n                      <base-proportion :proportion=\"70\">\r\n                        <base-image\r\n                          preview-disabled\r\n                          :alt=\"`${v.label}图`\"\r\n                          :img-props=\"{\r\n                            class: 'img-hover',\r\n                          }\"\r\n                          :src=\"img.imgUrl\"\r\n                        />\r\n                      </base-proportion>\r\n                    </div>\r\n                  </div>\r\n                </li>\r\n              </ul>\r\n            </n-tab-pane> -->\r\n          </n-tabs>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n"],"names":["isDesktop","useDevice","show","ref","siteMeta","dealerId","seriesId","modelId","formatSelectModelData","currentModel","initHandle","carFieldsMap","getFieldValue","useDealerCarDetailPage","onDeactivated","__temp","__restore","_withAsyncContext"],"mappings":"o2EASA,KAAA,CAAA,UAAAA,GAAAC,KACAC,EAAAC,GAAA,EAAA,EACA,CAAM,SAAAC,EACJ,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,sBAAAC,EACA,aAAAC,EAEA,WAAAC,EACA,aAAAC,EAEA,cAAAC,CACA,EAAAC,GAAA,EAIF,OAAAC,GAAA,IAAA,CACEZ,EAAA,MAAA,EAAa,CAAA,EAGf,CAAAa,EAAAC,CAAA,EAAAC,GAAA,IAAAP,EAAA,CAAA,EAAA,MAAAK,EAAAC"}