<script setup lang="ts">
import { ref } from 'vue'
import { useStore } from 'vuex'
const store = useStore()
const status = ref(false)
setTimeout(()=>{
    status.value = true
},200)
</script>
<template>
    <footer v-if="status">
        <div class="footer-widget-area" style="position: relative;clear: both;">
            <div class="container">
                <div class="row footerOne">
                    <div class="col-lg-2 col-md-6 col-sm-6 footerWidth">
                        <div class="copyrigt-or-code d-flex flex-column align-items-center ">
                            <img width="130 " height="130 " src="https://aiot.usky.cn/uskyq/assets/img/qr_code.png">
                            <span style="text-align: left;color:#fff;margin-top:10px ">微信公众号</span>
                        </div>
                    </div>
                    <div class="footerNone" :style="{'width':(.8/store.state.menuList.length*100)+'%' }"  v-for="item in store.state.menuList" :key="item.id">
                        <div class="widget nav-widget d-flex justify-content-center ">
                            <div>

                                <h5 class="widget-title">
                                    <a  v-if="item.sname" :href="`${item.path}?dup=${item.sname}`">{{item.categoryName}}</a>
                                    <a  v-else :href="item.path">{{item.categoryName}}</a>
                                </h5>
                                <ul>
                                    <li v-if="item.children" v-for="children in item.children" :key="children.id" style="text-align: left;">
                                        <a  :href="item.sname ?   `${item.path}?dup=${item.sname}&categoryid=${children.id}&isUrlId=1` : `${item.path}?categoryid=${children.id}&isUrlId=1` "> 
                                            {{children.categoryName}}
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- copyright -->
        <div class="copy-right-area ">
            <div class="container ">
                <div class="row copyrigt-text ">
                    <div class="col-lg-12 ">
                        <p>Copyright © 2001- 2024 Usky. All Rights Reserved. 永天股份 版权所有</p>
                        <p>增值电信业务经营许可证（IDC、ISP）编号B2-20080010</p>
                        <p style="margin-top:10px">
                            <a target="_blank" href="https://wap.scjgj.sh.gov.cn/businessCheck/verifKey.do?showType=extShow&serial=9031000020180517151815000002552816-SAIC_SHOW_310000-C5DE2EFE9AD14E94923F7AC487AA7077105&signData=MEYCIQDqmcH8RWjPwf4id/UFCbng+HLdnF21HDjoUikAjkdiKQIhAOrQRYz74d3T5P03DL6OW10HBRktOYPenEbcmn1gCweV">
                                <img src="@/assets/img/spc.png" alt="1" width="20"></img>
                                沪公网安备 31010802001185号
                            </a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</template>
<style lang="scss" scoped>
.a{
    clear: both;
}
</style>
