<template>
    <view class="page">
        <scroll-view class="scroll" scroll-y>
            <uni-list>
                <!-- 编号（F+原编号，只读） -->
                <uni-list-item class="select-item" :class="form.code ? 'is-filled' : 'is-empty'">
                    <template v-slot:body>
                        <view class="item-title"><text class="required">*</text><text>编号</text></view>
                    </template>
                    <template v-slot:footer>
                        <text class="readonly-text value-code">{{ form.code || '-' }}</text>
                    </template>
                </uni-list-item>

                <!-- 类型（只读） -->
                <uni-list-item title="类型">
                    <template v-slot:footer>
                        <uni-easyinput :value="getTypeLabel() || form.type" :inputBorder="false" disabled />
                    </template>
                </uni-list-item>

                <!-- 计划编号（只读） -->
                <uni-list-item title="计划编号">
                    <template v-slot:footer>
                        <uni-easyinput :value="planCodeText" :inputBorder="false" disabled />
                    </template>
                </uni-list-item>

                <!-- 单位（只读） -->
                <uni-list-item title="单位">
                    <template v-slot:footer>
                        <uni-easyinput :value="form.unit" :inputBorder="false" disabled />
                    </template>
                </uni-list-item>

                <!-- 供料单位（只读） -->
                <uni-list-item title="供料单位">
                    <template v-slot:footer>
                        <uni-easyinput :value="form.supplierName" :inputBorder="false" disabled />
                    </template>
                </uni-list-item>

                <!-- 收料单位（只读） -->
                <uni-list-item title="收料单位">
                    <template v-slot:footer>
                        <uni-easyinput :value="form.companyShortName" :inputBorder="false" disabled />
                    </template>
                </uni-list-item>
            </uni-list>

            <!-- 计划单明细（只读） -->
            <view class="sub-table">
                <view class="header">
                    <image class="opCollapse" src="/static/images/title.png" />
                    <text class="title">计划单明细</text>
                </view>
                <view class="add-list">
                    <view v-if="!planList.length" class="empty-tip">暂无明细</view>
                    <view v-for="(item, idx) in planList" :key="'p-' + (item.id || idx)" class="block">
                        <uni-list>
                            <uni-list-item title="计划品种">
                                <template v-slot:footer>
                                    <uni-easyinput :value="item.productName" :inputBorder="false" disabled />
                                </template>
                            </uni-list-item>
                            <uni-list-item title="计划数量">
                                <template v-slot:footer>
                                    <uni-easyinput :value="item.quantity" :inputBorder="false" disabled />
                                </template>
                            </uni-list-item>
                            <uni-list-item title="计划编号">
                                <template v-slot:footer>
                                    <uni-easyinput :value="item.planCode" :inputBorder="false" disabled />
                                </template>
                            </uni-list-item>
                        </uni-list>
                    </view>
                </view>
            </view>

            <!-- 过磅明细（仅过磅数量可编辑） -->
            <view class="sub-table">
                <view class="header">
                    <image class="opCollapse" src="/static/images/title.png" />
                    <text class="title">过磅明细</text>
                </view>
                <view class="add-list">
                    <view v-if="!weighList.length" class="empty-tip">暂无明细</view>
                    <view v-for="(item, idx) in weighList" :key="'w-' + (item.id || idx)" class="block">
                        <uni-list>
                            <uni-list-item title="过磅品种">
                                <template v-slot:footer>
                                    <uni-easyinput :value="item.productName" :inputBorder="false" disabled />
                                </template>
                            </uni-list-item>
                            <uni-list-item title="开票品名">
                                <template v-slot:footer>
                                    <uni-easyinput :value="item.invoiceProductName" :inputBorder="false" disabled />
                                </template>
                            </uni-list-item>
                            <uni-list-item title="过磅数量">
                                <template v-slot:body>
                                    <view class="item-title"><text class="required">*</text><text>过磅数量</text></view>
                                </template>
                                <template v-slot:footer>
                                    <uni-easyinput v-model="item.quantity" type="digit" :inputBorder="false" placeholder="请输入过磅数量" />
                                </template>
                            </uni-list-item>
                            <uni-list-item title="计划编号">
                                <template v-slot:footer>
                                    <uni-easyinput :value="item.planCode" :inputBorder="false" disabled />
                                </template>
                            </uni-list-item>
                        </uni-list>
                    </view>
                </view>
            </view>

            <!-- 申请数量明细（仅买断展示，只读） -->
            <view v-if="isBuyout" class="sub-table">
                <view class="header">
                    <image class="opCollapse" src="/static/images/title.png" />
                    <text class="title">申请数量明细</text>
                </view>
                <view class="add-list">
                    <view v-if="!applyList.length" class="empty-tip">暂无明细</view>
                    <view v-for="(item, idx) in applyList" :key="'a-' + (item.id || idx)" class="block">
                        <uni-list>
                            <uni-list-item title="类别">
                                <template v-slot:footer>
                                    <uni-easyinput :value="item.category" :inputBorder="false" disabled />
                                </template>
                            </uni-list-item>
                            <uni-list-item title="数量">
                                <template v-slot:footer>
                                    <uni-easyinput :value="item.quantity" :inputBorder="false" disabled />
                                </template>
                            </uni-list-item>
                        </uni-list>
                    </view>
                </view>
            </view>

            <!-- 其他信息 -->
            <view class="remark-section">
                <view class="header">
                    <image class="opCollapse" src="/static/images/title.png" />
                    <text class="title">其他信息</text>
                </view>
                <view class="section-content">
                    <uni-list>
                        <uni-list-item title="物料名称">
                            <template v-slot:footer>
                                <uni-easyinput :value="materialName" :inputBorder="false" disabled />
                            </template>
                        </uni-list-item>
                        <uni-list-item>
                            <template v-slot:body>
                                <view class="item-title"><text class="required">*</text><text>过磅总重</text></view>
                            </template>
                            <template v-slot:footer>
                                <uni-easyinput v-model="form.totalGrossWeight" type="digit" :inputBorder="false" placeholder="请输入过磅总重" />
                            </template>
                        </uni-list-item>
                        <uni-list-item>
                            <template v-slot:body>
                                <view class="item-title"><text class="required">*</text><text>实际伙重</text></view>
                            </template>
                            <template v-slot:footer>
                                <uni-easyinput v-model="form.actualImpurityWeight" type="digit" :inputBorder="false" placeholder="请输入实际伙重" />
                            </template>
                        </uni-list-item>
                        <uni-list-item title="货物净重">
                            <template v-slot:footer>
                                <uni-easyinput :value="computedNetWeight" :inputBorder="false" disabled />
                            </template>
                        </uni-list-item>
                        <uni-list-item title="净重大写">
                            <template v-slot:footer>
                                <uni-easyinput :value="computedNetWeightUpper" :inputBorder="false" disabled />
                            </template>
                        </uni-list-item>
                    </uni-list>

                    <view class="form-group">
                        <view class="item-title"><text class="required">*</text><text>来料扣杂类型</text></view>
                        <uni-data-checkbox
                            mode="tag"
                            :multiple="true"
                            :value-field="'value'"
                            :text-field="'text'"
                            v-model="form.deductionTypes"
                            :localdata="deductionTypeOptions"
                        />
                    </view>

                    <uni-list>
                        <uni-list-item>
                            <template v-slot:body>
                                <view class="item-title"><text class="required">*</text><text>供应存欠料</text></view>
                            </template>
                            <template v-slot:footer>
                                <uni-easyinput v-model="form.supplierStockMaterial" :inputBorder="false" placeholder="请输入供应存欠料" />
                            </template>
                        </uni-list-item>
                        <uni-list-item>
                            <template v-slot:body>
                                <view class="item-title"><text class="required">*</text><text>物流存欠料</text></view>
                            </template>
                            <template v-slot:footer>
                                <uni-easyinput v-model="form.logisticsStockMaterial" :inputBorder="false" placeholder="请输入物流存欠料" />
                            </template>
                        </uni-list-item>
                        <uni-list-item>
                            <template v-slot:body>
                                <view class="item-title"><text class="required">*</text><text>车牌号</text></view>
                            </template>
                            <template v-slot:footer>
                                <uni-easyinput v-model="form.plateNumber" :inputBorder="false" placeholder="请输入车牌号" />
                            </template>
                        </uni-list-item>
                    </uni-list>
                </view>
            </view>

            <!-- 备注模块 -->
            <view class="remark-section">
                <view class="header">
                    <image class="opCollapse" src="/static/images/title.png" />
                    <text class="title">备注</text>
                </view>
                <view class="section-content">
                    <view class="remark-group">
                        <view class="remark-label">业务摘要</view>
                        <uni-easyinput :value="computedBusinessSummary" type="textarea" :inputBorder="false" disabled autoHeight />
                    </view>
                    <view class="remark-group">
                        <view class="remark-label">特别说明</view>
                        <uni-easyinput v-model="form.specialNote" type="textarea" :inputBorder="false" placeholder="请输入特别说明" maxlength="2000" />
                    </view>
                    <view class="remark-group">
                        <view class="remark-label">单据备注</view>
                        <uni-easyinput :value="computedDocumentRemark" type="textarea" :inputBorder="false" disabled autoHeight />
                    </view>
                </view>
            </view>

            <!-- 附件信息 -->
            <view class="remark-section">
                <view class="header">
                    <image class="opCollapse" src="/static/images/title.png" />
                    <text class="title">复磅附件</text>
                    <view class="ops">
                        <view class="upload-btn" @click="selectFile">上传文件</view>
                    </view>
                </view>
                <view class="section-content">
                    <view v-if="!fileList.length" class="empty-tip">暂无附件，请上传</view>
                    <view v-for="(file, idx) in fileList" :key="file.id || idx" class="file-item">
                        <text class="file-name">{{ file.name || '未命名文件' }}</text>
                        <text class="file-del" @click="removeFile(idx)">删除</text>
                    </view>
                </view>
            </view>

            <view class="footer">
                <button class="btn submit" type="primary" @click="onSubmit">保存</button>
            </view>
        </scroll-view>
    </view>
