Xurh
/
ss_dc_wechat_mini_program_h5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
							<!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;
        }

        #app {
            background: #f5f5f5;
            min-height: 100vh;
        }

        .loading {
            text-align: center;
            padding: 50px;
            color: #999;
        }

        .error {
            text-align: center;
            padding: 50px;
            color: #ff4d4f;
        }

        .section-title {
            padding: 10px 12px;
            color: #666;
            font-size: 16px;
            font-weight: 600;
        }

        .reason-text {
            white-space: pre-wrap;
            line-height: 1.6;
        }

        .attachment-text {
            color: #999;
            font-size: 14px;
        }
    </style>
</head>
<body>
<div id="app" v-cloak>
    <div v-if="loading" class="loading">加载中...</div>
    <div v-else-if="error" class="error">{{ error }}</div>
    <!-- 新增学员请假基本信息回显页 by xu 2026-02-28 -->
    <div v-else class="content-div">
        <table class="form">
            <tr>
                <th>请假类别</th>
                <td>{{ displayData.rclb || '-' }}</td>
            </tr>
            <tr>
                <th>学员</th>
                <td>{{ displayData.fzrymc || displayData.xm || '-' }}</td>
            </tr>
            <tr>
                <th>请假开始时间</th>
                <td>{{ displayData.kssj || '-' }}</td>
            </tr>
            <tr>
                <th>请假结束时间</th>
                <td>{{ displayData.jssj || '-' }}</td>
            </tr>
            <tr>
                <th>事由</th>
                <td class="reason-text">{{ displayData.ms || '-' }}</td>
            </tr>
            <tr>
                <th>附件</th>
                <td>
                    <span class="attachment-text">{{ attachmentText }}</span>
                </td>
            </tr>
        </table>
    </div>
</div>

<script>
    window.SS.ready(function () {
        window.SS.dom.initializeFormApp({
            el: '#app',
            data() {
                return {
                    pageParams: {},
                    loading: false,
                    error: '',
                    formData: {},
                    displayData: {
                        rclb: '',
                        fzrymc: '',
                        xm: '',
                        kssj: '',
                        jssj: '',
                        ms: '',
                        fjid: ''
                    }
                }
            },
            computed: {
                attachmentText() {
                    if (!this.displayData.fjid) return '暂无附件'
                    return `已上传（附件ID：${this.displayData.fjid}，后续接上传回显）`
                }
            },
            async mounted() {
                this.pageParams = this.getUrlParams()
                await this.loadData()
            },
            methods: {
                getUrlParams() {
                    const params = {}
                    const urlSearchParams = new URLSearchParams(window.location.search)
                    for (const [key, value] of urlSearchParams) {
                        params[key] = decodeURIComponent(value)
                    }
                    return params
                },

                parseParamObject(paramStr) {
                    if (!paramStr) return {}
                    try {
                        return JSON.parse(paramStr)
                    } catch (err) {
                        try {
                            const fixed = paramStr.replace(/([,{]\s*)([a-zA-Z_][a-zA-Z0-9_]*)\s*:/g, '$1"$2":')
                            return JSON.parse(fixed)
                        } catch (err2) {
                            console.error('解析param失败:', err2)
                            return {}
                        }
                    }
                },

                async loadData() {
                    // 加载请假详情数据并回显 by xu 2026-02-28
                    const service = this.pageParams.service
                    if (!service) {
                        this.error = '缺少service参数'
                        return
                    }

                    this.loading = true
                    this.error = ''

                    try {
                        const paramObj = this.parseParamObject(this.pageParams.param)
                        const response = await request.post(
                            `/service?ssServ=${service}&ssDest=data`,
                            paramObj,
                            { loading: false, formData: true }
                        )

                        const raw = this.pickLeaveData(response?.data)
                        if (!raw) {
                            this.error = '未获取到请假数据'
                            return
                        }

                        this.formData = raw
                        await this.buildDisplayData(raw)
                    } catch (error) {
                        console.error('加载请假基本信息失败:', error)
                        this.error = '加载失败：' + (error.message || '未知错误')
                    } finally {
                        this.loading = false
                    }
                },

                pickLeaveData(data) {
                    if (!data) return null
                    if (data.xyqj) return data.xyqj
                    if (data.rcqj) return data.rcqj
                    if (data.qj) return data.qj
                    if (Array.isArray(data.objectList) && data.objectList.length > 0) return data.objectList[0]
                    if (Array.isArray(data.data) && data.data.length > 0) return data.data[0]
                    if (typeof data === 'object') return data
                    return null
                },

                async buildDisplayData(raw) {
                    const cloned = { ...raw }
                    cloned.kssj = this.formatDate(raw.kssj)
                    cloned.jssj = this.formatDate(raw.jssj)
                    cloned.rclb = await this.translateLeaveType(raw.rclbm, raw.rclb)
                    this.displayData = {
                        ...this.displayData,
                        ...cloned
                    }
                },

                formatDate(value) {
                    if (!value) return ''
                    if (window.H5FieldFormatter && typeof window.H5FieldFormatter.formatDate === 'function') {
                        return window.H5FieldFormatter.formatDate(value, 'YYYY-MM-DD HH:mm')
                    }
                    return value
                },

                async translateLeaveType(rclbm, fallbackName) {
                    if (fallbackName) return fallbackName
                    if (!rclbm) return ''
                    try {
                        if (typeof window.getDictOptions === 'function') {
                            const options = await window.getDictOptions('xyqjlb')
                            const target = (options || []).find(item => String(item.v) === String(rclbm))
                            return target ? target.n : rclbm
                        }
                        return rclbm
                    } catch (error) {
                        console.error('请假类别翻译失败:', error)
                        return rclbm
                    }
                }
            }
        })
    })
</script>
</body>
</html>