套餐价格

src/views/components/source/SourceDetail.vue

@@ -96,7 +96,14 @@
                 </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>
+                    <text-opera><el-tag class="q-mt-sm" :type="index==0?'danger':index==1?'warning':index==2?'':'info'" :class="[!index?'':'q-ml-md']" size="small" v-for="(item,index) in data.UseTypeList">{{item}}</el-tag> </text-opera>
+                </template>
+                <template v-if="data.PriceList&&data.PriceList.length>0">
+                    <div class="text-small text-info col q-mt-md">套餐价格</div>
+                    <text-opera><el-tag class="q-mt-sm q-mr-md" size="small" v-for="(item,index) in data.PriceList">
+                        {{item.MealName}}
+                        <text>/ {{item.MealPrice}}</text>
+                    </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>