</template>

<script>
import { weighTicketDetailApi, weighTicketCreateApi } from '@/api/procure-manage/weighTicket.js'
import { getDicByCodes, getDicName } from '@/utils/dic.js'
import upload from '@/utils/upload'
import { uploadFileApi } from '@/api/base.js'

export default {
    name: 'ReweighWeightTicket',
    data() {
        return {
            // 原过磅单ID
            id: '',
            form: {
                code: '',
                type: '',
                planCode: '',
                unit: '',
                supplierName: '',
                companyShortName: '',
                totalGrossWeight: '',
                actualImpurityWeight: '',
                deductionTypes: [],
                supplierStockMaterial: '',
                logisticsStockMaterial: '',
                plateNumber: '',
                specialNote: ''
            },
            dicOptions: { TYPE: [], DEDUCTION_TYPE: [] },
            // 选中计划行（供 planIds 提交与 isBuyout 判断）
            selectedPlanRows: [],
            buyout: false,
            // 计划单明细（只读）
            planList: [],
            // 过磅明细（仅数量可编辑）
            weighList: [],
            // 申请数量明细（只读）
            applyList: [],
            // 复磅附件 [{ id, name }]
            fileList: []
        }
    },
    computed: {
        deductionTypeOptions() {
            return (this.dicOptions.DEDUCTION_TYPE || []).map(it => ({
                value: it.code != null ? String(it.code) : '',
                text: it.name || ''
            })).filter(it => it.value)
        },
        isBuyout() {
            return this.buyout || (this.applyList || []).length > 0
        },
        planCodeText() {
            const codes = Array.from(new Set((this.planList || []).map(it => it.planCode).filter(Boolean)))
            return codes.join(',')
        },
        // 物料名称：过磅明细开票品名去重顿号拼接
        materialName() {
            const names = (this.weighList || [])
                .map(item => item.invoiceProductName)
                .filter(name => !!name)
            return Array.from(new Set(names)).join('、')
        },
        // 货物净重 = 过磅总重 - 实际伙重（保留两位）
        computedNetWeight() {
            const gross = this.form.totalGrossWeight
            if (gross === undefined || gross === null || gross === '') return ''
            const num = Number(gross) - Number(this.form.actualImpurityWeight || 0)
            return String(Math.round(num * 100) / 100)
        },
        // 净重大写：中文大写
        computedNetWeightUpper() {
            const net = this.computedNetWeight
            if (net === '' || net === null || net === undefined) return ''
            return numberToChineseUpper(net)
        },
        // 业务摘要
        computedBusinessSummary() {
            const parts = []
            const weightItems = (this.weighList || [])
                .map(item => {
                    const name = item.productName || ''
                    const qty = item.quantity === null || item.quantity === undefined ? '' : item.quantity
                    if (!name && qty === '') return ''
                    return `${name}${qty}公斤`
                })
                .filter(text => !!text)
            if (weightItems.length) parts.push(weightItems.join('、'))
            const deductionNames = (this.form.deductionTypes || [])
                .map(code => getDicName('DEDUCTION_TYPE', code, this.dicOptions.DEDUCTION_TYPE))
                .filter(name => !!name)
            if (deductionNames.length) parts.push(deductionNames.join('、'))
            if (this.form.supplierStockMaterial) parts.push(`供应存欠料：${this.form.supplierStockMaterial}`)
            if (this.form.logisticsStockMaterial) parts.push(`物流存欠料：${this.form.logisticsStockMaterial}`)
            if (this.form.plateNumber) parts.push(`车牌号：${this.form.plateNumber}`)
            return parts.join('，')
        },
        // 单据备注 = 业务摘要 + 特别说明
        computedDocumentRemark() {
            const summary = this.computedBusinessSummary || ''
            const note = this.form.specialNote || ''
            return [summary, note].filter(text => !!text).join('\n')
        }
    },
    onLoad(query) {
        this.id = (query && query.id) || ''
    },
    created() {
        this.loadDicData()
        this.loadDetail()
    },
    methods: {
        async loadDicData() {
            try {
                const results = await getDicByCodes(['TYPE', 'DEDUCTION_TYPE'])
                this.dicOptions.TYPE = (results.TYPE && results.TYPE.data) || []
                this.dicOptions.DEDUCTION_TYPE = (results.DEDUCTION_TYPE && results.DEDUCTION_TYPE.data) || []
            } catch (e) {
                this.dicOptions = { TYPE: [], DEDUCTION_TYPE: [] }
            }
        },
        getTypeLabel() {
            const found = (this.dicOptions.TYPE || []).find(it => String(it.code) === String(this.form.type))
            return found ? found.name : ''
        },
        loadDetail() {
            if (!this.id) {
                uni.showToast({ title: '缺少单据ID', icon: 'none' })
                return
            }
            uni.showLoading({ title: '加载中...', mask: true })
            weighTicketDetailApi({ id: this.id })
                .then(res => {
                    const data = res && res.data ? (res.data.data || res.data) : {}
                    this.buyout = !!data.buyout
                    this.form = {
                        // 复磅编号 = F + 原编号
                        code: 'F' + (data.code || ''),
                        type: data.type != null ? String(data.type) : '',
                        planCode: data.planCode || data.planCodes || '',
                        unit: data.unit || '',
                        supplierName: data.supplierName || '',
                        companyShortName: data.companyShortName || '',
                        totalGrossWeight: data.totalGrossWeight == null ? '' : String(data.totalGrossWeight),
                        actualImpurityWeight: data.actualImpurityWeight == null ? '' : String(data.actualImpurityWeight),
                        deductionTypes: data.deductionTypes ? String(data.deductionTypes).split(',').filter(Boolean) : [],
                        supplierStockMaterial: data.supplierStockMaterial || '',
                        logisticsStockMaterial: data.logisticsStockMaterial || '',
                        plateNumber: data.plateNumber || '',
                        specialNote: data.specialNote || ''
                    }
                    this.planList = (Array.isArray(data.planLines) ? data.planLines : []).map(it => ({ ...it }))
                    // 选中计划行对象（buyout 供 isBuyout 判断，id 供 planIds 提交使用）
                    this.selectedPlanRows = this.planList.map(item => ({
                        id: item.procurementPlanId || item.id,
                        buyout: this.buyout
                    }))
                    this.weighList = (Array.isArray(data.weighLines) ? data.weighLines : []).map(it => ({ ...it, id: it.id || genRowId() }))
                    this.applyList = (Array.isArray(data.applyLines) ? data.applyLines : []).map(it => ({ ...it, id: it.id || genRowId() }))
                    // 已传复磅附件回显（多文件逗号分隔）
                    const ids = String(data.reweighAttachmentFileIds || '').split(',').filter(Boolean)
                    const names = String(data.reweighAttachmentFileNames || '').split(',').filter(Boolean)
                    this.fileList = ids.map((fid, i) => ({ id: fid, name: names[i] || '' }))
                })
                .catch(() => {
                    uni.showToast({ title: '加载详情失败', icon: 'none' })
                })
                .finally(() => {
                    uni.hideLoading()
                })
        },
        // 选择并上传复磅附件（多文件逐个追加）
        selectFile() {
            if (typeof uni !== 'undefined' && typeof uni.chooseMessageFile === 'function') {
                uni.chooseMessageFile({
                    count: 9,
                    type: 'all',
                    success: async res => {
                        const files = (res && res.tempFiles) || []
                        if (!files.length) return
                        uni.showLoading({ title: '上传中...', mask: true })
                        try {
                            for (const f of files) {
                                const name = f.name || 'file'
                                const r = await upload({ url: '/sw/filebox/uploadFile', filePath: f.path, name: 'file' })
                                const d = r && r.data ? r.data : r
                                const fid = (d && (d.id || d.fileId || (d.data && (d.data.id || d.data.fileId))))
                                    ? String(d.id || d.fileId || d.data.id || d.data.fileId)
                                    : ''
                                if (fid) this.fileList.push({ id: fid, name })
                            }
                        } catch (e) {
                            uni.showToast({ title: '上传失败', icon: 'none' })
                        } finally {
                            uni.hideLoading()
                        }
                    },
                    fail: () => {
                        uni.showToast({ title: '未选择文件', icon: 'none' })
                    }
                })
                return
            }
            // H5 兜底：动态创建原生 input
            try {
                const self = this
                const input = document.createElement('input')
                input.type = 'file'
                input.multiple = true
                input.style.position = 'fixed'
                input.style.left = '-9999px'
                document.body.appendChild(input)
                input.addEventListener('change', self.onFileChange)
                input.click()
                setTimeout(() => { document.body.removeChild(input) }, 1000)
            } catch (e) {
                uni.showToast({ title: '无法打开文件选择', icon: 'none' })
            }
        },
        async onFileChange(e) {
            const files = (e && e.target && e.target.files) || []
            if (!files.length) return
            uni.showLoading({ title: '上传中...', mask: true })
            try {
                for (const file of files) {
                    const name = file.name || ''
                    const fd = new FormData()
                    fd.append('file', file, name)
                    const d = await uploadFileApi(fd)
                    const data = d && d.data ? d.data : d
                    const fid = (data && (data.id || data.fileId || (data.data && (data.data.id || data.data.fileId))))
                        ? String(data.id || data.fileId || data.data.id || data.data.fileId)
                        : ''
                    if (fid) this.fileList.push({ id: fid, name })
                }
            } catch (e2) {
                uni.showToast({ title: '上传失败', icon: 'none' })
            } finally {
                uni.hideLoading()
                if (e && e.target) e.target.value = ''
            }
        },
        removeFile(idx) {
            this.fileList.splice(idx, 1)
        },
        validate() {
            const f = this.form
            if (f.totalGrossWeight === '' || f.totalGrossWeight == null) return this.tip('请输入过磅总重')
            if (f.actualImpurityWeight === '' || f.actualImpurityWeight == null) return this.tip('请输入实际伙重')
            if (!f.deductionTypes || !f.deductionTypes.length) return this.tip('请选择来料扣杂类型')
            if (!f.supplierStockMaterial) return this.tip('请输入供应存欠料')
            if (!f.logisticsStockMaterial) return this.tip('请输入物流存欠料')
            if (!f.plateNumber) return this.tip('请输入车牌号')
            // 过磅明细：过磅数量必填
            const weightList = this.weighList || []
            for (let i = 0; i < weightList.length; i++) {
                const row = weightList[i]
                if (row.quantity === '' || row.quantity == null) return this.tip(`过磅明细第${i + 1}行：请输入过磅数量`)
            }
            // 复磅附件必传
            if (!this.fileList.length) return this.tip('请上传复磅附件')
            return true
        },
        tip(msg) {
            uni.showToast({ title: msg, icon: 'none' })
            return false
        },
        async onSubmit() {
            if (!this.validate()) return
            const confirmRes = await new Promise(resolve => {
                uni.showModal({ title: '提示', content: '确定保存复磅单吗？', confirmText: '确定', cancelText: '取消', success: resolve })
            })
            if (!(confirmRes && confirmRes.confirm)) return
            const ids = this.fileList.map(it => it.id).filter(Boolean)
            const names = this.fileList.map(it => it.name).filter(Boolean)
            const payload = {
                originWeighingTicketId: this.id,
                code: this.form.code,
                type: this.form.type,
                planIds: (this.selectedPlanRows || []).map(it => it.id),
                weighLines: (this.weighList || []).map(row => ({
                    procurementPlanId: row.procurementPlanId || '',
                    planCode: row.planCode || '',
                    productId: row.productId || '',
                    invoiceProductName: row.invoiceProductName || '',
                    quantity: row.quantity === null || row.quantity === undefined ? '' : String(row.quantity),
                    itemId: row.id
                })),
                applyLines: (this.applyList || []).map(row => ({
                    category: row.category || '',
                    breedRelationshipId: row.breedRelationshipId || '',
                    quantity: row.quantity === null || row.quantity === undefined ? '' : String(row.quantity),
                    itemId: row.breedRelationshipId
                })),
                unit: this.form.unit,
                materialName: this.materialName || null,
                totalGrossWeight: this.form.totalGrossWeight === '' ? null : Number(this.form.totalGrossWeight),
                actualImpurityWeight: this.form.actualImpurityWeight === '' ? null : Number(this.form.actualImpurityWeight),
                netWeight: this.computedNetWeight === '' ? null : Number(this.computedNetWeight),
                netWeightUpper: this.computedNetWeightUpper || null,
                deductionTypes: (this.form.deductionTypes || []).join(',') || null,
                supplierStockMaterial: this.form.supplierStockMaterial || null,
                logisticsStockMaterial: this.form.logisticsStockMaterial || null,
                plateNumber: this.form.plateNumber || null,
                businessSummary: this.computedBusinessSummary || null,
                specialNote: this.form.specialNote || null,
                documentRemark: this.computedDocumentRemark || null,
                reweighAttachmentFileIds: ids.join(','),
                reweighAttachmentFileNames: names.join(',')
            }
            uni.showLoading({ title: '保存中...', mask: true })
            weighTicketCreateApi(payload)
                .then(() => {
                    uni.hideLoading()
                    uni.showToast({ title: '保存成功', icon: 'none' })
                    try {
                        uni.setStorageSync('WEIGHT_TICKET_LIST_NEED_REFRESH', '1')
                        uni.setStorageSync('WEIGHT_TICKET_DETAIL_NEED_REFRESH', '1')
                    } catch (e) {}
                    setTimeout(() => { uni.navigateBack() }, 400)
                })
                .catch(e => {
                    uni.hideLoading()
                    uni.showToast({ title: (e && (e.msg || e.message)) || '保存失败', icon: 'none' })
                })
        }
    }
}

