Xurh
/
ss_dc_wechat_mini_program_h5


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
							<!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>
        [v-cloak] {
            display: none !important;
        }

        html, body {
            margin: 0;
            height: 100%;
            background: #f5f5f5;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        }

        #app {
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .page-header {
            height: 48px;
            display: flex;
            align-items: center;
            background: #ffffff;
            border-bottom: 1px solid #ececec;
            padding: 0 12px;
            box-sizing: border-box;
            flex-shrink: 0;
        }

        .back-btn {
            border: 0;
            background: transparent;
            color: #333;
            font-size: 14px;
            padding: 8px 0;
            min-width: 44px;
            text-align: left;
        }

        .page-title {
            flex: 1;
            text-align: center;
            font-size: 16px;
            font-weight: 600;
            color: #222;
            padding-right: 44px;
            box-sizing: border-box;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .content {
            flex: 1;
            min-height: 0;
            position: relative;
            background: #fff;
        }

        .play-frame {
            width: 100%;
            height: 100%;
            border: 0;
            display: block;
            background: #fff;
        }

        .state {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
            font-size: 14px;
            padding: 16px;
            box-sizing: border-box;
            text-align: center;
        }
    </style>
</head>
<body>
<div id="app" v-cloak>


    <div class="content">
        <iframe
            v-if="iframeSrc"
            class="play-frame"
            :src="iframeSrc"
            @load="handleFrameLoad"
        ></iframe>
        <div v-else class="state">{{ stateText }}</div>
    </div>
</div>

<script>
    (function () {
        window.SS.ready(function () {
            window.SS.dom.initializeFormApp({
                el: '#app',
                data() {
                    return {
                        pageTitle: '查看',
                        iframeSrc: '',
                        stateText: '加载中...'
                    };
                },
                mounted() {
                    this.initPage();
                },
                methods: {
                    // 功能说明：统一解析 URL 参数，并兼容历史页面的重复 encodeURIComponent 情况 by xu 2026-03-04
                    decodeParam(value) {
                        let result = value || '';
                        for (let i = 0; i < 2; i++) {
                            try {
                                const decoded = decodeURIComponent(result);
                                if (decoded === result) break;
                                result = decoded;
                            } catch (_) {
                                break;
                            }
                        }
                        return result;
                    },

                    getUrlParams() {
                        const params = {};
                        const search = new URLSearchParams(window.location.search || '');
                        for (const [key, value] of search.entries()) {
                            params[key] = this.decodeParam(value);
                        }
                        return params;
                    },

                    // 功能说明：优先使用后端直接透传的 parm，缺省时按 playParamName/playParamValue 动态组装 by xu 2026-03-04
                    buildParmText(params) {
                        const rawParm = String(params.param || '').trim();
                        if (rawParm) {
                            return rawParm;
                        }

                        const parmObj = {};
                        const paramName = String(params.playParamName || '').trim();
                        const paramValue = params.playParamValue;
                        const ssToken = String(params.ssToken || '').trim();
                        const ssObjId = String(params.ssObjId || '').trim();
                        const ssObjName = String(params.ssObjName || '').trim();

                        if (paramName && paramValue !== undefined && paramValue !== null && paramValue !== '') {
                            parmObj[paramName] = paramValue;
                        }
                        if (ssToken) parmObj.ssToken = ssToken;
                        if (ssObjId) parmObj.ssObjId = ssObjId;
                        if (ssObjName) parmObj.ssObjName = ssObjName;
                        parmObj.wdConfirmationCaptchaService = '0';

                        return JSON.stringify(parmObj);
                    },

                    initPage() {
                        const params = this.getUrlParams();
                        const serviceName = String(params.service || params.ssServ || '').trim();
                        const destName = String(params.ssDest || params.dest || 'objPlay').trim();
                        this.pageTitle = String(params.title || '查看').trim() || '查看';

                        if (!serviceName) {
                            this.stateText = '缺少服务参数，无法打开查看页';
                            return;
                        }

                        const parmText = this.buildParmText(params);
                        const infoParams = new URLSearchParams();
                        // 功能说明：移动端查看统一走 mp_objInfo（tabTag + 业务 baseInfo 页），避免直接打开 /service 返回 JSON by xu 2026-03-04
                        infoParams.set('service', serviceName);
                        infoParams.set('dest', destName);
                        infoParams.set('ssServ', serviceName);
                        infoParams.set('ssDest', destName);
                        if (parmText) infoParams.set('param', parmText);
                        if (params.ssObjName) infoParams.set('ssObjName', String(params.ssObjName));
                        if (params.ssObjId) infoParams.set('ssObjId', String(params.ssObjId));
                        if (params.sqid) infoParams.set('sqid', String(params.sqid));
                        if (params.shid) infoParams.set('shid', String(params.shid));
                        if (params.bdlbm) infoParams.set('bdlbm', String(params.bdlbm));

                        this.iframeSrc = `/page/mp_objInfo.html?${infoParams.toString()}`;
                    },

                    handleFrameLoad() {
                        this.stateText = '';
                    },

                    goBack() {
                        if (window.NavigationManager && typeof window.NavigationManager.goBack === 'function') {
                            window.NavigationManager.goBack({ refreshParent: false });
                            return;
                        }
                        window.history.back();
                    }
                }
            });
        });
    })();
</script>
</body>
</html>