gxapi

chenyc

2023-05-28 aae6cb63fac8f2956615481382c101cfd2e7d45c

 src/views/jifenShangCheng/index.vue

@@ -1,6 +1,9 @@
<template>
    <div>
        <div>
        <van-loading style="top: 100px;" v-if="loading" type="spinner" size="24px" vertical>
            加载中。。。。
        </van-loading>
        <div v-else>
            <dizhi></dizhi>
            <van-tree-select
                :height="height"
@@ -8,19 +11,19 @@
                :items="items"
                >
                <template #content >
                    <div style="text-align: right; padding-right: 20px; height: 50px; line-height: 30px; color: #409EFF; font-size: 16px;">
                        <van-icon size="26px" name="cart-circle-o" style="margin-top: 20px;" />
                    <div style="text-align: right; padding-right: 15px; height: 50px; line-height: 30px; color: #409eff; font-size: 16px;">
                        <van-icon @click="openGwc" size="26px" name="cart-circle-o" style="margin-top: 20px;" />
                    </div>
                    <div style="border-left: 1px solid rgb(229, 226, 225); background:#f7f8fa;">
                    <div v-if="items.length > 0" style="border-left: 1px solid rgb(229, 226, 225); background: #f7f8fa;">
                        <van-card 
                            style="background: #ffffff;"
                            v-for="(item) in items[activeIndex].items"
                            style="background: #fff;"
                            v-for="(item,index) in items[activeIndex].items" :key="index"
                            >
                            <template #desc >
                               <span style="color:#409EFF; font-size: 1rem;">{{item.itemName}}</span>
                                <span style="color: #409eff; font-size: 1rem;">{{item.itemName}}</span>
                            </template>
                            <template #price >
                               <span style="color: red; font-size: 1rem;">{{item.itemPrice}}￥</span>
                                <span style="color: #f56c6c; font-size: 1rem;">{{item.itemPrice}}￥</span>
                            </template>
                            <template #thumb >
                                <van-image
@@ -35,15 +38,12 @@
                            </template>

                            <template #footer>
                                 <van-icon @click="goumai(item)" size="20" color="red" name="shopping-cart-o" />
                                <van-icon @click="goumai(item)" size="20" color="#F56C6C" name="shopping-cart-o" />
                            </template>
                            </van-card>
                    </div>
                </template>
            </van-tree-select>
        </div>
        <div>
          
        </div>
        <!-- 购买弹框 -->
        <div>
@@ -54,8 +54,8 @@
                            <van-icon size="40px" color="#E6A23C" name="location-o" />
                        </van-col>
                        <van-col :span="20" style="font-size: 16px; padding-left: 10px; height: 60px; line-height: 30px;" >
                            王虎 燎原西路190弄3好107 
                            <br/>联系电话：17717853034
                            <div>{{defaultDizhi.patientAddress}} </div>
                            <div>联系电话：{{defaultDizhi.receivePersonMobile}} </div>
                        </van-col>
                        <van-col :span="2" style="height: 60px; line-height: 60px;"> 
                            <van-icon size="20px" @click="openDizhi" name="arrow" />
@@ -65,14 +65,15 @@
                <div style="padding-top: 20px;" class="setItem">
                    <van-card>
                        <template #desc >
                            <span style="color:#409EFF; font-size: 1rem;">{{setItem.itemName}}</span>
                            <span style="color: #409eff; font-size: 1rem;">{{setItem.itemName}}</span>
                        </template>
                        <template #price >
                            <span style="color: red; font-size: 1rem;">{{setItem.itemPrice}}￥</span>
                            <span style="color: #f56c6c; font-size: 1rem;">{{setItem.itemPrice}}￥</span>
                        </template>
                        <template #thumb >
                            <van-image
                                fit="contain"
                                style="border: 1px solid #ebedf0;"
                                fit="cover"
                                width="100%"
                                height="100%"
                                :src="setItem.itemPhoto"
@@ -97,20 +98,23 @@
                        </template>
                    </van-card>
                </div>
                <div style="text-align: right; font-size: 18px; color: red; font-weight: 600; margin-top: 10px;padding-right: 20px;">
                <div style="text-align: right; font-size: 18px; color: #f56c6c; font-weight: 600; margin-top: 10px;padding-right: 20px;">
                    小计￥{{setItem.itemPrice*setItem.number}}
                </div>
                <van-action-bar>
                    <van-action-bar-icon icon="revoke" @click="show=false" text="返回" dot />
                    <van-action-bar-icon icon="cart-o" text="购物车" badge="5" />
                    <van-action-bar-button type="warning" text="加入购物车" />
                    <van-action-bar-icon icon="cart-o" text="购物车" :badge="gwcBadge" />
                    <van-action-bar-button @click="AddGwc" type="warning" text="加入购物车" />
                    <van-action-bar-button type="danger" text="立即购买" />
                </van-action-bar>
            </van-popup>
        </div>
        <!-- 地址弹框 -->
        <div>
            <dizhi :fanhuiFun="feihuDizhi" ref="dizhiRef"></dizhi>
            <dizhi @fanhui-fun="feihuDizhi" ref="dizhiRef"></dizhi>
        </div>
        <div>
            <gouwuche ref="gouwucheRef"></gouwuche>
        </div>
        <van-tabbar v-model="active" @change="tabChang">
            <van-tabbar-item name="home" icon="like">首页</van-tabbar-item>