// 生成前端临时行 id
function genRowId() {
    return 'row_' + Date.now().toString(36) + '_' + Math.random().toString(36).slice(2, 8)
}

// 数字转中文大写（对齐 PC 端 useWeightTicketForm.ts）
function numberToChineseUpper(num) {
    if (num === null || num === undefined || num === '' || isNaN(Number(num))) return '零'
    const n = Number(num)
    if (!isFinite(n)) return '零'

    const digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']
    const smallUnits = ['', '拾', '佰', '仟']
    const bigUnits = ['', '万', '亿', '兆']

    const negative = n < 0
    const abs = Math.abs(n)
    const parts = abs.toString().split('.')
    const intStrRaw = parts[0]
    const decStrRaw = parts[1] || ''
    const s = intStrRaw
    const len = s.length

    let intPart = ''
    let zeroFlag = false
    for (let i = 0; i < len; i++) {
        const d = parseInt(s[i], 10)
        const pos = len - 1 - i
        const unitIdx = pos % 4
        const groupIdx = Math.floor(pos / 4)
        if (d !== 0) {
            if (zeroFlag) {
                intPart += digit[0]
                zeroFlag = false
            }
            intPart += digit[d] + smallUnits[unitIdx]
        } else {
            zeroFlag = true
        }
        if (unitIdx === 0) {
            const start = Math.max(0, len - (groupIdx + 1) * 4)
            const end = len - groupIdx * 4
            const groupDigits = s.slice(start, end)
            if (!/^0+$/.test(groupDigits)) {
                intPart += bigUnits[groupIdx] || ''
            }
        }
    }
    if (intPart === '') intPart = digit[0]

    let result = intPart
    if (decStrRaw) {
        const decChars = decStrRaw
            .split('')
            .map(c => digit[parseInt(c, 10)])
            .join('')
        result += '点' + decChars
    }
    return (negative ? '负' : '') + result
}
</script>

