talent_map/pc/pages/policy/index.vue

<template>

    <div>
        <!-- tab -->
        <div class="flex row-center m-t-60">
            <div class="tab-item" :class="{ 'tat-active': currentTab==0 }" @click="changeTab(0)">我是人才</div>
            <div class="tab-item" :class="{ 'tat-active': currentTab==1 }" @click="changeTab(1)">我是企业</div>
        </div>

        <!-- 我是人才 -->
        <div class="m-t-40 talent-tab" v-if="currentTab == 0">
            <div v-if="showType">
                <div class="title flex">
                    <div class="title-left"></div>
                    <div class="m-l-16">您所从事的行业</div>
                </div>
                <div class="flex flex-wrap row-center">
                    <div class="m-t-40" v-for="(item,index) in talentTypeList" :key="index" @click="showType = false">
                        <img :src="item.image" width="380px" style="margin: 28px 20px;" mode="widthFix"></img>
                    </div>
                </div>
            </div>
            <div v-else>
                <div v-if="showPolicy == false">
                    <div class="title flex">
                        <div class="title-left"></div>
                        <div class="m-l-16">人才信息填写</div>
                    </div>

                    <div class="content-box bg-white m-t-30">
                        <div class="flex">
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">您来自哪里</div>
                                <div class="flex-2 m-l-15">
                                    <el-radio v-model="radio" label="1">中国大陆</el-radio>
                                    <el-radio v-model="radio" label="2">中国台湾</el-radio>
                                    <el-radio v-model="radio" label="3">其他</el-radio>
                                </div>
                            </div>
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">您的职务</div>
                                <div class="flex-2">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入">
                                </div>
                            </div>
                        </div>

                        <div class="flex m-t-18">
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">您的学历</div>
                                <div class="flex-2 m-l-15">
                                    <el-radio v-model="radio" label="1">本科</el-radio>
                                    <el-radio v-model="radio" label="2">硕士</el-radio>
                                    <el-radio v-model="radio" label="3">博士</el-radio>
                                </div>
                            </div>
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">称号奖章</div>
                                <div class="flex-2">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入">
                                </div>
                            </div>
                        </div>
                        <div class="flex m-t-18">
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">您的职称</div>
                                <div class="flex-2 m-l-15">
                                    <el-radio v-model="radio" label="1">初级</el-radio>
                                    <el-radio v-model="radio" label="2">中级</el-radio>
                                    <el-radio v-model="radio" label="3">高级</el-radio>
                                    <el-radio v-model="radio" label="4">无</el-radio>
                                </div>
                            </div>
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">专业技术领域</div>
                                <div class="flex-2">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入">
                                </div>
                            </div>
                        </div>
                        <div class="flex m-t-18">
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">您的年龄</div>
                                <div class="flex-2 m-l-15">
                                    <el-radio v-model="radio" label="1">30周岁以下</el-radio>
                                    <el-radio v-model="radio" label="2">40周岁以下</el-radio>
                                    <el-radio v-model="radio" label="3">55周岁以下</el-radio>
                                </div>
                            </div>
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">专业技术领域工作年限</div>
                                <div class="flex-2">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入">
                                </div>
                            </div>
                        </div>
                        <div class="flex m-t-18">
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">您的薪酬</div>
                                <div class="flex-2 flex">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入">
                                    <div class="m-l-8 m-r-8 primary" style="font-size: 20rpx;">（22年社平工资为124463元）</div>
                                </div>
                            </div>
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">重大奖项</div>
                                <div class="flex-2 flex">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入">
                                </div>
                            </div>
                        </div>

                        <div class="flex m-t-18">
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">验证码</div>
                                <div class="flex-2 flex ">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入">
                                    <img src="https://jiangzi.xin/coffee/login/captcha?" mode="heightFix"
                                        style="height: 54rpx;" class=m-l-10></img>
                                </div>
                            </div>
                            <div class="flex-1 flex row-center">
                            </div>
                        </div>
                    </div>

                    <div class="flex row-center m-t-35">
                        <el-button type="primary" class="white btn lg submit-btn"
                            @click="handleConsult">提交匹配</el-button>
                    </div>
                </div>
                <!-- 匹配结果 -->
                <div class="pilicy-list p-30" v-else>
                    <div style="background: #FDF2F4;">
                        <div style="height: 230px;background-size: 100% 100%;" :style="{
                       'background-image': `url(${policyResultBg})`}">
                            <div class="flex flex-col row-center p-t-45">
                                <div style="font-size: 28px;font-weight: 500;color: #DD4250;">亲爱的用户，为您匹配如下人才政策</div>
                            </div>
                        </div>
                        <div class="p-30" style="margin-top: -100px;">
                            <div class="bg-white p-t-25 p-b-25 p-l-50 p-r-50">
                                <div style="font-size: 20px;font-weight: 500;color: #303133;">您可能符合的人才类型:</div>
                                <!-- 标签 -->
                                <div class="flex flex-wrap m-t-20">
                                    <div class="tag-item" :class="{ 'tat-active': activeIndex == index }"
                                        v-for="(item, index) in policyList" :key="index" @click="changeTag(index)">
                                        {{ item.type }}
                                    </div>
                                </div>
                            </div>

                            <div class="bg-white p-t-25 p-b-25 p-l-50 p-r-50 m-t-25">
                                <!-- 政策详情 -->
                                <div v-for="(item, index) in policyList" :key="index" v-if="activeIndex == index">
                                    <div style="font-size: 20px;font-weight: 500;color: #303133;">{{item.type}}详情:
                                    </div>
                                    <div class="detail m-t-20">{{ item.content }}</div>
                                    <div class="flex m-t-20">
                                        <div class="user-logout flex col-center row-center white"
                                            to="/pages/policy/detail">
                                            <div class="m-r-12">{{ item.title }}</div>
                                            <i class="el-icon-caret-right"></i>
                                            <!-- <u-icon name="arrow-rightward" size="28"></u-icon> -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="flex row-center m-t-100">
                <div class="flex-col col-center policy-hot">
                    <div class="flex">
                        <img src="images/icon-hot.png" style="height: 29px;"></img>
                        <div class="hot-title">热门政策</div>
                    </div>
                    <div class="flex flex-wrap m-t-30">
                        <div class="m-b-15 m-r-26" v-for="(item, index) in hotList">
                            <el-tag type="info" color="#F7F8FA">{{ item }}</el-tag>
                        </div>
                    </div>

                    <div class="hot-title m-t-15">省、市政策</div>
                    <div class="flex flex-wrap m-t-30">
                        <div class="m-b-15 m-r-26" v-for="(item, index) in hotList">
                            <el-tag type="info" color="#F7F8FA">{{ item }}</el-tag>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <!-- 我是企业 -->
        <div class="m-t-40" v-if="currentTab == 1">
            <div class="" v-if="showCompany">

                <div>
                    <div class="detail-title flex">
                        <div class="title-left"></div>
                        <div class="m-l-16">一、企业基本信息</div>
                    </div>
                    <div class="content-box bg-white m-t-30">
                        <div class="flex">
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">企业名称</div>
                                <div class="flex-2">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入企业名称">
                                </div>
                            </div>
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">企业成立日期</div>
                                <div class="flex-2">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入企业成立日期">
                                </div>
                            </div>
                        </div>

                        <div class="flex m-t-18">
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">企业注册地</div>
                                <div class="flex-2">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入企业注册地">
                                </div>
                            </div>
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">企业实际经营地</div>
                                <div class="flex-2">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入企业实际经营地">
                                </div>
                            </div>
                        </div>
                        <div class="flex m-t-18">
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">企业有效l类知识产权数</div>
                                <div class="flex-2">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入l类知识产权数">
                                </div>
                            </div>
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">有效、高企认定中未使用过的II类知识产权数</div>
                                <div class="flex-2">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入II类知识产权数">
                                </div>
                            </div>
                        </div>
                        <div class="flex m-t-18">
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">知识产权获取方式</div>
                                <div class="flex-2 m-l-15">
                                    <el-radio v-model="radio" label="1">自主研发</el-radio>
                                    <el-radio v-model="radio" label="2">仅有受让、受赠和并购等</el-radio>
                                </div>
                            </div>
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">企业参与编制国家标准、行业标准、检测方法、技术规范的情况</div>

                                <div class="flex-2 m-l-15">
                                    <el-radio v-model="radio" label="1">是</el-radio>
                                    <el-radio v-model="radio" label="2">否</el-radio>
                                </div>
                            </div>
                        </div>
                        <div class="flex m-t-18">
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">科技成果数</div>
                                <div class="flex-2 flex">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入科技成果数">
                                    <div class="m-l-8 m-r-8 primary" style="font-size: 20rpx;">科技成果数有效期提示</div>
                                    <i class="el-icon-info"></i>
                                </div>
                            </div>
                            <div class="flex-1 flex row-center">
                            </div>
                        </div>

                    </div>

                    <div class="detail-title flex m-t-30">
                        <div class="title-left"></div>
                        <div class="m-l-16">二、研发组织管理水平评测(多选)</div>
                    </div>
                    <div class="content-box m-t-30  bj-w ">

                        <!-- <u-checkbox-group shape="circle" active-color="#DD4250" wrap="true"
	                        @change="checkboxGroupChange">
	                        <div class="m-t-15 m-b-15" v-for="(item, index) in testList" :key="index">
	                            <u-checkbox @change="checkboxChange" v-model="item.checked"
	                                :name="item.name">{{item.name}}</u-checkbox>
	                        </div>
	                    </u-checkbox-group> -->
                        <div class="flex">
                            <el-checkbox v-model="checked1" class="flex-1" label="1.制定了企业研究开发的组织管理制度"
                                border></el-checkbox>
                            <el-checkbox v-model="checked2" class="flex-1" label="2.建立了研发投入核算体系" border></el-checkbox>
                            <el-checkbox v-model="checked3" class="flex-1" label="3.编制了研发费用辅组账" border></el-checkbox>
                        </div>
                        <div class="flex m-t-15">
                            <el-checkbox v-model="checked4" class="flex-1" label="4.设立了内部科学技术研究开发机构并具备相应的科"
                                border></el-checkbox>
                            <el-checkbox v-model="checked5" class="flex-1" label="5.与国内外研究开发机构开展多种形式产学研合作"
                                border></el-checkbox>
                            <el-checkbox v-model="checked6" class="flex-1" label="6.建立了科技成果转化的组织实施与激励奖励制度"
                                border></el-checkbox>
                        </div>
                        <div class="flex m-t-15">
                            <el-checkbox v-model="checked7" class="flex-1" label="7.建立开放式的创新创业平台" border
                                size="medium"></el-checkbox>
                            <el-checkbox v-model="checked8" class="flex-1" label="8.建立了科技人员的培养进修制度" border
                                size="medium"></el-checkbox>
                            <el-checkbox v-model="checked9" class="flex-1" label="9.建立了职工技能培训制度" border
                                size="medium"></el-checkbox>
                        </div>
                    </div>
                    <div class="detail-title flex m-t-30">
                        <div class="title-left"></div>
                        <div class="m-l-16"> 三、企业成长性评测</div>
                    </div>
                    <div class="content-box m-t-30  bj-w ">

                        <div class="flex">
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">第一年<span class="m-l-20">净资产</span></div>
                                <div class="flex-2">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入">（万元）
                                </div>
                            </div>
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">销售收入</div>
                                <div class="flex-2">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入">（万元）
                                </div>
                            </div>
                        </div>
                        <div class="flex m-t-15">
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">第二年<span class="m-l-20">净资产</span></div>
                                <div class="flex-2">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入">（万元）
                                </div>
                            </div>
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">销售收入</div>
                                <div class="flex-2">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入">（万元）
                                </div>
                            </div>
                        </div>
                        <div class="flex m-t-15">
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">第三年<span class="m-l-20">净资产</span></div>
                                <div class="flex-2">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入">（万元）
                                </div>
                            </div>
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">销售收入</div>
                                <div class="flex-2">
                                    <input type="text" class="m-l-15" v-model="info.title" placeholder="请输入">（万元）
                                </div>
                            </div>
                        </div>
                        <div class="flex m-t-15">
                            <div class="flex-1 flex row-center">
                                <div class="flex-1 text-right">验证码</span></div>
                                <div class="flex-2 flex m-l-15">
                                    <input type="text" v-model="info.title" placeholder="请输入">
                                    <img src="https://jiangzi.xin/coffee/login/captcha?" mode="heightFix"
                                        style="height: 54rpx;" class=m-l-10></img>
                                </div>
                            </div>
                            <div class="flex-1 flex row-center">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="flex row-center m-t-30">
                    <el-button type="primary" class="white btn lg submit-btn" @click="handleConsult">提交测评</el-button>
                </div>
            </div>

            <!-- 匹配结果 -->
            <div class="pilicy-list p-30" v-else>
                <div style="background: #FDF2F4;">
                    <div style="height: 230px;background-size: 100% 100%;" :style="{
                   'background-image': `url(${policyResultBg})`}">
                        <div class="flex flex-col row-center p-t-45">
                            <div style="font-size: 28px;font-weight: 500;color: #DD4250;">国家级高新技术企业认定创新能力测试</div>
                        </div>
                    </div>
                    <div class="p-30" style="margin-top: -100px;">
                        <div class="bg-white p-t-25 p-b-25 p-l-50 p-r-50 text-center">
                            <div style="font-size: 20px;font-weight: 500;color: #303133;">企业评测总得分</div>
                            <div style="font-size: 48px;color: #DD4250;">100</div>
                            <div style="font-size: 16px;color: #DD4250;">综合得分达70分以上(不含70) 为符合认定要求，最终分数以专家评审为主</div>
                        </div>

                        <div class="bg-white p-t-25 p-b-25 p-l-50 p-r-50 m-t-25">
                            <div class="detail-title flex">
                                <div class="title-left"></div>
                                <div class="m-l-16">企业基本信息</div>
                            </div>
                            <div class="content-box bg-white m-t-30">
                                <div class="flex">
                                    <div class="flex-1 flex row-center">
                                        <div class="flex-1">企业名称：福建省晋江人力资本有限公司</div>
                                    </div>
                                    <div class="flex-1 flex row-center">
                                        <div class="flex-1">企业成立日期：1990-10-1</div>
                                    </div>
                                </div>

                                <div class="flex m-t-18">
                                    <div class="flex-1 flex row-center">
                                        <div class="flex-1">企业注册地：晋江</div>
                                    </div>
                                    <div class="flex-1 flex row-center">
                                        <div class="flex-1">企业实际经营地：晋江</div>
                                    </div>
                                </div>
                                <div class="flex m-t-18">
                                    <div class="flex-1 flex row-center">
                                        <div class="flex-1">企业有效l类知识产权数：100</div>
                                    </div>
                                    <div class="flex-1 flex row-center">
                                        <div class="flex-1">有效、高企认定中未使用过的II类知识产权数：100</div>
                                    </div>
                                </div>
                                <div class="flex m-t-18">
                                    <div class="flex-1 flex row-center">
                                        <div class="flex-1">知识产权获取方式：自主研发</div>
                                    </div>
                                    <div class="flex-1 flex row-center">
                                        <div class="flex-1">企业参与编制国家标准、行业标准、检测方法、技术规范的情况：是</div>
                                    </div>
                                </div>
                                <!-- <div class="flex m-t-18">
                                    <div class="flex-1 flex row-center">
                                        <div class="flex-1 text-right">科技成果数</div>
                                        <div class="flex-2 flex">
                                            <input type="text" class="m-l-15" v-model="info.title"
                                                placeholder="请输入科技成果数">
                                            <div class="m-l-8 m-r-8 primary" style="font-size: 20rpx;">科技成果数有效期提示</div>
                                            <i class="el-icon-info"></i>
                                        </div>
                                    </div>
                                    <div class="flex-1 flex row-center">
                                    </div>
                                </div> -->

                            </div>

                            <div class="detail-title flex m-t-30">
                                <div class="title-left"></div>
                                <div class="m-l-16">知识产权 （总分：30， 获得 30 分）</div>
                            </div>
                            <div class="content-box m-t-30  bj-w ">

                                <div class="flex">
                                    <div class="flex-1 flex row-center">
                                        <div class="flex-1">技术的先进程度(8分)</div>
                                        <div class="flex-1">得分：8分</div>
                                    </div>
                                    <div class="flex-1 flex row-center">
                                        <div class="flex-1">对主要产品(服务)在技术上发挥核心支持作用(8分)</div>
                                        <div class="flex-1">得分：8分</div>
                                    </div>
                                </div>
                                <div class="flex m-t-18">
                                    <div class="flex-1 flex row-center">
                                        <div class="flex-1">知识产权数量(8分)</div>
                                        <div class="flex-1">得分：8分</div>
                                    </div>
                                    <div class="flex-1 flex row-center">
                                        <div class="flex-1">对主要产品(服务)在技术上发挥核心支持作用(8分)</div>
                                        <div class="flex-1">得分：8分</div>
                                    </div>
                                </div>
                                <div class="flex m-t-18">
                                    <div class="flex-1 flex row-center">
                                        <div class="flex-1">技术的先进程度(8分)</div>
                                        <div class="flex-1">得分：8分</div>
                                    </div>
                                    <div class="flex-1 flex row-center">
                                        <div class="flex-1">知识产权获得方式(6分)</div>
                                        <div class="flex-1">得分：8分</div>
                                    </div>
                                </div>
                                <div class="flex m-t-18">
                                    <div class="flex-1 flex row-center">
                                        <div class="flex-1">企业参与编制国家标准、行业标准、 检测方法、技术规范的情况(2分）</div>
                                        <div class="flex-1">得分：8分</div>
                                    </div>
                                    <div class="flex-1 flex row-center">
                                    </div>
                                </div>

                            </div>
                            <div class="detail-title flex m-t-30">
                                <div class="title-left"></div>
                                <div class="m-l-16"> 科技成果转化能力（总分:30，获得 30 分）</div>
                            </div>
                            <div class="detail-title flex m-t-30">
                                <div class="title-left"></div>
                                <div class="m-l-16"> 研究开发组织管理水平（总分:20，获得 20 分）</div>
                            </div>
                            <div class="detail-title flex m-t-30">
                                <div class="title-left"></div>
                                <div class="m-l-16"> 企业成长性（总分:20，获得 20 分）</div>
                            </div>
                            <div class="content-box bg-white m-t-30">
                                <div class="flex">
                                    <div class="flex-1 flex row-center">
                                        <div class="flex-1">净资产增长率得分(10分)</div>
                                        <div class="flex-1">得分：8分</div>
                                    </div>
                                    <div class="flex-1 flex row-center">
                                        <div class="flex-1">销售收入增长率得分(10分)</div>
                                        <div class="flex-1">得分：8分</div>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="flex row-center m-t-30">
                            <el-button type="primary" class="white btn lg submit-btn"
                                @click="showCompany = true">重新测评</el-button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import {
        mapState
    } from 'vuex'
    export default {
        head() {
            return {
                title: this.$store.getters.headTitle,
                link: [{
                    rel: 'icon',
                    type: 'image/x-icon',
                    href: this.$store.getters.favicon,
                }, ],
            }
        },

        layout: 'policy',
        data() {
            return {
                typeList: [{
                    name: '我是人才',
                }, {
                    name: '我是企业',
                }],
                showType: true,
                showPolicy: false,
                showCompany: true,
                policyResultBg: 'images/policy-result-bg.png',
                currentTab: 0,
                talentTypeList: [{
                    'image': 'images/type-1.png'
                }, {
                    'image': 'images/type-2.png'
                }, {
                    'image': 'images/type-3.png'
                }, {
                    'image': 'images/type-4.png'
                }, ],
                radio: '1',
                info: {
                    category_id: 0,
                    title: '',
                    tel: '',
                    address: '',
                    chain: '',
                    module: '',
                    intro: '',
                    principal: '',
                },
                activeIndex: 0,
                policyList: [{
                    type: '毕业生政策',
                    content: "毕业生政策对2021年7月1日起受聘于企事业单位(不含参公事业单位)的新引进的全日制毕业生，按照博士（不超过40周岁）每人8万元，硕士（不超过35周岁）每人5万元，“双一流”建设高校（学科）及世界最新排名前200名大学本科（不超过30周岁）每人3万元，其他高校应届本科每人1万元进行发放。",
                    title: "毕业生政策"
                }, {
                    type: '杰出青年',
                    content: "杰出青年对2021年7月1日起受聘于企事业单位(不含参公事业单位)的新引进的全日制毕业生，按照博士（不超过40周岁）每人8万元，硕士（不超过35周岁）每人5万元，“双一流”建设高校（学科）及世界最新排名前200名大学本科（不超过30周岁）每人3万元，其他高校应届本科每人1万元进行发放。",
                    title: "杰出青年"
                }, {
                    type: '重点产业紧缺',
                    content: "重点产业紧缺对2021年7月1日起受聘于企事业单位(不含参公事业单位)的新引进的全日制毕业生，按照博士（不超过40周岁）每人8万元，硕士（不超过35周岁）每人5万元，“双一流”建设高校（学科）及世界最新排名前200名大学本科（不超过30周岁）每人3万元，其他高校应届本科每人1万元进行发放。",
                    title: "重点产业紧缺"
                }, {
                    type: '人才放、保障房',
                    content: "人才放、保障房对2021年7月1日起受聘于企事业单位(不含参公事业单位)的新引进的全日制毕业生，按照博士（不超过40周岁）每人8万元，硕士（不超过35周岁）每人5万元，“双一流”建设高校（学科）及世界最新排名前200名大学本科（不超过30周岁）每人3万元，其他高校应届本科每人1万元进行发放。",
                    title: "人才放、保障房"
                }],

                testList: [{
                        name: '1、制定了企业研究开发的组织管理制度',
                    },
                    {
                        name: '2、建立了研发投入核算体系',
                    },
                    {
                        name: '3、编制了研发费用辅组账',
                    },
                    {
                        name: '4、设立了内部科学技术研究开发机构并具备相应的科技',
                    },
                    {
                        name: '5、与国内外研究开发机构开展多种形式产学研合作',
                    }
                ],
                hotList: [
                    '毕业生政策',
                    '毕业生政策',
                    '毕业生政策',
                    '毕业生政策',
                    '毕业生政策',
                    '毕业生政策',
                    '毕业生政策',
                    '毕业生政策',
                ],
                top: 172
            }
        },
        created() {
            // this.getHomeFun();
            // this.getUser();
        },
        methods: {
            // ...mapActions(['getUser']),
            // 改变当前的Tabs位置
            changeTab(index) {
                this.currentTab = index;
                if (this.currentTab == 0) {
                    this.showType = true
                    this.showPolicy = false
                }
                if (this.currentTab == 1) {
                    this.showCompany = true
                }
            },
            changeTag(index) {
                this.activeIndex = index;
            },
            handleConsult() {
                // uni.navigateTo({
                //     url: '/pages/policy/score'
                // })
                if (this.currentTab == 0) {
                    this.showPolicy = true
                }
                if (this.currentTab == 1) {
                    this.showCompany = false
                }
            },
        },
        computed: {

            ...mapState(['config']),
        }
    }
</script>

<style lang="scss">
    body {
        background-color: #fff;
    }

    page {
        padding: 0;
    }

    .huodong-details {
        // padding-bottom: calc(200rpx + env(safe-area-inset-bottom));
    }

    .tab-item {
        padding: 18px 80px;
        background: #fff;
        color: #303133;
        border: 1px solid #BBBCC5;
    }

    .tab-item:first-child {
        border-radius: 10px 0px 0px 10px;
    }

    .tab-item:last-child {
        border-radius: 0px 10px 10px 0px;
    }

    .tat-active {
        background: linear-gradient(90deg, #DD4250 0%, #F87D81 100%);
        color: #fff;
        border: 1px solid #F87D81;
    }

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

        img {
            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;

            img {
                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;
        box-shadow: 0rpx 8rpx 16rpx 2rpx rgba(0, 0, 0, 0.03);
        border-radius: 12rpx 12rpx 12rpx 12rpx;

        input {
            font-size: 28rpx;
            background: #FFFFFF;
            border-radius: 2px 2px 2px 2px;
            border: 1px solid #DCDFE6;
            padding: 8px 10px;
        }

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

    .footer {
        left: 0%;
        bottom: 150rpx;
        width: 100%;
        padding: 0 24rpx;
        position: fixed;
        z-index: 99;


    }



    .talent-tab {}

    .title,
    .detail-title {
        font-size: 20px;
        font-family: Source Han Sans SC-Normal, Source Han Sans SC;
        font-weight: 400;
        color: #DD4250;
        background: #FFF9FA;
        padding: 16px 20px;

        .title-left {
            width: 6px;
            height: 22px;
            background: #DD4250;
            border-radius: 4px 4px 4px 4px;
            opacity: 1;
        }
    }

    .policy-hot {
        background: url('/pc/images/policy-hot.png');
        background-size: 100% 100%;
        height: 409px;
        width: 723px;
        padding: 50px;

        .hot-title {
            font-size: 24px;
            font-family: Source Han Sans SC-Medium, Source Han Sans SC;
            font-weight: 500;
            color: #DD4250;
            margin-left: 16px;
        }
    }

    .submit-btn {
        background: #DD4250;
        box-shadow: 0px 3px 6px 1px rgba(243, 113, 113, 0.39);
        border-radius: 9px 9px 9px 9px;
        padding: 18px 100px;
    }

    .pilicy-list {
        background: #FFFFFF;
        border-radius: 5px 5px 5px 5px;
        border: 5px solid #FFEFF2;
    }

    .tag-item {
        margin: 4px;
        padding: 8px 14px;
        background: #F7F8FA;
        border-radius: 4px;
        cursor: pointer;
    }


    .tat-active {
        color: #FFFFFF;
        background: #DD4250;
        border-radius: 4px;
    }

    .user-logout {
        padding: 6px 16px;
        background: #DD4250;
        box-shadow: 0 3px 6px 1px rgba(221, 66, 80, 0.32);
        border-radius: 20px;
    }
</style>