talent_map/uniapp/pages/policy/score.vue

<template>

    <view>
        <!-- 头部背景和搜索 -->
        <view>
            <image src="/static/images/list-bg.png" class="top-image w-full" id="top-image" mode="widthFix"></image>
        </view>
        <!-- 搜索 -->
        <view class="content">
            <view class="flex row-center white lg bold">
                <u-icon name="checkmark-circle-fill" size="48"></u-icon>
                <view class="m-l-12">企业评测总得分：{{ score.totalScore }}</view>
            </view>
            <view class="flex row-center m-t-14 white">国家级高新技术企业认定创新能力测试</view>
            <view class="m-t-22 p-l-24 p-r-24">
                <view class="top-line"></view>
                <view class="list">
                    <view class="score-item bg-white p-t-18 p-l-24 p-r-24 p-b-34">
                        <view class="flex row-center text-center primary">
                            <view>综合得分达70分以上(不含70) 为符合认定要求，最终分数以专家评审为主</view>
                        </view>
                        <view class="divider-line"></view>
                        <view class="detail-title">
                            一、企业基本信息
                        </view>
                        <view class="content-box m-t-30">
                            <view class="detail-cell row-between u-border-bottom">
                                <view class="width75">
                                    企业名称
                                </view>
                                <view class="text-right flex-1 primary">
                                    <text>{{ score.basic.name }}</text>
                                </view>
                            </view>
                            <view class="detail-cell row-between u-border-bottom">
                                <view class="bold">
                                    企业成立日期
                                </view>
                                <view class="text-right flex-1 primary">
                                    <text>{{ score.basic.estdate }}</text>
                                </view>
                            </view>
                            <view class="detail-cell row-between u-border-bottom">
                                <view class="bold">
                                    企业注册地
                                </view>
                                <view class="text-right flex-1 primary">
                                    <text>{{ score.basic.address }}</text>
                                </view>
                            </view>
                            <view class="detail-cell row-between u-border-bottom">
                                <view class="bold">
                                    企业实际经营地
                                </view>
                                <view class="text-right flex-1 primary">
                                    <text>{{ score.basic.busAddress }}</text>
                                </view>
                            </view>
                            <view class="detail-cell row-between">
                                <view class="bold">
                                    企业有效l类知识产权数
                                </view>
                                <view class="text-right flex-1 primary">
                                    <text>{{ score.basic.propertyNumber }}</text>
                                </view>
                            </view>
                        </view>
                        <view class="divider-line"></view>
                        <view class="detail-title m-t-30">
                            二、知识产权（总分:30，获得 <text class="primary">{{ score.knowledgeVo.knowledgeTotalScore }}</text> 分）
                        </view>
                        <view class="content-box m-t-30  bj-w ">
                            <view class="detail-cell row-between u-border-bottom">
                                <view class="bold">
                                    技术的先进程度(8分)
                                </view>
                                <view class="text-right flex-1 primary">
                                    <text>{{ score.knowledgeVo.techniquesScore }}分</text>
                                </view>
                            </view>
                            <view class="detail-cell row-between u-border-bottom">
                                <view class="bold">
                                    对主要产品(服务)在技术上发挥核心支持作用(8分)
                                </view>
                                <view class="text-right flex-1 primary">
                                    <text>{{ score.knowledgeVo.effectScore }}分</text>
                                </view>
                            </view>
                            <view class="detail-cell row-between u-border-bottom">
                                <view class="bold">
                                    知识产权数量(8分)
                                </view>
                                <view class="text-right flex-1 primary">
                                    <text>{{ score.knowledgeVo.numberScore }}分</text>
                                </view>
                            </view>
                            <view class="detail-cell row-between u-border-bottom">
                                <view class="bold">
                                    知识产权获得方式(6分)
                                </view>
                                <view class="text-right flex-1 primary">
                                    <text>{{ score.knowledgeVo.modeScore }}分</text>
                                </view>
                            </view>
                            <view class="detail-cell row-between">
                                <view class="bold">
                                    企业参与编制国家标准、行业标准、检测方法、技术规范的情况(2分）
                                </view>
                                <view class="text-right flex-1 primary">
                                    <text>{{ score.knowledgeVo.standardScore }}分</text>
                                </view>
                            </view>
                        </view>
                        <view class="divider-line"></view>
                        <view class="detail-title m-t-30">
                            三、科技成果转化能力（总分:30，获得 <text class="primary">{{ score.techniquesAchieveScore }}</text>分）
                        </view>
                        <view class="divider-line"></view>
                        <view class="detail-title m-t-30">
                            四、研究开发组织管理水平（总分:20，获得 <text class="primary">{{ score.manageLevelScore }}</text>分）
                        </view>
                        <view class="divider-line"></view>
                        <view class="detail-title m-t-30">
                            五、企业成长性（总分:20，获得<text class="primary">{{ score.enterpriseGrowthVo.totalScore }}</text>分）
                        </view>
                        <view class="detail-cell row-between u-border-bottom">
                            <view class="bold">
                                净资产增长率得分(10分)
                            </view>
                            <view class="text-right flex-1 primary">
                                <text>{{ score.enterpriseGrowthVo.growthRateScore }}分</text>
                            </view>
                        </view>
                        <view class="detail-cell row-between">
                            <view class="bold">
                                销售收入增长率得分(10分)
                            </view>
                            <view class="text-right flex-1 primary">
                                <text>{{ score.enterpriseGrowthVo.saleRateScore }}分</text>
                            </view>
                        </view>

                    </view>

                    <view class="flex row-center m-t-44 m-b-44">
                        <navigator class="user-logout flex col-center row-center white" open-type="navigateBack">
                            <view class="m-r-12">重新测评</view>
                        </navigator>
                    </view>

                </view>


            </view>
        </view>
    </view>

</template>

<script>
    import {
        mapGetters,
        mapActions
    } from 'vuex'
    import {
        pxToRpx
    } from '@/utils/tools'
    const app = getApp()
    const homeItem = {
        name: '首页'
    }
    export default {
        data() {
            return {
            }
        },
        onLoad(option) {
             this.score = uni.getStorageSync('enterpriseScore');
             console.log(this.score)
        },
        onShow() {
            // this.getHomeFun();
            // this.getUser();
        },
        onHide() {},
        onPullDownRefresh() {
        //     this.getUser().then(() => {
        //         uni.stopPullDownRefresh();
        //     })
        },
        methods: {
            // ...mapActions(['getUser']),
            // 改变当前的Tabs位置
            changeTab(index) {
                this.currentTab = index;
            },
            changeTag(index) {
                this.activeIndex = index;
            },
        },
        computed: {

            ...mapGetters(['appConfig']),
        }
    }
</script>

<style lang="less" scoped>
    .huodong-details {
        padding-bottom: calc(200rpx + env(safe-area-inset-bottom));
    }

    .content {
        position: absolute;
        top: 54rpx;
        width: 100%;

        .detail {
            background: #F7F7F7;
            border-radius: 0rpx 0rpx 0rpx 0rpx;
            margin: 24rpx 0;
            padding: 24rpx;
        }


        .divider-line {
            width: 100%;
            height: 0rpx;
            opacity: 1;
            border: 1rpx dashed #C0C4CC;
            margin: 38rpx 0;
        }

        .top-line {
            width: 100%;
            height: 24rpx;
            background: #DD4250;
            border-radius: 10rpx 10rpx 10rpx 10rpx;
            opacity: 1;
            border: 2rpx solid #B50818;
        }

        .list {
            margin-top: -12rpx;
            padding: 0 20rpx;

            .score-item {
                box-shadow: 0rpx 8rpx 16rpx 2rpx rgba(0, 0, 0, 0.03);
                border-radius: 0rpx 0rpx 18rpx 18rpx;
            }
        }

        .tag-item {
            margin: 8rpx;
            padding: 16rpx 28rpx;
            background: #F7F8FA;
            border-radius: 8rpx 8rpx 8rpx 8rpx;
            opacity: 1;
        }


        .tat-active {
            color: #FFFFFF;
            background: #DD4250;
            border-radius: 8rpx 8rpx 8rpx 8rpx;
        }

        .user-logout {
            width: 100%;
            height: 88rpx;
            background: #DD4250;
            box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(243, 113, 113, 0.39);
            border-radius: 18rpx 18rpx 18rpx 18rpx;
            opacity: 1;
        }
    }

    .details-images {
        height: 408rpx;
        border-radius: 20rpx;
        overflow: hidden;
        width: 100%;

        image {
            width: 100%;
            height: 100%;
        }
    }

    .detail-title {
        // font-size: 36rpx;
        font-weight: bold;
        // padding: 30rpx 0;
    }

    .detail-cell {
        display: flex;
        // align-items: center;
        padding: 30rpx 0;

        .cell-img {
            padding: 5rpx 0;

            image {
                width: 48rpx;
                height: 48rpx;
                display: block
            }
        }

    }

    // .muted {
    //     color: #989898;
    //     padding-left: 10rpx;
    // }

    .detail-biaoti {
        // font-size: 36rpx;
        height: 88rpx;
        line-height: 88rpx;
    }

    .bj-w {
        background-color: #fff;
    }

    .padding-30 {
        padding: 0 30rpx !important;

    }

    .content-box {
        padding: 0 24rpx;

        input {
            font-size: 28rpx;
        }

        textarea {
            width: 100%;
            height: 100rpx;
            font-size: 28rpx;
        }
    }

    .btn-r-border {
        position: relative;

        &::after {
            content: ' ';
            width: 1rpx;
            height: 36rpx;
            background-color: #CCCCCC;
            right: 0;
            top: 50%;
            margin-top: -18rpx;
            position: absolute;
        }
    }

    .width75 {
        width: 150rpx;
        font-weight: bold;
    }
</style>


<style lang="scss">
    .footer {
        left: 0%;
        bottom: 150rpx;
        width: 100%;
        padding: 0 24rpx;
        position: fixed;
        z-index: 99;

        .btn {
            height: 84rpx;
            line-height: 84rpx;
            background-color: $-color-primary;
            box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(243, 113, 113, 0.39);
            border-radius: 18rpx 18rpx 18rpx 18rpx;
        }
    }

    page {
        padding: 0;
    }

    .talent-tab {
        .title {
            font-size: 36rpx;
            font-weight: 400;
            color: #333333;
        }
    }
</style>