<style lang="scss" scoped>
.page {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.scroll {
    flex: 1;
    padding: 12rpx 0 200rpx !important;
}

.footer {
    z-index: 2;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 32rpx;
    padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
    background: #fff;
    box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);

    .btn {
        height: 80rpx;
        line-height: 80rpx;
        border-radius: 12rpx;
        font-size: 32rpx;
    }

    .submit {
        background: $theme-primary;
        color: #fff;
    }
}

::v-deep .uni-list {
    .uni-easyinput {
        display: flex;

        .uni-input-input {
            color: rgba(0, 0, 0, 0.9);
        }
    }

    .uni-input-placeholder {
        z-index: 1;
    }

    .uni-input-input {
        background-color: #ffffff;
    }

    background: transparent;

    &-item {
        &__extra-text {
            font-size: 32rpx;
        }

        &__content-title {
            font-size: 32rpx;
            color: rgba(0, 0, 0, 0.9);
        }

        &__container {
            padding: 32rpx;

            .uni-easyinput {
                &__placeholder-class {
                    font-size: 32rpx;
                    color: rgba(0, 0, 0, 0.4);
                }

                &__content {
                    border: none;
                    background-color: #ffffff !important;

                    &-input {
                        padding-left: 0 !important;
                        height: 48rpx;
                        line-height: 48rpx;
                        font-size: 32rpx;
                    }
                }
            }

            .item-title,
            .uni-list-item__content {
                flex: none;
                min-height: 48rpx;
                line-height: 48rpx;
                font-size: 32rpx;
                position: relative;
                width: 240rpx;
                margin-right: 32rpx;
                color: rgba(0, 0, 0, 0.9);

                .required {
                    color: red;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    left: -16rpx;
                }
            }
        }
    }
}

