|
|
|
@ -1,5 +1,6 @@
|
|
|
|
<script setup>
|
|
|
|
<script setup>
|
|
|
|
import DraggableButton from "@/pages/components/goHome.vue";
|
|
|
|
import DraggableButton from "@/pages/components/goHome.vue";
|
|
|
|
|
|
|
|
import Top from "../../../common/Top.vue";
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* name:
|
|
|
|
* name:
|
|
|
|
* user:sa0ChunLuyu
|
|
|
|
* user:sa0ChunLuyu
|
|
|
|
@ -23,6 +24,10 @@
|
|
|
|
// comboId 套餐ID 没有套餐ID就是个人自选项目
|
|
|
|
// comboId 套餐ID 没有套餐ID就是个人自选项目
|
|
|
|
// itemIds 自选ID
|
|
|
|
// itemIds 自选ID
|
|
|
|
const $props = defineProps({
|
|
|
|
const $props = defineProps({
|
|
|
|
|
|
|
|
type: {
|
|
|
|
|
|
|
|
type: String,
|
|
|
|
|
|
|
|
default: "",
|
|
|
|
|
|
|
|
},
|
|
|
|
comboId: {
|
|
|
|
comboId: {
|
|
|
|
type: String,
|
|
|
|
type: String,
|
|
|
|
default: "",
|
|
|
|
default: "",
|
|
|
|
@ -335,6 +340,18 @@
|
|
|
|
await getBuyInfo()
|
|
|
|
await getBuyInfo()
|
|
|
|
popupItemList.value.close()
|
|
|
|
popupItemList.value.close()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
const tabsClickFunc=(value)=>{
|
|
|
|
|
|
|
|
if(value==0){
|
|
|
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
|
|
|
url: "/pages/main/combo/combo"
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
if(value==1){
|
|
|
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
|
|
|
url: "/pages/main/combo/combo?tabs=1"
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
onShow(() => {
|
|
|
|
onShow(() => {
|
|
|
|
if (!!config_ref.value) {
|
|
|
|
if (!!config_ref.value) {
|
|
|
|
mountedAction();
|
|
|
|
mountedAction();
|
|
|
|
@ -468,11 +485,18 @@
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</uni-popup>
|
|
|
|
</uni-popup>
|
|
|
|
|
|
|
|
<view class="tjzx_main">
|
|
|
|
|
|
|
|
<Top v-if="$props.type=='zx'" ></Top>
|
|
|
|
<view class="bg-#d8edf2">
|
|
|
|
<view class="bg-#d8edf2">
|
|
|
|
<uni-search-bar class="search" radius="100" placeholder="请输入关键字搜索" @clear="getAllItems()"
|
|
|
|
<uni-search-bar class="search" radius="100" placeholder="请输入关键字搜索" @clear="getAllItems()"
|
|
|
|
@cancel="getAllItems()" @confirm="getAllItems" />
|
|
|
|
@cancel="getAllItems()" @confirm="getAllItems" />
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="mt-20rpx flex min-h-100%" style="background-color: #eef7f7;">
|
|
|
|
<view class="top_button_row" v-if="$props.type=='zx'">
|
|
|
|
|
|
|
|
<view @click="tabsClickFunc(0)" class="top_button">选择套餐</view>
|
|
|
|
|
|
|
|
<view @click="tabsClickFunc(1)" class="top_button">专家定制</view>
|
|
|
|
|
|
|
|
<view @click="tabsClickFunc(2)" class="top_button top_button_active">项目自选</view>
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
<view class="mt-0rpx flex min-h-100%" style="background-color: #eef7f7;">
|
|
|
|
<view class="min-w-214rpx max-w-214rpx mr-20rpx min-h-100% text-center">
|
|
|
|
<view class="min-w-214rpx max-w-214rpx mr-20rpx min-h-100% text-center">
|
|
|
|
<view class="w-100% rounded-r-full text-#0E0E0E text-25rpx px-20rpx w-100% center h-84rpx box-border"
|
|
|
|
<view class="w-100% rounded-r-full text-#0E0E0E text-25rpx px-20rpx w-100% center h-84rpx box-border"
|
|
|
|
v-for="(item, index) in leftList" :key="index" :class="{
|
|
|
|
v-for="(item, index) in leftList" :key="index" :class="{
|
|
|
|
@ -544,13 +568,46 @@
|
|
|
|
确认项目
|
|
|
|
确认项目
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<style>
|
|
|
|
<style>
|
|
|
|
.uni-tooltip-popup {
|
|
|
|
.uni-tooltip-popup {
|
|
|
|
background-color: #fff;
|
|
|
|
background-color: #fff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
<style>
|
|
|
|
<style scoped>
|
|
|
|
|
|
|
|
.search{
|
|
|
|
|
|
|
|
margin-top: -10rpx;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.tjzx_main{
|
|
|
|
|
|
|
|
padding-top: 20rpx;
|
|
|
|
|
|
|
|
background-color: #D8EEF3;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.top_button_row {
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
padding-left: 20rpx;
|
|
|
|
|
|
|
|
padding-right: 20rpx;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.top_button {
|
|
|
|
|
|
|
|
color: #666;
|
|
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
|
|
padding: 6rpx 40rpx;
|
|
|
|
|
|
|
|
border-radius: 15rpx;
|
|
|
|
|
|
|
|
margin-top: -6rpx;
|
|
|
|
|
|
|
|
margin-bottom: 8rpx;
|
|
|
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
|
|
|
width: 140rpx;
|
|
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.top_button_active {
|
|
|
|
|
|
|
|
background-color: #009ea7;
|
|
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.button {
|
|
|
|
.button {
|
|
|
|
color: #00828e;
|
|
|
|
color: #00828e;
|
|
|
|
background-color: #fff;
|
|
|
|
background-color: #fff;
|
|
|
|
|