<template>
  <div class="sld_store_item fl">
    <div class="sld_vendor">
      <div class="sld_vendor_logo sld-img-center">
        <img :src="item.storeLogoUrl" alt="" />
      </div>
      <div class="sld_vendor_name">{{ item.storeName }}</div>
      <div class="sld_rate clearfix">
        <el-rate
          disabled
          :colors="colors"
          score-template="{score}"
          v-model="score"
        >
        </el-rate>
      </div>
      <div class="sld_vendor_bottom">
        <router-link :to="'/store/'+ calcProductName(item.storeName) +'_'+ item.storeId" target="_blank"
          >{{L['进入店铺']}}</router-link
        >
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref, onMounted, getCurrentInstance } from "vue";
import { ElRate } from "element-plus";
import { getCurLanguage } from '@/composables/common.js';
// const L = lang_zn;
const L = getCurLanguage();
const props = defineProps(["item", "ItemIndex", "skeleton"]);
const score = ref(Number(props.item.serviceScore));
const colors = ref(["#036EB8", "#036EB8", "#036EB8"]);



</script>

<style lang="scss" scoped>
@import "@/assets/style/storeList.scss";
@import "@/assets/style/base.scss";

.empty {
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;

  p {
    color: #666;
    margin-left: 11px;
  }
}
</style>