.readonly-text {
    color: rgba(0, 0, 0, 0.9);
    font-size: 32rpx;
    line-height: 48rpx;
    text-align: right;
    white-space: pre-wrap;
    word-break: break-all;
}

.value-code {
    width: 260rpx;
    text-align: left;
}

.sub-table,
.remark-section {
    margin-top: 20rpx;
    background: #fff;
}

.header {
    display: flex;
    align-items: center;
    padding: 24rpx 32rpx;
    border-bottom: 1rpx solid #f0f0f0;

    .opCollapse {
        width: 32rpx;
        height: 28rpx;
        margin-right: 16rpx;
        margin-top: 8rpx;
    }

    .title {
        font-size: 32rpx;
        color: rgba(0, 0, 0, 0.9);
        font-weight: 600;
        flex: 1;
    }

    .ops {
        display: flex;
        align-items: center;

        .upload-btn {
            height: 56rpx;
            line-height: 56rpx;
            padding: 0 24rpx;
            font-size: 26rpx;
            border-radius: 8rpx;
            background: $theme-primary;
            color: #fff;
        }
    }
}

.add-list {
    padding: 0 0 16rpx;

    .empty-tip {
        text-align: center;
        padding: 60rpx 0;
        color: rgba(0, 0, 0, 0.4);
        font-size: 28rpx;
    }

    .block {
        border-bottom: 1rpx solid #f0f0f0;

        &:last-child {
            border-bottom: none;
        }
    }
}

