<template>
    <view class="approval" style="padding-left: 40rpx;">
        <tui-list-cell :unlined="true" :hover="false" :arrow="false">
            <view class="base-item">
                <view class="label"> 生产 </view>
                <view class="content"> 已安排生产 </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"> {{ productionInfo && productionInfo.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"> {{ productionInfo && productionInfo.replier_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"> {{ productionInfo && productionInfo.create_time }} </view>
            </view>
        </tui-list-cell>
        <image class="pass" src="/static/images/sxlq/applyPass.png" mode=""></image>
    </view>
</template>
<script>
export default {
    props: ["productionInfo"],
};
</script>
<style lang="scss" scoped>
.approval {
    position: relative;

    .pass {
        position: absolute;
        top: 50rpx;
        right: 50rpx;
        width: 100rpx;
        height: 100rpx;
    }
}
::v-deep .tui-input__wrap {
    // height: 60rpx;
    padding-top: 0rpx !important;
    padding-bottom: 0rpx !important;
}
::v-deep .tui-list-cell {
  // height: 60rpx;
  padding-top: 0rpx !important;
  padding-bottom: 0rpx !important;
}
.base-item {
  margin-top: 20rpx;
}
::v-deep .base-item {
    display: flex;
    height: 100%;

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

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