chenyc
2022-10-21 fdec6d9c232d7361567ddab4504851dbed03c4a4
src/views/home/index.vue
@@ -22,7 +22,7 @@
            </div>
            <div class="meuns">
                <van-row class="meunsitems">
                    <van-col span="6" class="item">
                    <van-col span="6" @click="topath('/report')" class="item">
                        <van-image
                            round
                            width="42px"
@@ -31,7 +31,7 @@
                        />
                        <div>检验报告</div>
                    </van-col>
                    <van-col span="6" class="item">
                    <van-col span="6" @click="topath('/paiban')" class="item">
                        <van-image
                            round
                            width="42px"
@@ -40,7 +40,7 @@
                        />
                        <div>透析排班</div>
                    </van-col>
                    <van-col span="6" class="item">
                    <van-col span="6" @click="topath('/prescriptionDrug')" class="item">
                        <van-image
                            round
                            width="42px"
@@ -49,7 +49,7 @@
                        />
                        <div>透析医嘱</div>
                    </van-col>
                    <van-col span="6" class="item">
                    <van-col span="6" @click="topath('/record')" class="item">
                        <van-image
                            round
                            width="42px"
@@ -79,100 +79,61 @@
        </div>
        <div class="listInfos">
            <div class="listrow">
                <div class="rowioc" contenteditable>
                <div class="rowioc">
                    <van-image
                        width="24px"
                        height="24px"
                        :src="List1"
                    />
                </div>
                <div class="rowtext" contenteditable>
                <div class="rowtext">
                    <div class="rowb">健康趋势</div>
                    <div class="rowc">Health trends</div>
                </div>
                <div class="rowiocback" contenteditable>
                <div class="rowiocback">
                    <van-image
                        :src="Black"
                    />
                </div>
            </div>
            <div class="listrow">
                <div class="rowioc" contenteditable>
                <div class="rowioc">
                    <van-image
                        width="24px"
                        height="24px"
                        :src="List1"
                    />
                </div>
                <div class="rowtext" contenteditable>
                <div class="rowtext">
                    <div class="rowb">健康趋势</div>
                    <div class="rowc">Health trends</div>
                </div>
                <div class="rowiocback" contenteditable>
                <div class="rowiocback">
                    <van-image
                        :src="Black"
                    />
                </div>
            </div>
        </div>
        <van-tabbar v-model="active" route @change="tabChang">
            <van-tabbar-item name="home" @click="active = 'home'" icon="home-o">首页</van-tabbar-item>
            <van-tabbar-item name="mydo" @click="active = 'mydo'" icon="manager">我的</van-tabbar-item>
        <van-tabbar v-model="active" @change="tabChang">
            <van-tabbar-item name="home" icon="like">首页</van-tabbar-item>
            <van-tabbar-item name="my" icon="manager">我的</van-tabbar-item>
        </van-tabbar>
    </div>
</template>
  <script lang="ts" setup>
    import { onMounted,computed,ref } from 'vue'
    import { ajaxGet } from '@/utils/axios'
    // import { useCounterStore } from '@/stores/counter'
    import { Image as VanImage,Tabbar as VanTabbar , TabbarItem as VanTabbarItem} from 'vant'
    import {useRoute,useRouter} from 'vue-router'
    import { onMounted,ref } from 'vue'
    import { userInfoStore } from '@/stores/userInfo'
    import { Image as VanImage,Tabbar as VanTabbar , TabbarItem as VanTabbarItem } from 'vant'
    import {useRouter} from 'vue-router'
    import meun1 from './assets/meun1.png'
    import meun2 from './assets/meun2.png'
    import meun3 from './assets/meun3.png'
    import meun4 from './assets/meun4.png'
    import List1 from './assets/row1.png'
    import Black from './assets/Black.png'
    const route = useRoute()
    const router=useRouter()
    // const counter = useCounterStore()
    const  loopData0= [
        {
            lanhuBg2:
                'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng10c918ad8f5eb3b228828f57732dad7ecd28335754916c4012147796e36591d6) 0px 0px no-repeat',
            lanhutext0: '健康趋势',
            lanhutext1: 'Health&nbsp;trends'
        },
        {
            lanhuBg2:
                'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9dd5bfd8bce302227d8c0ccb89144c1b70b47c2b07da1fcbb144c9347d69e72a) 0px 0px no-repeat',
            lanhutext0: '健康宣教',
            lanhutext1: 'Health&nbsp;Education'
        }
    ]
    const loopData1= [
        {
            lanhuBg1:
                'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng042226982f8d895d90cdcfefb4ea4846696567d8a40a8e0a1dd0073e7f899480) 100% no-repeat',
            lanhutext0: '检验报告'
        },
        {
            lanhuBg1:
                'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng43a5d2681858b5057217f32705ac557e7fac69348980e05950c034793715775c) 100% no-repeat',
            lanhutext0: '透析排班'
        },
        {
            lanhuBg1:
                'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5658c304c4e0841738fddace6a4bbb55d801d98a5e769632b0b71ffe48d56937) 100% no-repeat',
            lanhutext0: '透析医嘱'
        },
        {
            lanhuBg1:
                'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd56bf49c9455a5e530aa3cb0e45df98f9ee00edae6eb83220b2a0d76f6e9b487) 100% no-repeat',
            lanhutext0: '透析记录'
        }
    ]
    const userInfo = userInfoStore()
    const active=ref('home')
    const tabChang=(index:any)=>{
        if (index==='home'){
@@ -181,15 +142,13 @@
            router.push('my')
        }
    }
    const topath=(url:string)=>{
        console.log('sss')
        router.push(url)
    }
    onMounted(() => {
        console.log('初始化',route)
        const queryInfo=route.query
        const {code}=queryInfo
        console.log(code)
        if (code){
            ajaxGet('wechat/code',{code}).then((re:any)=>{
                console.log(re)
            })
        if (userInfo.info.openid===''){
            router.push('login')
        }
    })
  </script>