@@ -123,16 +127,28 @@
import { computed, ref } from 'vue'
import {useRouter} from 'vue-router'
import { useWindowSize } from '@vant/use'
// import dizhiAdmin from '../jifenShangCheng/components/dizhiAdmin.vue'
import dizhi from '../jifenShangCheng/components/dizhi.vue'
    import gouwuche from './components/gouwuche.vue'
import { userInfoStore } from '@/stores/userInfo'
const userInfo = userInfoStore()
import { ajaxGet ,ajaxPost} from '@/utils/axios'
    import { ajaxPost} from '@/utils/axios'
import { onMounted } from 'vue'
    import { Toast } from 'vant'
const router=useRouter()
const { width, height } = useWindowSize();
    const { height } = useWindowSize()
const dizhiRef=ref()
    const gouwucheRef=ref()
const show=ref(false)
    const loading=ref(true)
    const gwcBadge=ref(0)
    const gwcList=ref([])
    const defaultDizhi=ref({
        id:0,
        code:'',
        receivePersonName:'',
        receivePersonMobile:'',
        patientAddress:'',
    })
const patientInfo=computed(() => {
    return userInfo.patient
})
@@ -144,7 +160,7 @@
    number:1,
    id:0
})
const activeIndex = ref(0);
    const activeIndex = ref(0)
const items=ref([
    {
        name:'',
@@ -153,6 +169,9 @@
    }
])
const active=ref('jifen')
    const openGwc=()=>{
        gouwucheRef.value.openShow()
    }
const tabChang=(index:any)=>{
    if (index==='home'){
        router.push('/')
@@ -161,6 +180,24 @@
    }else if(index==='my') {
        router.push('my')
    }
    }
    const AddGwc=()=>{
        console.log(setItem.value)
        const row={
            code:'',
            id:0,
            itemCode:setItem.value.code,
            itemCount:setItem.value.number,
            patientCode:patientInfo.value.patientInfo.code
        }
        ajaxPost('/eshop/cart/add',row).then(re=>{
            console.log(re)
            Toast.success('已经加入购物车了')
            show.value=false
            getListGwc()
        }).catch(()=>{

        })
}
// 购买
const goumai=(item:any)=>{
@@ -177,13 +214,44 @@
}
// 编辑地址
const openDizhi=()=>{
    dizhiRef.value.openShow()
        dizhiRef.value.openShow(defaultDizhi.value.id)
}
// 返回地址
const feihuDizhi=()=>{
    console.log()
    const feihuDizhi=(row:any)=>{
        console.log(row)
        defaultDizhi.value={
            id:row.id,
            code:row.code,
            receivePersonName:row.name,
            receivePersonMobile:row.tel,
            patientAddress:row.address,
        }
    }
    const getListGwc=()=>{
        ajaxPost('/eshop/cart/list',`page=0&size=0&wherecondition=patient_code=\'${patientInfo.value.patientInfo.code}\'`)
            .then((re:any)=>{
                console.log('购物车')
                console.log(re)
                gwcBadge.value=re.list.length
                gwcList.value=re.list
            })
    }
    const getDefDizhi=()=>{
        const pasm=`page=0&size=0&wherecondition=patient_is_default=1 and patient_code="${userInfo.patient.patientInfo.code}"`
        ajaxPost('/patient/address/list', pasm).then((re: any) => {
            console.log('默认地址')
            console.log(re)
            if (re.list.length===0){
                console.log('没有默认地址')
            } else {
                defaultDizhi.value=re.list[0]
            }
            console.log(defaultDizhi.value)
        })
}
onMounted(()=>{
        getDefDizhi()
        loading.value=true
    ajaxPost('/eshop/listItems',`clientCode=${patientInfo.value.patientInfo.clientCode}`).then((re:any)=>{
        console.log(re.category)
        const list= re.category
@@ -193,6 +261,10 @@
        })
        console.log(items.value)
        
        }).finally(()=>{
            loading.value=false
    })
        getListGwc()

})
</script>