适用类型

src/views/components/source/SourceDetail.vue

@@ -64,6 +64,10 @@
                     <div class="text-small text-info col q-mt-md">推荐时长</div>
                     <text-opera><span class="text-small q-mt-sm">{{ data.PlayTimeHour }}</span></text-opera>
                 </template>
+                <template v-if="data.UseTypeList&&data.UseTypeList.length>0">
+                    <div class="text-small text-info col q-mt-md">适用类型</div>
+                    <text-opera><el-tag class="q-mt-sm" :class="[!index?'':'q-ml-md']" size="small" v-for="(item,index) in data.UseTypeList">{{item}}</el-tag> </text-opera>
+                </template>
                 <div class="text-small text-info col q-mt-md">详细介绍</div>
                 <text-opera><span class="text-small q-mt-sm">{{ data.Feature }}</span></text-opera>
                 <template v-if="data.About && data.About != ''">

src/views/components/source/SourceListIsp.vue

@@ -119,10 +119,16 @@
                     <div class="item-poi" @click="setSelectedPoiItem(x)" :style="{ 'background-image': `url('${x.PicPath.split('?')[0]}')` }">
                         <div class="container column">
                             <div class="row items-center">
-                                <el-tag type="success" size="small" class="text-bold">{{ getTypeName(x.Platform, 0)
-                                    }}</el-tag>
-                                <el-tag type="info" size="small" class="text-bold q-ml-md">{{ getTypeName(x.Type, 1)
+                                <!-- <el-tag v-if="x.UseTypeList&&x.UseTypeList.length==0" type="success" size="mini" class="text-bold UseTypeTitle">{{ getTypeName(x.Platform, 0)
+                                    }}</el-tag> -->
+                                <el-tag type="success" 
+                                    size="mini" class="text-bold UseTypeTitle">{{ getTypeName(x.Type, 1)
                                     }}</el-tag>
+                                <template v-if="x.UseTypeList&&x.UseTypeList.length>0">
+                                    <el-tag type="info" size="mini" class="text-bold UseTypeTitle" v-for="(item,index) in x.UseTypeList">
+                                       <template v-if="item.indexOf('团')!=-1">{{ item.replace('团', "")}}</template> 
+                                       <template v-else>{{ item.replace('常用', "")}}</template> </el-tag>
+                                </template>
                             </div>
                             <div class="col"></div>
                             <el-text class="text-white full-width"
@@ -168,7 +174,7 @@ const searchParmeters = reactive({
     Province: 0,
     DiningType: 0,
     DiningPriceType: 0,
-    UseType: null
+    UseType: []
 
 })
 const platforms = ref<{ id: number, name: string }[]>([
@@ -268,7 +274,7 @@ const getDiningPricesType = async () =>{
 const getDiningUseType = async () => {
     const response = await SpiderService.GetDiningUseType({})
     if (response.data.resultCode == ApiResult.SUCCESS) {
-        DiningPriceTypeList.value = response.data.data
+        ApplicableTypeList.value = response.data.data
         let obj = {
             ID: 0,
             Name: '不限'
@@ -389,4 +395,13 @@ getDiningUseType()
 .selectWidth{
     min-width: 70px;
 }
+.UseTypeTitle{
+    font-size: 10px;
+    padding: 0 3px;
+    height: 16px;
+    margin-left: 3px;
+}
+.UseTypeTitle:first-child{
+    margin-left: 0;
+}
 </style>
\ No newline at end of file