<template>
    <view class="modify" style="padding-left: 40rpx;">
        <tui-list-cell :unlined="true" :hover="false" :arrow="false">
            <view class="base-item">
                <view class="label"> 签收方式 </view>
                <view class="content">
                    <text v-if="application.signs_detail_info && application.signs_detail_info.length">明细签收</text>
                    <text v-else>总量签收</text>
                </view>
            </view>
        </tui-list-cell>
        <view v-if="application.signed_total_amount !== application.modify_info.signed_total_amount">
            <tui-list-cell :unlined="true" :hover="false" :arrow="false">
                <view class="base-item">
                    <view class="label"> 签收总量 </view>
                    <view class="content"> {{ application.signed_total_amount }} </view>
                </view>
            </tui-list-cell>
            <tui-list-cell :unlined="true" :hover="false" :arrow="false">
                <view class="base-item">
                    <view class="label"> 签收修改量 </view>
                    <view class="content"> {{ modifyInfo.signed_total_amount }} </view>
                </view>
            </tui-list-cell>
        </view>
        <view v-if="application.complete_design_amount !== application.modify_info.complete_design_amount">
            <tui-list-cell :unlined="true" :hover="false" :arrow="false">
                <view class="base-item">
                    <view class="label"> 完成设计量 </view>
                    <view class="content"> {{ application.complete_design_amount }} m³ </view>
                </view>
            </tui-list-cell>
            <tui-list-cell :unlined="true" :hover="false" :arrow="false">
                <view class="base-item">
                    <view class="label"> 完成设计修改量 </view>
                    <view class="content"> {{ modifyInfo.complete_design_amount }} m³</view>
                </view>
            </tui-list-cell>
        </view>
        <view v-if="application.complete_end_position !== application.modify_info.complete_end_position">
            <tui-list-cell :unlined="true" :hover="false" :arrow="false">
                <view class="base-item">
                    <view class="label"> 终止里程 </view>
                    <view class="content"> {{ application.complete_end_position }} </view>
                </view>
            </tui-list-cell>
            <tui-list-cell :unlined="true" :hover="false" :arrow="false">
                <view class="base-item">
                    <view class="label"> 终止修改里程 </view>
                    <view class="content"> {{ modifyInfo.complete_end_position }} </view>
                </view>
            </tui-list-cell>
        </view>
        <tui-list-cell :unlined="true" :hover="false" :arrow="false">
            <view class="base-item">
                <view class="label"> 签收修改人 </view>
                <view class="content"> {{ modifyInfo.modifier_info && modifyInfo.modifier_info.name }} </view>
            </view>
        </tui-list-cell>
        <tui-list-cell :unlined="true" :hover="false" :arrow="false">
            <view class="base-item">
                <view class="label"> 审核人 </view>
                <view class="content"> {{ modifyInfo.verifier_info && modifyInfo.verifier_info.name }} </view>
            </view>
        </tui-list-cell>
        <tui-list-cell :unlined="true" :hover="false" :arrow="false">
            <view class="base-item">
                <view class="label"> 是否同意 </view>
                <view class="content"> {{ modifyInfo.is_pass ? "同意" : "驳回" }} </view>
            </view>
        </tui-list-cell>
        <tui-list-cell :unlined="true" :hover="false" :arrow="false">
            <view class="base-item">
                <view class="label"> 审核意见 </view>
                <view class="content"> {{ modifyInfo.opinion }} </view>
            </view>
        </tui-list-cell>
        <tui-list-cell :unlined="true" :hover="false" :arrow="false">
            <view class="base-item">
                <view class="label"> 审核时间 </view>
                <view class="content"> {{ modifyInfo.create_time }} </view>
            </view>
        </tui-list-cell>
        <image v-if="modifyInfo.is_pass" class="pass" src="/static/images/sxlq/applyPass.png" mode=""></image>
    </view>
</template>
<script>
export default {
    props: ["application", "modifyInfo"],
};
</script>
<style lang="scss">
.modify {
    position: relative;

    .pass {
        position: absolute;
        top: 50rpx;
        right: 50rpx;
        width: 100rpx;
        height: 100rpx;
    }
}

::v-deep .base-item {
    display: flex;
    height: 100%;

    .label {
        width: 200rpx;
        font-size: 28rpx;
    }

    .content {
        margin-left: 50rpx;
        font-size: 28rpx;
    }
}
</style>
