Xurh
/
ss_dc_wechat_mini_program_h5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title></title>
    <script src="/js/mp_base/base.js"></script>

    <style>
        #app {
            background: #f5f5f5;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }
    </style>
</head>
<body>
    <div id="app" v-cloak>
        <!-- 使用 ss-sub-tab 组件 -->
        <ss-sub-tab
            v-if="tabList.length > 0"
            :tab-list="tabList"
            :base-params="baseParams"
            @tab-change="handleTabChange"
        />
    </div>

    <script>
        // 等待SS框架加载完成
        window.SS.ready(function () {
            // 使用SS框架的方式创建Vue实例
            window.SS.dom.initializeFormApp({
                el: '#app',
                data() {
                    return {
                        pageParams: {},
                        loading: false,
                        tabList: [],           // tabTag接口返回的Tab列表
                        baseParams: {}         // 基础参数（传递给子页面）
                    }
                },
                mounted() {
                    // 获取URL参数
                    this.pageParams = this.getUrlParams()
                    console.log('🔗 mp_objInfo页面接收到参数:', this.pageParams)

                    // 设置基础参数（会传递给所有子页面）
                    this.baseParams = {
                        ssObjName: this.pageParams.ssObjName || '',
                        ssObjId: this.pageParams.ssObjId || '',
                        sqid: this.pageParams.sqid || '',
                        shid: this.pageParams.shid || '',
                        bdlbm: this.pageParams.bdlbm || '',
                        dataType: this.pageParams.dataType || '',
                        encode_shid: this.pageParams.encode_shid || ''
                    }

                    // 只调用tabTag接口获取Tab列表
                    if (this.pageParams.ssObjName && this.pageParams.ssObjId) {
                        this.loadTag()
                    }
                },
                methods: {
                    // 获取URL参数
                    getUrlParams() {
                        const params = {}
                        const urlSearchParams = new URLSearchParams(window.location.search)
                        for (const [key, value] of urlSearchParams) {
                            params[key] = decodeURIComponent(value)
                        }
                        return params
                    },

                    // 加载Tab列表
                    async loadTag() {
                        this.loading = true

                        try {
                            console.log('📋 调用tabTag服务获取Tab列表...')

                            const { ssObjName, ssObjId, sqid, shid, bdlbm, dataType, encode_shid } = this.baseParams

                            const tagResponse = await request.post(
                                `/service?ssServ=tabTag&ssDest=data&name=baseInfo,child&ssObjName=${ssObjName}&ssObjId=${ssObjId}&sqid=${sqid}&shid=${shid}&bdlbm=${bdlbm}&dataType=${dataType}&encode_shid=${encode_shid}`,
                                { loading: false, formData: true }
                            )

                            // 保存Tab列表
                            if (tagResponse && tagResponse.data && tagResponse.data.tabList) {
                                this.tabList = tagResponse.data.tabList
                                console.log('✅ 获取到Tab列表:', this.tabList)
                            } else {
                                console.warn('⚠️ tabTag响应中没有tabList字段')
                            }

                        } catch (error) {
                            console.error('❌ 加载Tab数据失败:', error)
                        } finally {
                            this.loading = false
                        }
                    },

                    // Tab切换事件处理
                    handleTabChange({ index, tab }) {
                        console.log('📑 切换到Tab:', index, tab.desc || tab.title)
                    }
                }
            })
        })
    </script>
</body>