bug fixes

src/components/LiveProductSelect.vue

@@ -5,11 +5,11 @@ const options = ref([])
 async function fetchList() {
   const res = await getProductList({ page: 1, 'per-page': 1000 })
   options.value = res.data.list?.map((item) => {
-    const picture_addreses = JSON.parse(item.picture_addreses)
+    const picture_addreses = JSON.parse(item.picture_addreses) || []
     const [picture] = picture_addreses
     return {
       ...item,
-      picture_url: picture.url,
+      picture_url: picture?.url,
     }
   })
 }
@@ -30,7 +30,7 @@ watchEffect(() => {
     <template #default="{ item }">
       <div class="custom-item">
         <el-image :src="item.picture_url" style="width: 40px; height: 40px" />
-        <span>{{ item.title }}</span>
+        <span style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis">{{ item.title }}</span>
         <span style="color: var(--el-text-color-secondary); font-size: 13px">{{
           item.live_commodity_type_full_name
         }}</span>