.section-content {
    padding: 32rpx;

    .empty-tip {
        text-align: center;
        padding: 40rpx 0;
        color: rgba(0, 0, 0, 0.4);
        font-size: 28rpx;
    }

    .file-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20rpx 24rpx;
        margin-bottom: 16rpx;
        background: #fafafa;
        border-radius: 8rpx;

        &:last-child {
            margin-bottom: 0;
        }

        .file-name {
            flex: 1;
            font-size: 28rpx;
            color: rgba(0, 0, 0, 0.9);
            word-break: break-all;
            margin-right: 20rpx;
        }

        .file-del {
            flex-shrink: 0;
            font-size: 26rpx;
            color: #d54941;
        }
    }
}

.form-group {
    margin: 24rpx 0 32rpx;

    .item-title {
        display: flex;
        align-items: center;
        font-size: 32rpx;
        color: rgba(0, 0, 0, 0.9);
        margin-bottom: 20rpx;
        position: relative;
        padding-left: 16rpx;

        .required {
            color: red;
            position: absolute;
            left: 0;
        }
    }
}

.remark-group {
    margin-bottom: 32rpx;

    &:last-child {
        margin-bottom: 0;
    }

    .remark-label {
        display: flex;
        align-items: center;
        font-size: 32rpx;
        color: rgba(0, 0, 0, 0.9);
        margin-bottom: 16rpx;
    }
}
</style>